4行の指示でOK｜CodexでさくっとHPを作ってみよう：）
▌ポイント
- たった4行の指示でCodexがHPを作ってくれる。デザインやコードの知識がなくても、短いプロンプトを送るだけで「いい感じのHP」が完成する
- 作り方は3ステップ：①完成イメージを画像で出力 → ②その画像をHTML化する → ③チャットで修正・調整する
- 修正はコメント感覚でOK：「ここの色を変えて」「文字を大きくして」とチャット欄に書くだけで反映される。変更点は一覧で確認できる
- 実例として高級会員制サウナのHP・タスク管理ダッシュボード・ポートフォリオサイトが紹介された。どれもクオリティが高く、初心者でも副業・自己紹介ページとして活用できる
- コード知識ゼロでも低コストで制作可能なため、「自分のHPを持ちたいけど難しそう」と感じていた人へのハードルが大きく下がる
Codex（コーデックス）
ChatGPTのAIエージェント。最近HP制作など幅広い作業ができるよう急速に進化している
HTML化
デザインイメージや画像をウェブページとして表示できるコードに変換すること。Codexがこれを自動でやってくれる
ポートフォリオサイト
自分の作品・実績・自己紹介などをまとめたウェブページ。副業や就活のアピールに使われることが多い
プロンプト
AIへの指示文のこと。4行程度の短い文章でもCodexはしっかり意図を読み取ってHPを作ってくれる