アウトプットの重要性
新しいことはメモに
日々なんでもアウトプット
積み重ね
NuxtでVueライフを快適に
容易に環境を整えたい
Nuxt.js Vueを快適に作るため
ルーティングが自動的に設定を生成
Vuex store をインポート
シンプル
NuxtでかくとVueのコードがシンプルに
SSRだけでなくVueが快適になるよ！
Vueでネイティブアプリを Ionic Vue
Native開発
weex-vue-Render
Ionic -> web技術でネイティブアプリ風に
iOSでネイティブアプリを作るのは割と簡単
- Ionicコンポーネントを基本使おう
宣言的UIってなんなの？？
欲しいUIを命令的に書かないで宣言的に書いていくことで可読性が上がる
宣言的に書いた方がすっきりするよね
vue-nextのソースコードを読み始める
vue-next -> 乱暴にいうとVersion3
-
利用されるツール
istanbul -> テスト時のカバー率を確認できる
consoler -> 色付きでコンソールに表示
rollup -> バンドルするやつ -
ディレクトリ構成
-
どこを読むといいのか
packagesに便利な奴がある
vue-nextはディレクトリがわかりやすく
compiler :コンパイル時に使う奴
run-time :実行時に使う奴
jQuery使いがVueを使った話
Vueの強み
- タグのようにコンポーネントがかける
- イベントの紐付けをタグとするから見やすい
- 配列要素の描画が簡単
Vuexで何をするか、何をしないか
Vuex -> 状態管理の方法のパターンを提供(Fluxなどから影響)
単方向フローを強制する
グローバルデータの中央一元管理
安全にグローバルデータを管理したい
Page(View)に提供するもの
アンチパターン
-
emit,propの代わりに使う
再利用性が下がる
テストが難しくなる -
全てのデータをVuexにおく
-
全てのロジックをVuexにおく
ロジックの単体テストが難しくなる