動画記事 · OpenAI
ChatGPT 内で直接 Web アプリを構築・公開
動画の文字起こしと公開情報をもとにAIで要約・構成しています。 正確な発言は元動画と時間位置で確認してください。
まず要点
ChatGPT に新機能「Sites」が追加され、自然言語での指示だけで Web アプリの構築から公開までを完結できるデモ動画。
ChatGPT が「サイト作成」に特化!自然言語だけで Web アプリを公開する新機能「Sites」の衝撃
OpenAI は、ChatGPT 内で直接 Web アプリを構築・公開できる新プラグイン「Sites」を発表しました。これにより、ユーザーはデザインや機能の要望を自然言語で伝えるだけで、裏側のプロジェクト設定からコード生成までが自動実行されます。従来の開発環境構築の手間を省き、アイデアから公開までのサイクルを劇的に短縮するこの新機能は、ソフトウェア開発の民主化に新たな一歩を踏み出します。
完全自動化で数分以内に Web アプリが完成
今回導入された「Sites」プラグインの最大の特徴は、ChatGPT のチャットウィンドウ内で完結して動作することです。ユーザーは「スピーカーカード付きのフィルタリング可能なアジェンダを持つ、ミニマリストなデザインの編集カンファレンスサイトを作って」といった要望を記述するだけで、裏側で自動的にプロジェクトがセットアップされ、コードが記述されて最初のバージョンが完成します。
「数分で完全な機能を持つ Web アプリを作成できるプラグインです。ホスティングとストレージが標準で備わっており、アプリをすぐに公開できます」
別サービスの設定や外部ツールへの切り替えは不要です。ChatGPT 上で完結するため、開発環境の構築に費やす時間をゼロにし、即座に動作するプロトタイプを手に入れることが可能になります。
アプリ内ブラウザで「ここを変えて」と直感的に修正
生成されたアプリが完璧でない場合でも、従来のようにコードを書き換える必要はありません。ChatGPT 内に組み込まれたブラウザ上で、注釈ツールを使って具体的な箇所を指摘するだけで修正が可能です。
例えば、「スケジュールレイアウトをもっとメインイベントのように見やすくして」と要望し、ターゲットとなる部分を直接クリックしてコメントを追加します。すると、AI はその文脈を理解し、裏側で自動的にコードを更新してくれます。
「フィードバックは平易な言葉で行います。アプリ内ブラウザの組み込みアノテーションツールを使用すれば、何を更新すべきかを正確に伝えられます」
この仕組みにより、非技術者でもデザイナーやプロデューサーのような感覚で UI/UX の微調整を行いながら、最終的な完成形へと近づけていくことができます。
高機能プラグインとの連携でゲーム開発も可能
「Sites」単体だけでなく、他のプラグインと組み合わせることで表現の幅はさらに広がります。特にデザインやテストスキルを持つ「Build Web Apps」との連携が注目されます。
この連携を使えば、単純な情報サイトだけでなく、複雑なインタラクティブなアプリも作成可能です。動画では、鮮やかなピクセルアートを使用した 2000 年代初頭風の 2D サイドスクロールゲームや、アニメーションされた環境を持つレスポンシブなゲームの例が紹介されました。
「Build Web Apps を使って、カラフルな 2000 年代初頭の 2D サイドスクロールゲームとアニメーションされた環境を作成します。これでアイデアから動作する Web アプリまで、すべて ChatGPT の中で実現できます」
まとめ:開発のハードルが下がる未来へ
ChatGPT の新機能「Sites」とその連携プラグインは、開発者にとってのプロトタイピングから本番公開までの壁を崩し、非技術ユーザーにも複雑な Web アプリ作成の可能性を開きます。アイデアを言語化するだけで実装まで完了するこの環境は、AI によるソフトウェア開発の民主化を加速させる画期的なツールと言えるでしょう。
Original Source
元動画で発言を確認
プレイヤーは必要になるまで読み込みません。YouTubeのCookieと通信も再生を選ぶまで開始しません。
時間位置から根拠を確認
章や引用を選ぶと、元動画をその位置から再生します。