読者です 読者をやめる 読者になる 読者になる

カメ飼ってる新米エンジニアの覚書き

とにかくカメがかわいい

開発

Nuxt(Vue)でservice workersを動かしたい

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

ChromeでデバイスにPort fowardingできるの知らなかった

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

Vuexの導入部分のカウンターのコードを書いてみた

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

vuex勉強会制作途中

手順 src/router/index.js ルーティングをするためのjs // `src/router/index.js` import Vue from 'vue' import Router from 'vue-router' import Hello from '@/components/Hello' //コンポーネントを読み込む Vue.use(Router) export default new Router(…

ていねいにvue-cliを使った環境構築手順を書いてみる

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

Vue.js勉強会資料作成中(その2)

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

vue.jsのindexについて

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