ChatGPT / つくる
Sites(サイト)
言葉で希望を伝え、Webサイトや小さなWebアプリをつくる。
できること
- Webサイトや簡単なアプリの作成・編集
- プレビューで確認しながらの修正
- 公開範囲を決めて共有・公開
こんな場面に
趣味の作品一覧や、イベント案内のサイトをつくる。
- 紹介ページ
- 小さな管理画面
- 操作できる試作品
始め方
最初に今回つくるものと、ネット上への配置・閲覧範囲のどこまで行うかを決めます。利用条件を確認し、送る情報や必要な権限を確かめてから始めます。
小さく試す
ページに載せる情報をそろえる
教材用の仕様です。実在する会場や参加者の情報は使いません。
- タイトル:紙工作体験会
- 内容:折り紙を使って小さな飾りをつくる
- 所要時間:45分
- 持ち物:折り紙3枚
- 日時・会場:未定
- 上部に「架空の練習用ページ」と表示
- 「会の内容」「持ち物」の2つに分ける
未定の日時や会場を、それらしく補わないことも条件です。
つくる範囲と止める場所を伝える
以下は依頼文の見本です。読むだけなら作成は始まりません。実際に送信する場合は、Sitesが使えることと利用枠を先に確認してください。
Sitesで、次の仕様の1ページのWebサイトをつくりたいです。まず、この環境でネット上へ配置せずに版を保存し、確認できる方法を説明してください。できる場合だけ制作と版の保存まで進めてください。できない場合は、その理由を説明して止めてください。デプロイ、閲覧範囲の変更、リンクの配布はしないでください。 仕様:架空の「紙工作体験会」。内容は折り紙で小さな飾りをつくること。所要時間45分、持ち物は折り紙3枚。日時と会場は未定。上部に「架空の練習用ページ」と表示し、「会の内容」「持ち物」の2つに分けてください。スマートフォンでも読みやすくしてください。フォーム、ログイン、決済、外部連携、生成画像は不要です。
期待する内容と比べる
以下は教材用に書いた内容の見本です。Sitesで作成したページ、画面の画像、実際の実行結果ではありません。
架空の練習用ページ 紙工作体験会 会の内容:折り紙を使って小さな飾りをつくります。所要時間45分。日時と会場は未定です。 持ち物:折り紙3枚
実際に制作した場合は、確認できた範囲を分けて見ます。
- 内容:45分、3枚、日時と会場は未定のままか
- 表示:スマートフォン相当の幅で、文字が切れたり横にはみ出したりしていないか
- 余計な機能:申込ボタンや個人情報を入力する欄が増えていないか
- 状態:版の保存までか、すでにネット上へ配置されたか。誰が見られる設定か
まだ画面を見られない場合は、表示確認を未実施として残します。「作りました」という返事だけで、見た目や公開状態まで確認済みにしません。
うまくいかなければ内容を絞って直す
もし「10月10日10時、中央会館で開催」と追加されていたら、日時と会場は未定に戻し、45分と折り紙3枚は残すよう頼みます。保存する変更案を示し、デプロイや共有をしない条件も保ちます。
保存と配置と閲覧範囲を分ける
制作して版を保存すること、ネット上で動く状態へ配置すること、誰が見られるかを決めることは、それぞれ別に確かめます。配置は「デプロイ」と呼ばれます。公式案内ではSitesの配置URLは本番配置です。「プレビュー」と呼ばれたリンクでも、未配置の安全な仮置き場だとは判断しません。新しいSiteの閲覧範囲は、変更するまでは作成者とワークスペース管理者に限定されます。実際のアクセス設定を確認します。
利用できる条件
Sitesはパブリックベータで、公式案内の対象はPlus、Pro、Business、Enterprise、Eduです。利用できる機能や上限はプラン、提供状況、地域、ワークスペース設定によって異なります。Enterpriseでは一般公開が初期状態で無効で、管理者による有効化が必要です。
使う前に確認すること
- Sitesの配置URLは本番配置です。「プレビュー」と呼ばれても未配置の仮置きと決めつけず、配置の有無を確かめる
- 限定された閲覧範囲と一般公開は別。実際に誰が見られるかアクセス設定を確認する
- 本文、リンク、フォーム、スマートフォン表示を確認し、練習に不要な個人情報を使わない
公式情報を確認する
- Sites:制作、版の保存、配置URL、共有前の確認(外部サイト)
- Sites administration:利用権限と公開・閲覧範囲(外部サイト)
- Pricing:Sitesの対象プランと利用条件(外部サイト)
確認日:2026-10-04。提供状況・利用条件は変わるため、使う時点の公式案内も確認してください。
読み終えたら
- してほしいことを少し具体的に伝えよう
作るものや必要な情報を具体的に伝える準備ができます。
- 答えを確かめよう
サイトに載せる情報を、別の根拠で確かめる手順を学べます。
- 入力する情報を選ぼう
サイト作りに使う素材や情報を選ぶときの目安になります。