Foreign Fetchについて

[jyasukaw]

Issueのタイトル

Foreign Fetchについて

質問をしたいAMAブースを選択してください

• フロントエンドの課題を啓蒙する方法 by @yhassy
• アクセシビリティ by @fukumotoy @makojo
• Progressive Web Apps by @jxck
• パフォーマンス by CyberAgent @houbin217jz
• CSS Evolution by @hiloki @cssradar
• React（仮） by @pirosikick

質問

（先程のセミナーでの）Foreign Fetchの話ですが、何ができるようになるのかを知りたいです。

[jyasukaw]

回答

• クライアント（Service Workerの対象となるもの）にあてられるService Workerは1個しかなくて1個だけが動いている（1st Party Service Workerという自分が書いたService Worker）
• 例えば、Google Analyticsをオフライン対応したい場合、登録できるService Workerは1st Partyだけだったから、それぞれの人が書かないといけなかった
• 連携しているサービスがたくさんあると、書ききるのはほぼ無理だし質も期待できない
• サービス提供者（Googleなど）が、それぞれオフライン対応を提供したかったけれど、JSを読み込ませてそのJSの中でレジスターするしか登録する方法がなく、登録させるのがめんどくさかった
• Link rel=serviceworkerは、レスポンスした時にこのヘッダーをつけてると、1st Partyとは別の3rd Partyとして登録できるようになった
• 例えばGoogle Analyticsへのオフラインを考えずに、自分のサイトの対応をするだけでよくなったのが、Foreign Fetchの一つのユースケースとしてある
• むしろ、自分でサブドメインを分けると、別Service Workerを登録する事ができるようになったから、Service Workerの書き分けができるようになり、一つのでっかいService Workerじゃなくてもすむよねというのが（セミナー内の）Foreign Fetchの話