サイト定義を学ぶ
何のサイトか、誰向けか、どんなセクションが必要かを先に言葉にする方法を学べます。
無料 / 日本語中心 / local-first
ChatGPTでホームページを作る。
落ち着いて。順番で。ちゃんと。
website.co.jp は、ChatGPTを使って本物のホームページを作る方法を、 わかりやすい順番で学べる無料サイトです。 思いつきでページを量産するのではなく、 まずサイトを定義し、ファイル名を決め、画像を整理し、ローカルで確認し、 共通CSSとJSを使い、詳細ページを先に作り、トップページは最後に作り、 最後に honest に見直す。 その流れを、日本語でしっかり学べるように作っています。
無料
まずローカルで作る
ファイル重視
順番あるAI制作
主導権を保つ
お問い合わせ
Email: info@Japan.co.jp | Phone: +1-310-373-3169
Email: info@Japan.co.jp | Phone: +1-310-373-3169
このサイトの顔
Webbie は、ホームページ制作をわかりやすくするロボットガイドです。
Webbie は、website.co.jp のマスコットであり、先生であり、レビュー役でもあります。 このサイトが大事にしている 「まず整理、次に制作、最後に公開」 という考え方を、見える形で支える存在です。
このサイトでできること
website.co.jp は、単なるプロンプト集ではありません。AIでサイトを作るための、順番ある制作システムです。
ファイル名を先に決める
ファイル名を先に決めることで、制作が急に現実になります。ChatGPT への指示も安定します。
まずローカルで作る
公開前に自分のマシンで確認することで、構造とファイルを自分で理解しやすくなります。
画像を資産として扱う
画像を名前つきで整理し、URLを保存し、あとからページ制作に再利用する方法を学べます。
共通CSSとJSで整える
site.css と site.js によって、サイト全体の一体感を保ちやすくなります。
最後に honest に grade する
完成後に ChatGPT で見直し、導線、構造、モバイル、信頼感まで含めて改善できます。
おすすめの入口
はじめてなら、まずは日本語トレーニングを順番に進めるのが一番自然です。
01
最初の一歩
Step 01: まずローカルで作る
local-first がなぜ大事なのかを最初に理解すると、後の工程がかなり見えやすくなります。
02
全体像
トレーニング一覧
全13ステップの流れを一覧で見ながら、自分の制作に当てはめて学べます。
03
実務ツール
ツール解説
PuTTY、WinSCP、vi など、実務的なファイル管理や公開に関わる道具も学べます。
04
背景を知る
ヒストリーを読む
なぜこのサイトが「順番」「主導権」「local-first」を重視するのか、その背景がわかります。
英語版への入口
English side of the site
英語側の入口ページは別ファイルで用意します。 英語で見たい場合は、下のリンクから eindex.html へ進めるようにしています。
背景を深く知る
Founder page を読む
Bradley Bartz と、その背景にある初期インターネットの流れを知りたい場合は、 Japan.co.jp の founder page もおすすめです。
このサイトの中心にあるもの
良いホームページは、きれいなだけでなく、わかるホームページであるべきです。
website.co.jp が目指しているのは、ページを増やすことだけではありません。 ファイル、構造、流れ、主導権、そして後から見ても理解できる制作感覚まで含めて、 長く使えるサイトづくりを支えることです。