Codex Sitesでサイトを作成・公開する方法

TL;DR

CodexのSitesでは、指示からWebサイトやWebアプリを生成し、プレビュー用URLでそのまま公開できる。独自ドメイン運用にはVercelへの移行が必要で、複数プラグインを使う制作は約30分、約600クレジットを消費したため、現状は用途と費用を見極める必要がある。

Transcript

はい、こんにちは。ケトです。この チャンネルは生成の最新情報や活用事例を 紹介してます。是非チャンネル登録お願い いたします。そして今回のテーマはコデx にウェブサイトを作成して公開まで コデックス上で行ってくれ るっていうですね、なかなかな紙機能が ですね、登場しましたので、今回はこちら のコデックスサイトについてをですね、 実際に触ってみて、どんなウェブサイトが できるのか、そしてどうやって使っていく のかっていうのをですね、分かりやすく 解説していきたいと思います。ということ で早速本題に入りましょう。はい、という ことで今回はですね、こちらのページ見 ながらですね、えっと、どんな アップデートがされたのかっていうのを 確認しつつ実際にですね、触ってみたいと 思います。で、こちらがです... Read More

Key Insights

• ・Codex Sitesは、指示内容に基づくWebサイトの生成からプレビュー用URLへの公開までを、Codex内で連続して進められる機能である。
• ・利用対象は撮影時点でビジネスプランまたはエンタープライズプランに限られ、一般プランへ提供されるかは不明である。
• ・公開済みサイトはSitesタブから確認でき、招待された利用者やワークスペース内でリンクを知る利用者へ共有できる。
• ・設定画面は環境変数やシークレットキーを保存でき、OpenAI APIキーを必要とするWebアプリの試作にも利用できる。
• ・デザイン品質はプロンプトに左右され、画像生成で先に完成イメージを固めてから、その見た目を再現する実装フローが有効である。
• ・Creative Productionは、訴求軸やビジュアル言語、避ける表現を質問し、サイト構成や画像制作の方向性を整理する役割を担う。
• ・非常に高い推論設定を使ったLP制作は約30分と約600クレジットを要し、投稿者の体感では費用が約1万円に達した。
• ・独自ドメインはSitesへ直接設定できなかったため、Vercelへ移して公開し、同サービス側でドメインを設定する必要がある。

Questions & Answers

Q: Codex SitesでWebサイトを作成して公開する方法は？

プラグイン一覧からSitesを選び、作りたいサイトの目的、内容、構成、デザインなどを指示する。Codexがローカル上にサイトを生成した後、ブラウザで内容を確認でき、完成物はSitesタブへ保存される。さらにOpenAI側のURLへ公開され、共有設定から招待者やワークスペース内の利用者に見せられる。

Q: Codex Sitesとは何ですか？

Codex Sitesは、WebサイトやWebアプリの生成、プレビュー、公開、管理をCodex内で行う機能である。従来もサイトのコード生成は可能だったが、Sitesでは公開作業まで続けて実行できる。公開した成果物は専用タブから開いて何度でも編集や更新ができ、設定画面では環境変数やシークレットキーも管理できる。

Q: Codex Sitesを利用できるプランは何ですか？

撮影時点では、Codex Sitesを利用できるのはビジネスプランまたはエンタープライズプランと説明されている。投稿者はビジネスプランを契約しているため実演できたが、一般向けのプランへ今後提供されるかどうかは、その時点では分からないとしている。利用前に自分の環境でSitesが表示されるか確認する必要がある。

Q: Codex Sitesでデザイン品質を高める方法は？

曖昧な指示だけで制作を始めず、画像生成によって完成イメージを先に作り、そのデザインを再現するよう実装を依頼する方法が紹介されている。既存のデザイン案がある場合は、その画像を添付して方向性を明示する。さらにCreative Productionを使えば、訴求軸、ビジュアル言語、避けたい表現などを対話形式で整理できる。

Q: Codex Sitesの制作にはどれくらいの時間と費用がかかりますか？

実演したLP制作では、Creative Productionなどを組み合わせ、推論の高さを非常に高い設定にした結果、完成まで約30分、消費量は約600クレジットとなった。投稿者は費用感を約1万円と説明している。高いまたは中程度の推論設定なら安くなる可能性にも触れており、設定と作業内容を見ながら使う必要がある。

Q: Codex Sitesで独自ドメインを使う方法は？

実演時点のSitesでは独自ドメインを直接設定できないため、Vercelプラグインを使ってサイトをVercel側へ公開する方法が紹介されている。公開後はVercelのプロジェクト画面からドメインを購入または設定し、自社用のドメインで運用する。動画内ではドメイン費用の例として年間9ドル程度の表示にも触れている。

Q: Codex SitesでAPIを使うWebアプリを作る方法は？

Webアプリの機能や画面、利用するAIなどを指示して生成し、Sitesの設定画面にあるシークレットキー欄へ必要なAPIキーを登録する。実演では小学1年生から小学6年生向けの漢字学習ゲームを作り、OpenAI APIキーを設定した。完成したアプリでは、ランダムな漢字を表示し、お手本ボタンから書き順を確認できた。

Q: Codex Sitesは現時点でおすすめですか？

短時間でプレビュー用サイトを公開し、Codex上で編集や設定管理を続けたい人には利点がある。一方、実演では制作に約30分、約600クレジットを要し、完成したLPや漢字学習アプリの品質も改善の余地があると評価された。独自ドメインを直接設定できないため、投稿者は現時点で誰にでも強く勧める段階ではないと結論づけている。

Summary & Key Takeaways

• Codexに追加されたSitesは、作りたい内容を指示するとWebサイトをローカルに生成し、OpenAI側のURLへ公開できる機能である。公開済みサイトは専用タブで確認し、招待者やワークスペース内の利用者と共有できる。設定画面では環境変数やシークレットキーも管理できるため、単純なページだけでなくAPIを利用するWebアプリの試作にも対応する。

• 制作時は、要件だけを曖昧に伝えるより、画像生成で完成イメージを作ってから実装させる方法が有効とされた。Creative Productionを組み合わせると、訴求軸、ビジュアル言語、避けたい表現などを対話形式で整理できる。一方、複数プラグインと非常に高い推論設定を使ったLP制作は約30分、約600クレジット、体感で約1万円を要した。

• Sitesで公開したページはCodex上で繰り返し編集や更新ができるが、実演時点では独自ドメインを直接設定できなかった。そのため本番運用ではVercelプラグインで別環境へ公開し、Vercel側でドメインを設定する流れが紹介された。すぐ公開できるプレビュー環境には価値がある一方、費用と運用機能を考えると、現段階では万人に強く推奨できる機能ではないと評価された。