JavaScript

【Vue.js】CLIを使う

CLIを使うメリット 大規模アプリケーションの開発に用いられるファイルの分割ができる最終的に公開するコードをminファイル化してくれる（軽量化）プラグインの追加が簡単になるHMR（HTMLを変更した時にブラウザーに自動的に保存される）SCS...
2020.01.24
JavaScript
JavaScript

【Vue.js】インスタンスについてのメモ

Vueインスタンスは複数作成可能 Vueインスタンスは複数作成する事が可能。但し、複雑化することからインスタンスはひとつにまとめることが望ましい。 他のVueインスタンスからアクセスする方法 Vueインスタンスを変数に格納することにより、外...
2020.01.23
JavaScript
JavaScript

【Vue.js】v- ディレクティブまとめ④～リストレンダリング～

前回までの記事はこちら↓条件分岐ディレクティブ（下記２記事） その他のディレクティブ v-for 配列に基づいて描画する。 配列をそのままリスト表示 dataで指定した配列に基づいてList表示させる方法。v-for="word in gr...
2020.01.21
JavaScript
JavaScript

【Vue.js】v- ディレクティブまとめ③～条件分岐補足～

前回のv-から始まるディレクティブまとめはこちら↓※前回はif等の条件分岐についてでした。 その他のv-ディレクティブについてまとめた記事はこちら↓ v-show 切り替えをしたい時につかうディレクティブ。v-ifと同じように使用することが...
2020.01.20
JavaScript
JavaScript

【Vue.js】v-　ディレクティブまとめ②～条件付きレンダリング～

v-から始まるディレクティブのまとめ記事はこちら↓ v-if if文。条件がtrueもしくはfalseの時に実行される。 falseの時に表示したい場合、textをfalseに変更して、v-ifディレクティブのdata参照に「！」をつける。...
2020.01.20
JavaScript
JavaScript

【Vue.js】computedとmethodの違い

computedとmethodは同じ描画をしてくれますが、下記違いがあります。この違いが公式ページでも書かれていますので、リンクを貼ります。 >vue.js公式ページ computed 依存関係が更新された時だけ実行する。呼び出す時に（）が...
2020.01.19
JavaScript
JavaScript

【Vue.js】v-ディレクティブまとめ

Vue特有のv-から始まるディレクティブをまとめてみました。＜環境＞Vue.js v2 v-text dataの文字列表示。{{}}と同じ意味を持ち、同じ使い方をする。 v-once 一度だけ表示させたい時に使う。 v-html vueで作...
2020.01.18
JavaScript
JavaScript

【Vue.js】v-onでイベントをハンドリングしてみる

前回の記事はこちら↓ 今回やりたい事 「ボタンをクリックしたら、表示するテキストを変更する。」を実装します。前回作成したコードにイベントを追加していきます。 前回のコードはこちら↓ HTMLにボタンを追加 前回のコードにbuttonを追加し...
2020.01.17
JavaScript
音楽

【音楽理論】ヒット曲のコード進行～その3～

前回投稿した、終止形をうまくつかったコードパターンを紹介します。 前回の記事はこちら↓ 本日紹介するコード進行は、 Ⅰ→Ⅲ７→Ⅵm→Ⅰ７→Ⅳ→Ⅰ→Ⅱm7→Ⅴ７sus4/Ⅴ7 KeyがCの場合 、 「C→E7→Am→C7→F→C→Dm7→Gs...
2020.01.16
音楽
JavaScript

【Vue.js】を使ってHelloWorld

javascriptもままならないままですが、Vueに手を出し始めました。しばらくはVueの記事ばかりになると思います。今回は、Vueを読み込んでHelloWorldを表示したいと思います。 環境 エディター：jsFiddle　※ブラウザー...
2020.01.15
JavaScript
次のページ