フロントエンドカンファレンス北海道2025
採択
レギュラートーク(20分)
ProxyによるWindow間RPC機構の構築
syumai
__syumai
JavaScriptの「Proxy」objectは非常に強力です。
objectに存在しないプロパティの値を取得したり、存在しないメソッドを呼び出したりなど、objectに対するあらゆる処理に介入し、通常のobjectでは不可能な柔軟な処理を実現できます。
本発表では、発表者が業務でiframeとmain window間のRPC機構を構築した経験をもとに、以下の内容について解説します。
- JavaScriptのProxyの基本
- Window間通信の基本
- 別Window上のメソッド呼び出しのProxyによる実装
- Window間通信のProxyによるWrap方法
- 別Window上のメソッドの型情報の利用
- Window間のRPC実装として有名なComlinkの実装の簡単な解説
- Window間通信以外の応用例