いがにんのぼやき

若手WEBエンジニアのブログ。IT、WEB、バンド、アニメ。

Vue.js Tokyo v-meetup #4に参加してきた

vuejs-meetup.connpass.com

参加してきました。
その時の雑な自分用メモを公開します。

お仕事でNuxt.jsを使うか検討した話

お仕事で Nuxt.js を使うか検討した話 / decision about whether to use nuxtjs // Speaker Deck

GMOペパポ おいちゃんによる発表
ReactであるNext.jsのVue.js版

プリレンダリング -> リクエストを受ける前にレンダリングの準備

prerender-spa-plugin

Webpackのプラグイン phantomjsを使用してコンパイル時にレンダリング
Vue.jsのガイドにも載っている

SSR VS プリレンダリング

同じ商品ページでもユーザーによって見せる内容が異なる、多数の商品データが更新される等のユースケースによりけり

Vueコンポーネントユニットテスト

Vueコンポーネントのユニットテスト // Speaker Deck

vue-test-utils
Vue.js公式のテストライブラリ
β版すらまだ未公開

avoriazの開発者のeddyerburghがメインで開発中
ベースはavoriazに近いものになる?

シンプルなAPI
豊富なドキュメント、サンプルコード

テスト方法

shaddown rendering

コンポーネントを展開せずにレンダリングする
対象のコンポーネントは全てコメントアウトされる

Integration Test

コンポーネントも含めて画面全体が正常にレンダリングされているか

Full Rendering

コンポーネント全体をレンダリングする

triger

.triggerでイベントを発火することができる

VueConf 2017 参加レポート

dev.oro.com

オロ ktsn

vetur .vueファイルのlint
animating in vue

※この度過去に参加したイベントのメモなどを公開することにしたので、投稿日時をイベント当日に変更してあります。