[Vue.js]ScopedSlotsを使って状態管理をコンポーネントから分離する
はじめに VueのScopedSlotsが、ReactのRenderPropsと同じように問題を解決すると聞いて、 とりあえず状態管理分離できるのかなと、やってみました。 バケツリレーの煩雑さと...
5
8
Comment0
15 search resultsShowing 1~15 results
Stocked
You need to log-in
sprintfのフォーマット文字列の変数にマッチする正規表現
sprintfのformatの変換指定の数をカウントしなければならなくなったので、正規表現書いたメモです。 とりあえず、phpのsprintfのドキュメントに載ってる例にはすべてマッチします。 ...
2
3
Comment0
DebianのlocalでVirtualHost使うときのメモ
毎回記憶も物理メモも吹き飛んでるので、メモです。 雑に /etc/apache2/sites-available にconfを書く a2ensiteする /etc/hosts にServerNa...
1
1
Comment0
[Vue.js]bodyに直接appendする
概要 モーダルを使うときなど、しばしばrootのappの外側にコンポーネントを挿入したくなることがあります。 vueのツリー構造から外れるので、無理っぽいように一見思えるのですが、render関...
12
15
Comment0
Vue.jsとSVGのz-index
はじめに svgではcssのようにz-indexを指定できません。単純に後ろに記述された要素が前面に来ます。 d3.jsや素のjavascriptで重なり順を操作しようとすると結構面倒なことにな...
12
7
Comment0
[Vue.js] ディレクティブと式のTips
一つのv-onに２つのメソッドを指定する <button @click="foo() + bar()">ボタン</button> このように+で繋ぐとクリック時にfoo(...
8
14
Comment0
CygwinでWindowsのフォルダにさくっと移動する方法
(1)Cygwinで次のコマンドを打ちます alias clipcd='cd "$(cat /dev/clipboard | cygpath -u -f -)"' (2) Windowsでパスを...
4
3
Comment0
Vue.js+d3.jsで折れ線グラフを描く
Vue.js Advent Calendar 2016 11日目 まえがき Vue.jsと描画機能とd3.jsの計算機能を合わせて折れ線グラフを描いてみます。 d3.jsで直接描画してもいいので...
36
26
Comment0
[d3.js(v4)]時間を軸にとった場合のラベルのformat(表示期間の変更に対応できるようにする)
はじまり d3.scaleTimeを使うと、zoomしようが何しようが期間の幅にあわせていいかんじに表示してくれます。 とはいえ、デフォルトのままでは日本人としては微妙に読みづらいですし、 [F...
3
6
Comment0
【Vue.js】autosizeなtextarea
概要 ユーザーの改行にあわせて自動的に伸びるテキストエリアをVue.jsで デモ コード <textarea v-model="value" :rows="rows"></te...
52
33
Comment1
Vue.jsで10万件のリストを表示する
はじめに Vue.jsは軽量ですが、数万件のリストを並べるとそりゃ普通につらい。 だから目に見えるとこ以外はdom描いてもらうのやめるってコードです。 デモ デモ(jsfiddle) コード h...
257
228
Comment2
Vue2.0とnl2br
vue2.0ではv-htmlに対してfilterが使えなくなりました。 これまで改行含むテキストに対して<p v-html="message | nl2br"></p>と...
101
68
Comment2
[PHP]SimpleXMLとエスケープ
はじめに PHPのSimpleXMLの動きがわりと不可思議なのでまとめです。 テキストノードのエスケープ SimpleXMLでテキスト入れるには大体3つくらいのやり方があります。 $xml = ...
7
8
Comment2
[Vue.js]外側をクリックすると閉じるドロップダウンメニュー
はじめに メニューボタン押すと開く メニューボタンもう一度押すと閉じる メニューの外側押しても閉じる どこでもよく見るアレをvue.jsで デモ デモ(jsfiddle) 説明 親コンポーネント...
48
62
Comment0
[Vue.js]クリックすると編集可能に切り替わるテキスト
はじめに クリックすると編集可能に切り替わる フォーカスを外すとテキストに戻る わりとよくあるアレをvue.jsで デモ 説明 js Vue.directive('auto-focus', { ...
82
72
Comment0
15 search resultsShowing 1~15 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles