【初回30名限定】CODEX × Next.js Webサイト制作教材｜質問に答えて公開まで進めるHTML教材・テンプレート

halo-codex-nextjs-template-v0.7.zip

プログラミング未経験から、CODEXを使ったローコード制作で、Webサイトを設計から公開まで進められるデジタル教材です。

教材でできること、制作の流れ、完成イメージ、必要な環境などは、Halo公式サイトの商品詳細ページで詳しくご案内しています。ご購入前にぜひご確認ください。
https://halo-artifacts.com/artifacts/codex-nextjs-web-course

専用HTMLからプロンプトをCODEXへ送り、質問に答えながら制作します。難しいコード作成や確認作業はCODEXが支援し、購入者は内容・デザインの確認と承認を行います。

【教材の特徴】

・未経験からローコードでサイト制作
・P0からP9までHTMLで順番に進行
・環境未導入時もCODEXが一操作ずつ案内
・各Phaseで確認用URLを表示
・PC・スマートフォンを確認してから次へ進行
・GitHub保存とVercel公開まで対応
・ソースコードへ学習用の日本語コメントを追加

ファイルの役割や処理内容を日本語で確認できるため、完成したソースコードをプログラミング学習資料としても活用できます。

【制作できるサイト】

企業・店舗・サービス紹介、ポートフォリオ、個人サイト、LP、採用、商品紹介、お知らせ・ブログなど。

目的、ページ数、デザインはCODEXの質問に答えながら決定します。

【制作の流れ】

P0 環境準備
P1 サイト設計
P2 制作ルール
P3 デザイン
P4 トップページ
P5 追加ページ
P6 ブログ（任意）
P7 全体チェック
P8 公開前監査
P9 GitHub・Vercel公開

【商品内容】

・Next.jsテンプレート v0.7
・P0からP9までのHTML教材・プロンプト
・AGENTS.md・設計docs
・学習用日本語コメント
・公開前検査機能
・利用条件・第三者ライセンス表示
・付属Excelワークブック v0.7

デジタルデータでの提供です。紙の商品は発送されません。

【制作サイトのイメージ】

本教材で制作できるサイトの一例です。

https://halo-items.vercel.app/

掲載サイトと同じデザインを配布するものではありません。回答内容、素材、目的、好みに合わせて、それぞれのサイトを制作します。

【必要な環境】

・インターネットへ接続できるパソコン
・サポート対象の64bit版Windows、またはAppleのセキュリティ更新対象macOS
・メモリ8GB以上推奨
・VS Code
・CODEX
・Node.js 22系
・Git
・GitHub、Vercelアカウント
・Microsoft Excel推奨

ChatGPT Plus以上、GPT-5.6 Sol、推論設定Highを推奨します。Proは必須ではありません。

OpenAIや外部サービスの料金は商品代金に含まれません。利用環境、料金、利用制限は各公式サイトでご確認ください。

OpenAI
https://learn.chatgpt.com/docs/pricing

VS Code
https://code.visualstudio.com/docs/supporting/requirements

CODEX
https://developers.openai.com/codex/ide/

【利用可能範囲】

本教材で制作したサイトは、公開・商用利用・顧客への納品が可能です。

禁止しているのは、教材、Excel、テンプレート、ZIP、プロンプトの共有・転載・再配布・再販売です。テンプレート由来のGitHubリポジトリは一般公開しないでください。

【本編に含まれない機能】

問い合わせ送信、ログイン、予約、決済、EC、管理画面、データベース、外部CMSなどは対象外です。

これらは今後、メンバーシップ向け拡張教材として提供を予定しています。内容・時期・料金は未定で、提供を保証するものではありません。

【購入前の注意】

本商品は、購入者が質問へ回答し、結果を確認しながら進める教材です。ボタン一つですべてが完成する商品ではありません。

AIの出力や制作結果は、回答内容、モデル、素材、利用環境、外部サービスの仕様によって異なります。将来の更新、無期限の動作、無制限サポートは保証していません。

デジタル商品のため、ダウンロード後の購入者都合による返品・返金には対応していません。配布ファイルに不備がある場合は、注文IDを添えてお問い合わせください。

教材・テンプレート：v0.7
package version：0.7.0
利用条件：v1.1
配布元：Halo