React, Redux, Vue.js, Vuex, Web

Webクライアント(HTML/CSS/JS)を開発していると、方法はどうあれJavaScriptで扱うデータをどこかに集約したり階層化したりして管理しやすい形にまとめておくことが多いと思う。

そんな状況でときどき必要となる ...

CSS, HTML, JavaScript, Vue.js, Web

もくじどんな場合に必要か
1つ目:HTMLテンプレートに設定する属性で色を指定する方法
2つ目:HTMLテンプレートに設定するクラスで色を指定する方法
2つの方法の比較

どんな場合に必要か

あるコンポーネ ...

Electron, Vue.js, Windows 10, オフラインツール, ツール

まだペンを握り始めたばかりの赤ちゃんは、大人が思う以上にお絵描きしたくてたまらないもの。

しかし、赤ちゃんにペンタブレットを持たせてみると、思うようにお絵描きできないことが多い。

ペンタブレット用のお絵描きソフ ...

Material UI, vue-cli, Vue.js, Vuetify, Web, ライブラリ

vue-cli(4.2.3)で作っているアプリに何かUIライブラリを導入してみようと思い、Vuetifyを入れてみることにした。

自分でボタンやinputなどのスタイル設計をしてきたけど、やはり効率が悪いし、何より馴染みの ...

HTML, pug, SFC, Vue.js, Web

Vue.jsは根底にSFC(Single File Component)の思想があるため,コンポーネントの「継承」は本来なら想定外だ。

特にHTMLテンプレート部分の継承を考えるなら,普通にやろうとするとできない。 ...

vue-cli, Vue.js, Web

Vue.jsでinput/textarea要素といえばv-model。

v-modelで指定されたデータは双方向バインディングされ,ユーザーが入力した文字がデータへ即反映され,逆に,データが変更されたらinput/text ...

HTML, JavaScript, Vue.js, Web

HTMLのtextarea要素にフォーカスが当たった状態でEnterキーが押された場合の挙動を変えたい場合がある。

何もしなければtextarea要素内で改行されるだけだけど,この挙動を無くし,代わりにフォーカスを移動した ...

CSS, vue-cli, Vue.js, Web

Vue.jsのver.2.xではpublicディレクトリ内のindex.htmlに<link>タグを追記すればいけたけれど,ver.3.xではこの方法では読み込まれなくなっている,という報告がある。

Vue.jsのv ...