OpenAI Apps SDK のアプリ作成を試す

OpenAI Apps SDK のアプリ作成を試す｜npaka

Apps SDK の公式サンプルを拡張し、画像を Picture-in-Picture で表示するツールを作った著者の記録。React のウィジェット、ビルド設定、MCP サーバー側の登録をつなげている。

画像を表示する部品に表示モード変更を実装し、ビルド対象とウィジェット情報を追加。静的ファイルと MCP サーバーを起動し、ChatGPT 側の接続を更新して呼び出すところまで掲載している。

学習・画面実装：React ウィジェットから PiP 表示を要求／確認 2026-09-15／https://note.com/npaka/n/n4303379412e4

学習・サーバー登録：ウィジェットのリソース情報と更新手順／確認 2026-09-15／https://note.com/npaka/n/n4303379412e4

対象：AIの開発・導入・活用を検討する担当者。形式：企業・著者による公開記事。言語：日本語（公開本文で確認）。利用条件：公開記事（本文をログインなしで確認）

確認事項（編集部）：ローカル開発用の URL やファイル名を含む例。外部公開時の配信元や認証は別途設計が必要で、掲載コードにはフォルダー名の表記揺れがある。

出典：npaka「OpenAI Apps SDK のアプリ作成を試す」／公開・更新情報：2025-10-12／確認日：2026-09-15／https://note.com/npaka/n/n4303379412e4

関連ページ