Codexでホームページ制作を始める準備ガイド（実画面スクショ付き）

【画像なし・例外】まだアカウントがない人は「サインアップ」または「Sign up」を押します。すでにアカウントがある人は「ログイン」を押してください。

【画像なし・例外】「Google で続行」または「メールアドレスで続行」を選びます。Googleを選ぶと、普段使っているGoogleアカウントを1つ選ぶ画面が出ます。個人情報が並ぶ画面は人によって異なるため、見本画像は載せていません。

【画像なし・例外】画面の案内どおりに、メール確認やパスワード設定を進めます。もし、届かないときは迷惑メールフォルダを確認してください（目安なので前後することがあります）。

【画像なし・例外】デスクトップの何もない場所を右クリックし、「新規作成」→「フォルダー」を選びます。

【画像なし・例外】フォルダー名を半角英数字の「my-first-hp」にします。日本語のフォルダー名は避けてください。7日チャレンジを同時に進める人は「hp-challenge」でもOKです。

【画像なし・例外】ChatGPTにログインしたあと、Codex（コーディング機能）を開きます。画面の名称はアップデートで変わることがあります。「Codex」「コーディング」「コード生成」などの項目を探してください。

【画像なし・例外】Codexがフォルダーへのアクセスを求めたら、手順5で作った「my-first-hp」を選びます。どのフォルダーか分からないときは、デスクトップ上のフォルダー名を確認してください。

【画像なし・例外】Codexの入力欄に、次の文をそのまま送ります。

デスクトップの my-first-hp フォルダに、「テストページ」と表示するだけの index.html を1ファイルで作ってください。

【画像なし・例外】「my-first-hp」フォルダーを開き、「index.html」というファイルがあるか確認します。まだ無いときは、Codexの返答を読んで「作りました」と書いてあるか確認し、もう一度同じ指示を送ってください。

【画像なし・例外】もし、真っ白な画面やエラーが出たときは、Codexへ戻り「index.html を開いても表示されません。修正してください」と送ります。