Codex use case
学生プロジェクトのウェブサイト制作
アイデアと手元の資料をもとに初版を作り、動作を確認します。
Sites を使い、学生プロジェクトのコンテンツ、希望するデザイン、アクセシビリティ要件、成功基準をもとに、シンプルなウェブサイトの制作範囲を決めます。サイトを制作してテストし、公開前のレビューに備えます。
Best for
- クラブ活動、ポートフォリオ、授業、地域活動のアイデアを、実際に使えるサイトにしたい学生
- コンテンツや参考例があり、アクセシビリティ要件が決まっているプロジェクト
- 初版の段階で操作テストとレビュー用チェックリストが必要なサイト
Contents
学生プロジェクトのウェブサイト制作
アイデアと手元の資料をもとに初版を作り、動作を確認します。
Sites を使い、学生プロジェクトのコンテンツ、希望するデザイン、アクセシビリティ要件、成功基準をもとに、シンプルなウェブサイトの制作範囲を決めます。サイトを制作してテストし、公開前のレビューに備えます。
Sites を使い、学生プロジェクトのコンテンツ、希望するデザイン、アクセシビリティ要件、成功基準をもとに、シンプルなウェブサイトの制作範囲を決めます。サイトを制作してテストし、公開前のレビューに備えます。
Related links
Best for
- クラブ活動、ポートフォリオ、授業、地域活動のアイデアを、実際に使えるサイトにしたい学生
- コンテンツや参考例があり、アクセシビリティ要件が決まっているプロジェクト
- 初版の段階で操作テストとレビュー用チェックリストが必要なサイト
Skills & Plugins
- Sites学生プロジェクトのウェブサイトを制作し、プレビューとテストを経て公開します。
| Skill | Why use it |
|---|---|
| Sites | 学生プロジェクトのウェブサイトを制作し、プレビューとテストを経て公開します。 |
Starter prompt
初版に盛り込む内容の絞り込み
まず、誰がサイトを使うのか、利用者がサイトで達成したい主な目的は何かを明確にし、手元にある資料を整理します。具体例、デザインの希望、アクセシビリティ要件を加え、目標を達成できたかどうかを判断する基準も明記します。
初版の範囲は、一度の作業で構築からテストまで終えられる程度に絞ります。
サイトの構築と確認
Sites の初期プロンプトを使って、次の作業を進めます。
- 提供されたコンテンツを整理する
- 情報をシンプルに構成する
- 主要なページと操作機能を実装する
- レスポンシブレイアウトを採用する
- キーボードで操作できることを確認し、ラベルとコントラストをチェックする
- 代表的なコンテンツを使って、利用者がたどる主な操作の流れをテストする
公開前にローカルプレビューでサイトを確認します。テキスト、画像、リンク、フォーム、データがいずれも承認済みの提供元からのものかを確認してください。
共有の準備
コンテンツの不足、必要な許可、プライバシー、アクセシビリティ、最終テストを確認できる公開前のチェックリストを ChatGPT に作成してもらいます。サイトで提出を受け付ける場合は、提出されたデータの送信先と、そのデータにアクセスできる人を確認します。
レビュー済みの版をプロジェクト責任者または担当教員が承認してから公開してください。
Related use cases
対話型教材の作成
Sites で、承認済みの授業資料と練習問題をもとに、対話型教材を作成します。フィードバックのルール、アクセシビリティ要件、デザインの希望を反映し、教員のレビューに備えて教材をテストします。
アイデアから概念実証へ
Codex と ImageGen を使って、大まかなアイデアからデザインの方向性を決めます。実際に使える最小限のプロトタイプを実装し、ブラウザで動作を確認します。
AI ツアーガイドの作成
Codex を使って、ウェブアプリに WebMCP...