スポンサー情報
ユニークビジョンは、ソーシャルメディアを通じて企業のブランド体験を創出するテクノロジーカンパニーです。自社開発のSNSマーケティングツール「Belugaシリーズ」は、年間800件以上の施策を実施しています。
プロダクト開発ではVue.jsを積極的に導入しており、Vue.js製のコンポーネントライブラリを社内OSSとして開発・改善する文化が根付いています。また、2022年から毎月開催しているエンジニア勉強会「UV Study」では、Vue.jsを頻繁にテーマとして取り上げています。
ツール・文化・場づくりの三位一体で、Vue.jsの発展を後押ししていきます。
Vueトラック
11:15 - 11:25
コンポーネントのライフサイクルとグローバル状態の扱い方
VueUse のコンポーザブルはコンポーネントの中で使われることを前提に設計されており、unmount 時に内部の処理を自動的に片付けてくれます。
これを自前のコンポーザブル内でシングルトン化すると、最初に呼んだコンポーネントが unmount されたとき、変数は残りながら中身だけが壊れるという気づきにくいバグが起こります。
調査する過程で VueUse には createGlobalState というグローバルに扱うための正しい方法が用意されていることを知りました。バグを生んでしまった経験をもとに、Vue のライフサイクル下でのコンポーザブルの適切な使い方をお話しします！
ユニークビジョン株式会社
Chief Architect
矢光 隆太郎