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