For the complete documentation index, see llms.txt. Markdown versions of documentation pages are available by appending .md to the page URL.
メインナビゲーション
Theme
Codex

Codex use case

学生プロジェクトのウェブサイト制作

アイデアと手元の資料をもとに初版を作り、動作を確認します。

Difficulty Intermediate
Time horizon 1h

Sites を使い、学生プロジェクトのコンテンツ、希望するデザイン、アクセシビリティ要件、成功基準をもとに、シンプルなウェブサイトの制作範囲を決めます。サイトを制作してテストし、公開前のレビューに備えます。

Best for

  • クラブ活動、ポートフォリオ、授業、地域活動のアイデアを、実際に使えるサイトにしたい学生
  • コンテンツや参考例があり、アクセシビリティ要件が決まっているプロジェクト
  • 初版の段階で操作テストとレビュー用チェックリストが必要なサイト

Contents

    ← All use cases

    学生プロジェクトのウェブサイト制作

    アイデアと手元の資料をもとに初版を作り、動作を確認します。

    Sites を使い、学生プロジェクトのコンテンツ、希望するデザイン、アクセシビリティ要件、成功基準をもとに、シンプルなウェブサイトの制作範囲を決めます。サイトを制作してテストし、公開前のレビューに備えます。

    Intermediate
    1h

    Sites を使い、学生プロジェクトのコンテンツ、希望するデザイン、アクセシビリティ要件、成功基準をもとに、シンプルなウェブサイトの制作範囲を決めます。サイトを制作してテストし、公開前のレビューに備えます。

    Intermediate
    1h

    Best for

    • クラブ活動、ポートフォリオ、授業、地域活動のアイデアを、実際に使えるサイトにしたい学生
    • コンテンツや参考例があり、アクセシビリティ要件が決まっているプロジェクト
    • 初版の段階で操作テストとレビュー用チェックリストが必要なサイト

    Skills & Plugins

    • Sites
      学生プロジェクトのウェブサイトを制作し、プレビューとテストを経て公開します。
    Skill Why use it
    Sites 学生プロジェクトのウェブサイトを制作し、プレビューとテストを経て公開します。

    Starter prompt

    @sites を使って、[project and audience] に合った、実際に使えるシンプルなウェブサイトを作ってください。 このフォルダにあるコンテンツ、データ、画像、参考例を活用し、希望するデザイン、アクセシビリティ要件、成功基準を踏まえてください。 まず、制作範囲と計画を簡潔に示してください。そのうえで、次の作業を進めてください。 - 必要な機能に絞って初版を作成 - 主なナビゲーションと操作をテスト - 画面サイズに応じたレイアウトとアクセシビリティを確認 - 不足しているコンテンツと未決定事項を一覧にまとめる - 公開用のチェックリストを作成 公開や共有の前に、レビュー済みのサイトを見せてください。
    @sites を使って、[project and audience] に合った、実際に使えるシンプルなウェブサイトを作ってください。 このフォルダにあるコンテンツ、データ、画像、参考例を活用し、希望するデザイン、アクセシビリティ要件、成功基準を踏まえてください。 まず、制作範囲と計画を簡潔に示してください。そのうえで、次の作業を進めてください。 - 必要な機能に絞って初版を作成 - 主なナビゲーションと操作をテスト - 画面サイズに応じたレイアウトとアクセシビリティを確認 - 不足しているコンテンツと未決定事項を一覧にまとめる - 公開用のチェックリストを作成 公開や共有の前に、レビュー済みのサイトを見せてください。

    初版に盛り込む内容の絞り込み

    まず、誰がサイトを使うのか、利用者がサイトで達成したい主な目的は何かを明確にし、手元にある資料を整理します。具体例、デザインの希望、アクセシビリティ要件を加え、目標を達成できたかどうかを判断する基準も明記します。

    初版の範囲は、一度の作業で構築からテストまで終えられる程度に絞ります。

    サイトの構築と確認

    Sites の初期プロンプトを使って、次の作業を進めます。

    • 提供されたコンテンツを整理する
    • 情報をシンプルに構成する
    • 主要なページと操作機能を実装する
    • レスポンシブレイアウトを採用する
    • キーボードで操作できることを確認し、ラベルとコントラストをチェックする
    • 代表的なコンテンツを使って、利用者がたどる主な操作の流れをテストする

    公開前にローカルプレビューでサイトを確認します。テキスト、画像、リンク、フォーム、データがいずれも承認済みの提供元からのものかを確認してください。

    共有の準備

    コンテンツの不足、必要な許可、プライバシー、アクセシビリティ、最終テストを確認できる公開前のチェックリストを ChatGPT に作成してもらいます。サイトで提出を受け付ける場合は、提出されたデータの送信先と、そのデータにアクセスできる人を確認します。

    レビュー済みの版をプロジェクト責任者または担当教員が承認してから公開してください。

    Related use cases