テスト 単体テスト Jestの準備 1. Vue CLIのJestプラグインの導入 npx vue create xxxでのプロジェクト作成時にUnit Testingを有効にし、テストライブラリとしてJestを選択する […]

Vuex Vuexの準備 npx vue create xxxでのプロジェクト作成時に有効にする。（既存のプロジェクトにはnpx vue add vuexで追加する） src/store/index.jsに雛形が生成され […]

Vue Router Vue Routerの準備 npx vue create xxxでのプロジェクト作成時に有効にする。 Use history mode for router?: Yesでhistoryモードにする。 […]

Vue CLI Vue CLIの基本 npm install @vue/cli npx vue create my-cli（defaultを選択） cd my-cli npm run serveで実行、npm run b […]

コンポーネント(応用) <component>要素 コンポーネントの入れ物であり、コンポーネントを動的に切り替えることができる。 タブで表示内容を切り替える場合などに便利。 定義 呼び出し <compo […]

コンポーネント new Vue()とコンポーネントの違い dataオプションはコンストラクタの場合はオブジェクトだが、コンポーネントの場合はオブジェクトを返す関数でなければならない。※コンポーネントの場合は、それぞれが独 […]

ディレクティブ v-modelを利用するとvalue属性は無視される テキストボックスの初期値はvalue属性ではなくv-modelで紐づいた変数の値となる。 ラジオボタン、チェックボックス、選択ボックスも同様に、che […]

書籍「Nuxt.jsビギナーズガイド」のまとめ。 点数 88点 感想 細かくわかりやすく説明されていて、とてもよく理解することができた。 基本 メソッドと算出プロパティの違い 算出プロパティは引数を持つことができない 。 […]

Mapオブジェクトのソート(JavaScript ES2015) timeコマンド コマンドの実行にかかった時間を測定することができる。time node hoge.jsreal 0m0.067suser 0m0.054 […]

書籍「Webプログラミングが面白いほどわかる本」のまとめ。 点数 88点 感想 とても高校生向けの本とは思えないほど実践的で良い内容だった。著者は知識があり、実務もできる人であることが想像できる。高校1年生がこの本の内容 […]