VueでちゃんとSSRしようと思ってNuxtに手を出すついでにPWAもやってみたいと思って、欲張ってやってみました。 すんごいハマったけど、なんとか までできたのでそこまでの方法を残しておく。 (まだservice-worker.jsのエラーいっぱい出てるしこの方法でいい…

今までローカル上で開発中にモバイル端末で確認したいとき、 browsersync Browsersync - Time-saving synchronised browser testing でライブリロード用にローカルサーバ立ててついでにモバイルでも確認するのが快適で良いのですが、 ポートが空いてなくてち…

Vuex とは何か? · GitBook 動くようにしたかったので ちょっとだけ付け足しました

完全版はこちら http://qiita.com/P0cChi/items/ebf8fbf035b36218a37e 手順 src/router/index.js ルーティングをするためのjs // `src/router/index.js` import Vue from 'vue' import Router from 'vue-router' import Hello from '@/components/Hello' //…

Vue-cli環境構築 vue-cliで簡単にvue.jsの環境構築ができます。 前提条件 以下がインストールされていること node.js npm node -v npm -vでインストールされているバージョンが確認できます。 インストールしていない方はしてください。 nodeはnodebrewなど…

Vue.js勉強会資料作成中(その1) - カメ飼ってる新米エンジニアの覚書き のその2です。 では、はじめてみましょう！ Vue.jsの始め方(初心者用) htmlを作成し、CDN読み込んじゃう <script src="https://unpkg.com/vue"></script> jsFiddleってやつ https://jsfiddle.net/chrisvfritz/50wL7mdz/ 今回はこれ使…

vue.jsでこの書き方できるんだと思ったら、そうでもなかったのでメモ。 <li v-for="todo in todos"> {{todo.text}} <input type="submit" value="削除" v-on:click="remove(todo.index)" /> </li> これで動いた気がしたから、いけるんだ！って思ったら、挙動がおかしかった。。 todo.indexのリストの値を削除するっていうclickのメソッドなんだけど、 一番最後のli…

不肖ながら会社でVue.jsの勉強会を開くことになったので、 作成途中の資料をそれとなく載せておきます。(第1回前編) Vue.js勉強会 vol.1 Hello Worldから始めるVue.js 対象者 Vue.jsというかJavaScript初心者。 デザイナーも含めるので、基礎の基礎からやっ…