Zenn Preview for github.devでgithubのブロックが表示されない

[orca-to]

事象

git.devでZenn Preview for github.devを使って記事を開いた際、githubのブロックがエラーで表示されません。こちらご確認をお願いいたします🙏

発生したページのURL

https://github.dev/orca-to/zenn-article-sample

発生した画面のスクリーンショット

再現方法

git.devでZenn Preview for github.devでgithubのブロックのある記事を開く

環境

• MacOS
  • google chrome：124.0.6367.201

No response

[moyamaa]

Zennサポートです。ご報告ありがとうございます。 本件、取り急ぎ確認いたします。引き続きよろしくお願いいたします。

[cm-igarashi-ryosuke]

@orca-to 調査したところ、github.devのレスポンスヘッダーに以下が追加されていたことが直接の原因でした。（おそらく最近追加されたものと思われます。）

Cross-Origin-Embedder-Policy: require-corp

このポリシーに従うため、埋め込み（iframe）側のページにも以下を追加する必要があります。

Cross-Origin-Embedder-Policy: require-corp
Cross-Origin-Resource-Policy: cross-origin

しかし、埋め込み側のページにこのポリシーを追加すると、今度は埋め込み側が読み込むリソース（画像など）にも Cross-Origin-Resource-Policy: cross-origin が設定されていないと読み込めなくなり、zenn.dev サイトの埋め込みの表示にも影響が出てしまいます。

したがいまして、現時点ではできる対応がないという状況です。

引き続き、github.dev 側の様子を見つつ、長く続くようであれば別の対応を検討いたします。

ご不便をおかけして恐縮ですが、よろしくお願いいたします。

[kboy-silvergym]

同様の事象でyoutubeとgithubのブロックが表示されずに困っています。。！ 何かワークアラウンドとかありませんかね。。

[cm-dyoshikawa]

本件、恐れ入りますが検討・対応に期間をいただくことになりそうです。

本問題を回避するために、iframeで埋め込むのをやめて直接埋め込み要素をレンダリングすることも案として考えられますが、工数面ですぐに着手が難しいのが現状です。

当面は回避策としてWeb版エディタもしくはローカル環境ではzenn-cliをご利用いただけますと幸いです 🙇