本文にスキップ
AI News HubLIVE
サイト内リライト1 分で読了

github-code Webコンポーネント

記事の要約

Simon Willison氏がGPT-5.5を使用して構築した実験的なWebコンポーネント。GitHubのコードURLをraw.githubusercontent.comのURLに変換し、指定された行範囲をフェッチして表示します。行番号は表示されますが、シンタックスハイライトはありません。

github-code Webコンポーネント
誤りを報告

訂正窓口はまだ利用できません。記事情報をコピーして保存できます。

訂正案内
本文へ

Simon Willison氏は、GPT-5.5を用いて実験的なWebコンポーネント「github-code」を開発しました。このコンポーネントは、GitHub上のコードブロブURLを自動的にraw.githubusercontent.comのURLに変換し、指定された行範囲を取得して表示します。行番号は表示されますが、シンタックスハイライトは現在サポートされていません。

使い方はシンプルで、<github-code>タグにhref属性としてGitHubのコードURLを指定するだけです。例えば、<github-code href="https://github.com/simonw/sqlite-ast/blob/437c759129154f05296324a7f82aa1246340dd14/sqlite_ast/parser.py#L9-L18"></github-code>と記述すると、指定した行(9~18行目)が埋め込まれます。

このコンポーネントは、技術ブログやドキュメントでコードスニペットを埋め込む際に便利です。手動でコードをコピーする必要がなく、元のリポジトリの更新に追従するわけではありませんが、静的なスナップショットとして利用できます。Willison氏はこのコンポーネントを実験的な位置づけとしており、コミュニティからのフィードバックを期待しています。GPT-5.5のプロンプトから直接生成されたという点も、AIによるソフトウェア開発の新しい可能性を示しています。

要点と分析を開く

記事インテリジェンス

エンジニア中級

要点

  • GPT-5.5によって生成された実験的なWebコンポーネント
  • GitHubのURLをrawコンテンツリンクに自動変換
  • 指定された行番号範囲のコードを表示(シンタックスハイライトなし)

要点と分析は自動生成され、誤りを含む場合があります。原典をご確認ください。