Codex use case
学生プロジェクト用ウェブサイトの構築
アイデアと資料から、テスト済みの初版を作成します。
Sites を使用して、学生プロジェクトのコンテンツ、デザイン上の希望、アクセシビリティ要件、成功基準を基に、シンプルなウェブサイトの対象範囲を定め、構築してテストし、公開前にレビューできる状態に整えます。
最適な用途
- クラブ活動、ポートフォリオ、授業、コミュニティのアイデアを、実際に機能するサイトとして形にしたい学生
- 既存のコンテンツ、参考例、アクセシビリティ要件があるプロジェクト
- インタラクションのテストとレビュー用チェックリストが必要な初版
Contents
学生プロジェクト用ウェブサイトの構築
アイデアと資料から、テスト済みの初版を作成します。
Sites を使用して、学生プロジェクトのコンテンツ、デザイン上の希望、アクセシビリティ要件、成功基準を基に、シンプルなウェブサイトの対象範囲を定め、構築してテストし、公開前にレビューできる状態に整えます。
Sites を使用して、学生プロジェクトのコンテンツ、デザイン上の希望、アクセシビリティ要件、成功基準を基に、シンプルなウェブサイトの対象範囲を定め、構築してテストし、公開前にレビューできる状態に整えます。
関連リンク
最適な用途
- クラブ活動、ポートフォリオ、授業、コミュニティのアイデアを、実際に機能するサイトとして形にしたい学生
- 既存のコンテンツ、参考例、アクセシビリティ要件があるプロジェクト
- インタラクションのテストとレビュー用チェックリストが必要な初版
スキルとプラグイン
- Sites学生プロジェクト用ウェブサイトを構築し、プレビューとテストを行って公開します。
| Skill | Why use it |
|---|---|
| Sites | 学生プロジェクト用ウェブサイトを構築し、プレビューとテストを行って公開します。 |
開始用プロンプト
実用的な初版の範囲設定
まず、対象ユーザー、サイトで実現したい主な目的、すでに手元にある資料を整理します。さらに、参考例、デザイン上の希望、アクセシビリティ要件、明確な成功基準も追加します。
初期の対象範囲は、1 回の作業で構築とテストを行える規模に抑えます。
サイトの構築と確認
Sites のスタータープロンプトを使用して、以下を行います：
- 提供されたコンテンツの整理
- シンプルな情報構造の策定
- 主要なページとインタラクションの構築
- レスポンシブレイアウトの使用
- キーボード操作、ラベル、コントラストの確認
- 代表的なコンテンツを用いた主要導線のテスト
公開前にローカルプレビューをレビューします。テキスト、画像、リンク、フォーム、データが承認済みの情報源に基づいていることを確認します。
共有の準備
ChatGPT に、不足しているコンテンツ、権限、プライバシー、アクセシビリティ、最終テストを網羅した公開用チェックリストの作成を依頼します。サイトで送信内容を収集する場合は、データの送信先と、そのデータにアクセスできる人を確認します。
プロジェクトオーナーまたは担当教員がレビュー済みのバージョンを承認した後にのみ公開します。
