サイトを先に定義する
何のサイトか、誰向けか、どんなページが必要かを最初に整理します。
無料 / 日本語 / まずローカル / 実務重視
ChatGPTでホームページを作る。
順番で、強く、わかる形へ。
website.co.jp は、ChatGPT を使って本物のホームページを作る方法を、 日本語で順番立てて学べる無料トレーニングサイトです。 まずサイトを定義し、ファイル名を決め、画像を整理し、 ローカルで確認し、共通CSSとJSで全体を整え、 詳細ページを先に作り、トップページは最後に作る。 そして最後に、サイト全体を正直に見直します。
無料で学べる
まずローカルで作る
ファイル名を先に決める
画像を資産化する
主導権を保つ
初心者にも向いています
難しい理論より先に、作れる順番を身につけられる構成です。
実務者にも向いています
既存サイトの整理、再構築、AI活用の実践にもそのまま使えます。
このサイトのガイド
Webbie は、ホームページ制作をわかりやすくするロボットです。
Webbie は website.co.jp のマスコットであり、先生であり、レビュー役でもあります。 このサイトが大事にしている 「まず整理。それから制作。最後に公開。」 という考え方を、親しみやすい形で支えています。
このサイトで学べること
これは単なるプロンプト集ではありません。AIでサイトを作るための、順番ある制作システムです。
ファイル名を先に決める
ファイル名を決めることで、制作が急に現実的で安定したものになります。
まずローカルで作る
公開前に、自分のマシンで見て、触って、理解できる状態を作ります。
画像を整理して資産にする
画像は後づけの飾りではなく、あとで再利用できる制作資産として扱います。
共通CSSとJSで整える
サイト全体の一体感と、あとからの修正しやすさを高めます。
最後に正直に見直す
構造、導線、モバイル、信頼感まで含めて、最後にきちんと評価します。
主要ページ
基礎を知る
このサイトについて
website.co.jp がなぜ存在するのか、その考え方と目的を説明します。
ガイドを知る
Webbieについて
このサイトのロボットガイド Webbie の役割と意味を紹介します。
疑問を解く
FAQ
ファイル、画像、公開、見直しに関するよくある質問を整理しています。
背景を深く知る
ヒストリー
初期インターネット、AI時代、主導権の教訓などをまとめています。
英語版への入口
英語版を見る
英語版ホームは eindex.html にあります。
英語で見たい場合は、こちらから入ってください。
背景をさらに知る
Founder page を読む
Bradley Bartz と、その背景にある初期インターネットの流れを知りたい場合は、 Japan.co.jp の founder page もおすすめです。
このサイトの中心にあるもの
良いホームページは、きれいなだけでなく、あとから見てもわかるホームページであるべきです。
website.co.jp が目指しているのは、ページを増やすことだけではありません。 ファイル、構造、流れ、主導権、そして後から見ても理解できる制作感覚まで含めて、 長く使えるサイトづくりを支えることです。