Vue.jsを使って、json形式のデータを読み込んでみる。 基本動作テスト See the Pen Axios 動作テスト by git-cat-meow (@git-cat-meow) on CodePen. 参考サ […]
Vue.js localStrageにデータを保存する
localStorageにVueからデータを書き込んでみる。公式のチュートリアルを参照。 マウントと監視 See the Pen localStorage test by git-cat-meow (@git-cat-m […]
Vue.js 作りたいもの下準備
Vueで作りたいものができたので、仕様と必要になりそうな技術を整理しておく。 作りたいもの チェックリストが複数ある チェックリストはユーザが自由に追加できない(こちらが提供するもののみ) チェック状態を保存する 再読込 […]
ビジネス戦略のフレームワーク概略
「統計学は最強の学問である[ビジネス編]」を読む。出だしから印象深い切り出しで、良書の予感。アカデミックな著者なので、非常に分かりやすく、同意しやすい。 ビジネスの幹とリサーチデザイン データ分析の価値は細かい施策(クー […]
Vue.js テンプレート構文が画面に表示されるのを防ぐ
codepenで開発している際に、マスタッシュが一瞬出てくるのが気になっていた。対処法もちゃんと用意されていたので、試してみる。 v-cloakディレクティブ cloak: クローク。マント?覆い隠すという意味だろうか。 […]
Vue.js セレクトボックスの値に応じて表示内容を切り替える
だいぶVueについてわかってきたので、ひとつ作ってみた。 用途 セレクトボックスで選択した値によって、表示内容を切り替えるプログラム。 セレクトされた値に応じて警告、あるいは入力項目が変わるなどの場合に使う。 実装 v- […]
Vue.js 属性値とv-bind
リンク先のURL(href属性)などを制御したいときは、v-bindディレクティブを使う。ちなみにディレクティブとは、v-で始まる特別な属性のこと。 活用方法としては、下記のようなものが挙げられる。 See the Pe […]
Vue.js methods, computed and filters
クラスとインスタンス Vueの基本はクラスとインスタンス。Pythonのプログラムでもやったように、まずはVueクラスをインスタンス化する。 オプション インスタンスを作って設定していくのがオプション。 elオプションは […]
Vue.js クリック回数をカウントする
書籍を購入したので、写経を進めていく。 Vue.jsを使った、ボタンのクリック回数表示プログラム See the Pen button click & count by git-cat-meow (@git-ca […]
javascriptの基礎 配列・オブジェクト・関数の基礎
Vueを学ぶにあたって、javascriptの基礎は学んでおく必要がありそうなので少しさらっておく。 配列 See the Pen javascript 配列 by git-cat-meow (@git-cat-meow […]
Vue.js イベントリスナーを使えるv-on
v-onディレクティブ v-onディレクティブを使うと、イベントリスナーを使うことができるようになる。 イベントリスナーとは「ページが表示された」、「ボタンをクリックした」などの動作のことを表します。 JavaScrip […]
Vue.js 条件分岐のv-ifとv-else
引き続きディレクティブを試す。ディレクティブはv-接頭辞ではじまる、HTMLとjsを紐づける機能(バインディング)のこと。 v-if See the Pen v-if by git-cat-meow (@git-cat- […]