GitHub コード埋め込み用 Web コンポーネント「github-code」の公開
本文の状態
日本語全文を表示中
詳細モードで約1分の本文を読めます。
同じ出来事の情報源
この情報源を基点に整理
Simon Willison Blog
Simon Willison は GPT-5.5 を用いて GitHub のコードを埋め込む Web コンポーネント「github-code」を実験的に構築し、その動作原理とプロンプト例を公開した。
AI深層分析を開く2026年8月7日 08:44
AI深層分析
キーポイント
GPT-5.5 による実験的開発
Simon Willison は GPT-5.5 を使用して GitHub コードの埋め込み機能を持つ Web コンポーネントを構築した。
URL からコード範囲の抽出と表示
コンポーネントは GitHub の URL を受け取り、raw ファイルの特定行範囲を取得して行番号付きで表示する。
プロンプトと実装手法の公開
Simon Willison は開発に使用した具体的なプロンプト内容と、ブラウザでの動作プレビューを記事内で共有している。
重要な引用
An experimental Web Component built using GPT-5.5 and the following prompt:
It takes URLs like that, converts them to https://raw.githubusercontent.com/..., then uses fetch() to fetch them and displays the specified range of lines
Show me a preview web browser so I can see your work
編集コメントを表示
編集コメント
この記事は GPT-5.5 の具体的な応用例を示す興味深い実験報告である。開発者が AI モデルの能力を直接検証する際の参考事例として価値がある。
Source Article
元記事を日本語で読む
本文に関係しない購読案内、埋め込み通知、サイト内プロモーションは除いています。
ツール: github-code Web Component
GPT-5.5 と以下のプロンプトを使用して構築された実験的な Web Component です:
GitHub からコードを埋め込むための Web Component を作成しましょう。
このような URL を受け取り、https://raw.githubusercontent.com/simonw/sqlite-ast/437c759129154f05296324a7f82aa1246340dd14/sqlite_ast/parser.py のように変換し、その後 fetch() を使用して取得し、指定された行の範囲を表示します（行番号付きですが、構文ハイライトはありません）。
プレビュー用の Web ブラウザを見せて、あなたの作品を確認させてください。
これがこのページに埋め込まれた際の見た目です:
タグ: github, web-components, gpt
関連記事
News to Guide
ニュースの次に確認する
発表内容を、現在の料金や仕様と照らし合わせられる関連ガイドです。
今日のまとめ
AIデイリーブリーフで今日の重要ニュースをまとめ読み