OpenAI Sitesで1プロンプトから自動更新・エージェント対応のWebアプリを作る

OpenAIのSites（Webホスティングサービス）を使い、スプレッドシートを数分でインタラクティブなアプリに変え、さらに自動更新やエージェント連携まで実現するワークフローを解説します。プロンプトからサイト構築、コラボレーション、エージェント対応までの実演を交えて紹介し、社内ツールや公開用Webアプリの作り方を具体的に示します。

■ サイト構築の自動化
- 1つのプロンプトでスプレッドシートからミールストーンやビュー切替を備えたアプリを生成
- プラグインとスケジュールタスクでドライブ上の資料から毎朝データを自動更新
- SQLiteデータベースへの直接更新により再デプロイなしでサイトに反映

■ コラボレーションと認証
- Sign-in with ChatGPTによるプライベートサイトの認証と公開設定
- 訪問者が自身のプラグイン（Drive・Slack・Linear等）のデータを閲覧・編集できる仕組み
- カスタム注釈を使ったエディター向けのUI編集とコラボレーション

■ エージェント対応のアプリ
- WebMCPツールでエージェントがサイトを操作し、UIをリアルタイムに更新
- 環境変数へのAPIキーやOpenAI Image APIの統合方法

開発者、社内ツールを作るチーム、エージェント活用に関心がある方に向いています。視聴後は、プロンプトだけでアプリを構築し、自動更新とエージェント連携を組み合わせるための具体的な手順と視点を得られます。まずは手元のスプレッドシートや資料をSitesに取り込み、共有リンクから始めてみてください。