Web猫ブログ | V-KANSAI #8 リポート
V-KANSAI #8 リポート
7/25/2019
Review

有り難く #8 でした。

今回は最近移転の株式会社 chatbox 新オフィスで開催しています。

Vue と TypeScript、私

さんから、 Vue と TS を Vue.extendvue-property-decorator を使う方法をそれぞれご紹介。

vue-ts-and-me

Google Nest Hub で Vue を使った話他

Line API Expert さんから、 interactiveCanvas API を使えば実現できるそう。 IoT デバイスが近づくと AWS Connect から得られる認証画面を Vue で作ったとのこと。前提としてコンソールでゲームカテゴリーを選択する必要はあるが、使える JavaScript に制限があることにも注意しなければいけない。

詳しくは以下の記事をご確認いただければ、ということでした。

Vue3 で登場予定の Function API

さんから、 Vue3 で登場が予定されている Function API について。

特に気になった Watch の存在。素直に監視する値を返す訳ではなく、関数の形式で返しているという仕様があるようです。

読みづらい / わかりづらいコード

さんから、 v-ifprops が多過ぎると読み辛いコードになることを例に挙げられました。責務分離を前提に設計を考えることがいかに重要か、 template にロジックを混在させてはいけないといったことなど、改めて考えさられる場面がありました。

VuexFireSQL

アマゾンジャパン合同会社 さんから、 Firebase をオマージュした VuexFireSQL について。私は初耳でしたが、リアルタイム性を強みに vuex の state を自動で同期してくれるようです。ただし、セキュリティで若干怪しいという話でした。

Functional Component

フリュー株式会社 さんから、 Functional Component について。パフォーマンス面で良い影響を与えることができる (定量的な数値も出ている) ようですが、 Vue 初心者の多いプロジェクト等ではオススメしません。

vue-infinite-loading

最後に 自ら、最近お仕事などで使う場面があった無限スクロールについて。 vue-infinite-loading を Vue/Nuxt (TypeScript) ベースのプロジェクトで入れた経験を喋らせていただきました。

無限スクロールを導入する

最後に、

次回 #9 は京都の回、来月 21 日 Firebase 日本ユーザーグループさんと共催です。

また Vue ではありませんが、kansai.ts #2 は 26 日 (金) に募集開始を予定しています。

あわせてよみたい..