ビューフェスジャパン2026
Vue Fes Japan 2026のメインビジュアル。VueをイメージしたVのシルエットと、日の丸をイメージした丸のシルエットが横に並んでいる。色は深い抹茶のような色をしており、丸のシルエットには金色の墨流し模様が描かれている。
大手町プレイス ホール &カンファレンス

Speaker

サイボウズトラック
15:50 - 16:20
Marc Backes

The Backend is Reactive: ブラウザの枠を超える Vue

このトークは、Vueのリアクティビティをブラウザ上で実装してみせることで、その仕組みのベールを剥がすものです。プロダクション品質を目指すというより、コードで遊ぶことそのものを楽しんでいただく内容です。

「もしVueのリアクティビティシステムが、ブラウザの中だけにとどまらなかったとしたら?」 このトークでは、バックエンドで @vue/reactivity を使って何百台ものスマートフォンをリアルタイムで統率し、会場全体を同期したリアクティブなライトショーに変えてみせます。

このトークで最も伝えたいのは、Vueのリアクティビティの力がフロントエンドをはるかに超えて及ぶ、ということです。UIの状態を管理するのと同じくらい効果的に、バックエンドのロジックも統率できるのです。リアクティブなデータを単一の信頼できる情報源(source of truth)として扱うことで、最小限の接着コードで複数のクライアントを駆動できます。さらに、算出されたプロジェクション(computed projections)はリアクティブな考え方を取り入れる助けとなり、副作用・スケジューリング・クリーンアップを明示的で予測可能な、理解しやすいものにしてくれます。

Marc Backes

Directus

Senior Software Engineer

Marc Backes

Directus

Senior Software Engineer

The Backend is Reactive: ブラウザの枠を超える Vue

このトークは、Vueのリアクティビティをブラウザ上で実装してみせることで、その仕組みのベールを剥がすものです。プロダクション品質を目指すというより、コードで遊ぶことそのものを楽しんでいただく内容です。

「もしVueのリアクティビティシステムが、ブラウザの中だけにとどまらなかったとしたら?」 このトークでは、バックエンドで @vue/reactivity を使って何百台ものスマートフォンをリアルタイムで統率し、会場全体を同期したリアクティブなライトショーに変えてみせます。

このトークで最も伝えたいのは、Vueのリアクティビティの力がフロントエンドをはるかに超えて及ぶ、ということです。UIの状態を管理するのと同じくらい効果的に、バックエンドのロジックも統率できるのです。リアクティブなデータを単一の信頼できる情報源(source of truth)として扱うことで、最小限の接着コードで複数のクライアントを駆動できます。さらに、算出されたプロジェクション(computed projections)はリアクティブな考え方を取り入れる助けとなり、副作用・スケジューリング・クリーンアップを明示的で予測可能な、理解しやすいものにしてくれます。