<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>ChatGPT Sites on KnightLiブログ</title>
        <link>https://knightli.com/ja/tags/chatgpt-sites/</link>
        <description>Recent content in ChatGPT Sites on KnightLiブログ</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>ja</language>
        <lastBuildDate>Mon, 13 Jul 2026 07:39:00 +0800</lastBuildDate><atom:link href="https://knightli.com/ja/tags/chatgpt-sites/index.xml" rel="self" type="application/rss+xml" /><item>
        <title>ChatGPT サイトの使用方法: プロンプトの言葉からホストされた Web サイトの公開とセキュリティ チェックまで</title>
        <link>https://knightli.com/ja/2026/07/13/chatgpt-sites-hosted-website-publish-guide/</link>
        <pubDate>Mon, 13 Jul 2026 07:39:00 +0800</pubDate>
        
        <guid>https://knightli.com/ja/2026/07/13/chatgpt-sites-hosted-website-publish-guide/</guid>
        <description>&lt;p&gt;ChatGPT サイトは、ChatGPT で管理された Web サイト構築ワークフローです。Web サイト、Web アプリケーション、またはミニゲームを作成、ホスト、変更、共有できます。これは、社内ツール、デモ ページ、および軽量の製品プロトタイプを迅速に作成するのに適していますが、「生成後にチェックせずにワンクリックでオンラインに移行する」ツールとしては使用できません。各展開 URL は実稼働環境のアドレスです。&lt;/p&gt;
&lt;p&gt;この記事は、[OpenAI 公式サイトのドキュメント] (&lt;a class=&#34;link&#34; href=&#34;https://learn.chatgpt.com/docs/sites&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://learn.chatgpt.com/docs/sites&lt;/a&gt;) をベースに、要件の記述からリリース承認までの実践的なプロセスを整理したものです。 Sites は現在パブリック ベータ機能であり、実際の可用性はプラン、リージョン、ワークスペースの設定によって影響されます。&lt;/p&gt;
&lt;h2 id=&#34;まず区別します-サイトコーデックスおよび通常の-chatgpt-ダイアログ&#34;&gt;まず区別します: サイト、コーデックス、および通常の ChatGPT ダイアログ
&lt;/h2&gt;&lt;p&gt;サイトの責任は、ホスティング プロジェクトとリリースを管理することです。 ChatGPT Work Web ページの「その他 &amp;gt; サイト」から入ることも、ChatGPT デスクトップ側で使用することもできます。 Codex CLI および IDE 拡張機能はローカル プロジェクトを編集およびテストできますが、独立したサイト管理インターフェイスはありません。アクセス許可を作成、保存、展開、または調整する必要がある場合でも、ChatGPT Web またはデスクトップに戻ります。&lt;/p&gt;
&lt;p&gt;これは、健全な分業とは次のことを意味します。&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Codex を使用してコード、依存関係を確認し、結果をローカルでビルドします。&lt;/li&gt;
&lt;li&gt;サイトを使用してホストされたバージョンを生成するか、互換性のあるローカル プロジェクトに接続します。&lt;/li&gt;
&lt;li&gt;サイトのプレビューでコンテンツとデータ処理を確認します。&lt;/li&gt;
&lt;li&gt;対象ユーザーと権限を確認した後、本番 URL をデプロイします。&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;サイトと ChatGPT プロジェクトを混同しないでください。サイトは、継続的に開いたり、変更、構成、共有したりできるホストされた製品です。最初の作業タスクが終了した後も保持されます。&lt;/p&gt;
&lt;h2 id=&#34;作成前-要件を許容可能なプロンプトワードで記述します&#34;&gt;作成前: 要件を許容可能なプロンプトワードで記述します
&lt;/h2&gt;&lt;p&gt;プロンプトでは少なくとも、対象読者、ページの目的、主要なインタラクション、およびデータ ソースを説明する必要があります。通常、「プロジェクト管理 Web サイトを作成する」だけでは十分ではありません。誰が使用するか、何を保存するか、アクセス許可を制御する方法を追加することをお勧めします。&lt;/p&gt;
&lt;p&gt;たとえば、次のプロンプトでは、機能の境界と受け入れ条件が明確に示されています。&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-text&#34; data-lang=&#34;text&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;为运营团队创建一个项目需求看板。成员可以提交需求、查看负责人、更新状态并按状态筛选。
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;仅限工作区成员登录；需求记录必须在刷新页面后保留。
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;先生成可审查版本，不要发布；同时列出需要我确认的数据字段和权限设置。
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;最後の文は重要です。ライブにするのではなく、最初にバージョンを保存することが明示的に要求されます。単なる表示ランディング ページの場合は、システムが一時的な UI 状態に不必要なストレージを導入するのを防ぐために、「永続データは不要」であることも示す必要があります。&lt;/p&gt;
&lt;h2 id=&#34;適切なデータと-id-機能を選択する&#34;&gt;適切なデータと ID 機能を選択する
&lt;/h2&gt;&lt;p&gt;公式ドキュメントによると、サイトは製品形式に基づいてさまざまな機能にアクセスできます。&lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;必要&lt;/th&gt;
          &lt;th&gt;明確に記載すべき能力&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;ランディング ページ、コンテンツ ステーション&lt;/td&gt;
          &lt;td&gt;デフォルトでは状態を保持する必要はありません&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;ユーザーの記録、進捗状況、スコア&lt;/td&gt;
          &lt;td&gt;D1 リレーショナル データベース&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;写真、ドキュメント、オーディオ、ビデオをアップロードする&lt;/td&gt;
          &lt;td&gt;R2オブジェクトストレージ&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;ファイルとその検索可能なメタデータをアップロードする&lt;/td&gt;
          &lt;td&gt;D1 はメタデータを保存し、R2 はファイルを保存します&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;社内従業員のみが使用できる&lt;/td&gt;
          &lt;td&gt;ワークスペース認証&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;公開とログインが必要&lt;/td&gt;
          &lt;td&gt;認証対応サイト&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;永続データの基準は単純で、ユーザーが次回アクセスしたときにそのデータが表示されることを期待しているかどうかです。テーマカラーや閉じたバナーなどの一時的な表示状態は通常は必要ありません。注文、フォームレコード、アップロードされたファイル、ゲームスコアなどです。&lt;/p&gt;
&lt;h2 id=&#34;実際の操作-説明レビュー変更保存&#34;&gt;実際の操作: 説明、レビュー、変更、保存
&lt;/h2&gt;&lt;p&gt;繰り返し可能なワークフローは次のとおりです。&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;サイトの説明&lt;/strong&gt;: 明確な要件を入力し、参考資料、ブランド資料、または既存のプロジェクトを添付します。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;プレビューの確認&lt;/strong&gt;: ページのテキスト、インタラクション、データが期待どおりであるかどうかを確認します。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;反復的な変更&lt;/strong&gt;: プレビューで [編集] を選択し、自然言語で変更を説明します。必要に応じてスクリーンショットまたはファイルを追加します。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;バージョンを保存&lt;/strong&gt;: ChatGPT にデプロイ可能なバージョンを構築させますが、まだ公開しません。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;バージョンの展開&lt;/strong&gt;: コンテンツ、権限、および対象ユーザーを確認した後でのみ、承認された保存バージョンを展開する必要があります。&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;「保存版」と「展開版」の2段階です。ローカル プロジェクトの場合、保存されたバージョンはビルドに使用される Git コミットに関連付けられるため、未検証の変更がオンラインになるのを避けるために、コミットする前にワークスペースのステータスを確認してください。&lt;/p&gt;
&lt;p&gt;既存のプロジェクトをオンラインにしたい場合は、次の質問をしてください。&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-text&#34; data-lang=&#34;text&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;检查当前项目能否生成兼容的 Sites 部署产物；修复必要的兼容性问题，
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;保存一个可审查版本并说明改动。不要部署，等我确认后再发布。
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;h2 id=&#34;公開前の-4-つのチェック&#34;&gt;公開前の 4 つのチェック
&lt;/h2&gt;&lt;p&gt;リリースは最終的なボタンの押下ではなく、一連の承認です。少なくとも次の点を確認してください。&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;コンテンツと動作&lt;/strong&gt;: ページで正しい情報が使用されているかどうか、フォーム、フィルター、ジャンプ、エラー状態が利用可能かどうか。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;データとファイル&lt;/strong&gt;: アップロードされたコンテンツ、データベース レコード、およびアクセス範囲が期待を満たしているかどうか。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;アクセス権&lt;/strong&gt;: 自分だけ、招待されたメンバー、ワークスペース メンバー、そして最後に「リンクを知っている全員」など、最も狭い共有範囲を優先します。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;実際のアクセス テスト&lt;/strong&gt;: 共有本番 URL を開いて、対象ユーザーの権限でアクセスできるかどうかを確認します。&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;ワークスペース管理者はパブリック共有を制限できます。共有リンクを取得した場合でも、訪問者には閲覧権限のみが付与され、サイトを編集する権限は自​​動的に付与されません。&lt;/p&gt;
&lt;h2 id=&#34;プロンプトの単語にキーを与えないでください&#34;&gt;プロンプトの単語にキーを与えないでください
&lt;/h2&gt;&lt;p&gt;ランタイム環境変数とキーは、サイトの設定で追加、更新、または削除する必要があります。プロンプト、添付ファイル、サイト コンテンツ、&lt;code&gt;.openai/hosting.json&lt;/code&gt;、または Git コミットにキーを入力しないでください。&lt;/p&gt;
&lt;p&gt;ローカル プロジェクトでは、開発環境に必要な変数名を管理するために、引き続き &lt;code&gt;.env&lt;/code&gt; および &lt;code&gt;.env.example&lt;/code&gt; を使用する必要があります。 &lt;code&gt;.env.example&lt;/code&gt; はキー名と安全な例のみを保持し、実際の値は保持しません。管理対象環境変数を変更した後、新しい構成を運用環境で有効にする前に、レビューしたバージョンを再デプロイする必要があります。&lt;/p&gt;
&lt;p&gt;ローカル ソース コードに接続されているプロジェクトの場合、&lt;code&gt;.openai/hosting.json&lt;/code&gt; は、マネージド プロジェクトの関連付けと、&lt;code&gt;project_id&lt;/code&gt;、D1、または R2 のバインド名などのオプションのストレージ バインディングを記録するために使用されます。秘密のプロフィールではありません。&lt;/p&gt;
&lt;p&gt;＃＃ よくある質問&lt;/p&gt;
&lt;h2 id=&#34;よくある質問&#34;&gt;よくある質問
&lt;/h2&gt;&lt;h3 id=&#34;サイトが見つからないのはなぜですか&#34;&gt;サイトが見つからないのはなぜですか?
&lt;/h3&gt;&lt;p&gt;Sites はまだパブリック ベータ版であり、可用性はプラン、リージョン、ワークスペースの設定に関連付けられています。まず、ChatGPT Work Web クライアントまたは ChatGPT デスクトップ クライアントを使用していることを確認します。管理対象ワークスペースに表示されない場合は、管理者に機能と共有ポリシーを確認してください。&lt;/p&gt;
&lt;h3 id=&#34;codex-cli-だけを使用してリリースを管理できますか&#34;&gt;Codex CLI だけを使用してリリースを管理できますか?
&lt;/h3&gt;&lt;p&gt;できません。 Codex CLI はローカル プロジェクトを変更およびテストできますが、サイトの作成、保存、展開、管理は ChatGPT Web またはデスクトップで完了する必要があります。&lt;/p&gt;
&lt;h3 id=&#34;デプロイが成功した後コンテンツが間違っていることがわかるのはなぜですか&#34;&gt;「デプロイが成功した」後、コンテンツが間違っていることがわかるのはなぜですか?
&lt;/h3&gt;&lt;p&gt;デプロイ URL はすでに本番アドレスです。次回は、まずレビュー可能なバージョンを保存するよう依頼し、プレビューとソース変更を確認してからデプロイします。すでに公開済みなら、すぐにアクセス範囲を狭め、修正してから新しいレビュー済みバージョンを公開してください。&lt;/p&gt;
&lt;h2 id=&#34;まとめ&#34;&gt;まとめ
&lt;/h2&gt;&lt;p&gt;ChatGPT Sites の価値は、構想、生成、ホスティング、反復を一つのワークフローにまとめられる点にあります。ただし公開の責任は利用者に残ります。「要件を明確にする → バージョンを保存する → プレビューをレビューする → 最小権限で共有する → 実際にアクセスして検収する」という手順を固定すれば、プロトタイプの不用意な公開、データ設定ミス、秘密情報の漏えいを大きく減らせます。&lt;/p&gt;
&lt;p&gt;デプロイメント URL がすでに実稼働アドレスであるためです。次回は、まずレビュー可能なバージョンを保存し、デプロイする前にプレビューとソース コードの変更を確認するように依頼します。すでにオンラインになっている場合は、すぐにアクセス範囲を強化し、修正して新しいレビュー可能なバージョンをリリースします。&lt;/p&gt;
&lt;p&gt;＃＃ 結論&lt;/p&gt;
&lt;p&gt;ChatGPT サイトの価値は、「構想、生成、ホスティング、反復」を同じワークフローに組み込むことですが、リリースの責任はユーザーにあります。 「要件の明確化→バージョンの保存→プレビューレビュー→最小限の権限の共有→実際のアクセスの受け入れ」というプロセスを修正すると、プロトタイプの直接公開、不適切なデータ構成、キー漏洩のリスクを大幅に軽減できます。&lt;/p&gt;
</description>
        </item>
        
    </channel>
</rss>
