V-KANSAI #8 リポート
7/25/2019
Vue
TypeScript
Review

有り難く #8 でした。

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

Vue と TypeScript、私

泉亮輔 (@is_ryo) さんから、 Vue と TS を Vue.extendvue-property-decorator を使う方法をそれぞれご紹介。

Vue と TypeScript、私

vue-ts-and-me

Google Nest Hub で Vue を使った話他

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

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

Google Nest Hub の画面対応方法

ちょっとだけセキュアな認証システムを LINE Things でやってみた

Vue3 で登場予定の Function API

Daiki Kojima (@Daikids2) さんから、 Vue3 で登場が予定されている Function API について。

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

Function API You will use in future

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

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

VuexFireSQL

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

VuexFireSQL

VuexFireSQL

Functional Component

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

Functional Component in Vue.js

vue-infinite-loading

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

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

無限スクロールの話

最後に、

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

v-kansai #9

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

kansai.ts #2

あわせてよみたい..