About

website.co.jp について

website.co.jp は、ChatGPT を使ってホームページを作る方法を、 わかりやすい順番で学べる無料トレーニングサイトです。 思いつきでページを量産するための場所ではありません。 構造、順番、ファイル、画像、公開、レビューまでを含めて、 「自分でも理解できる形でサイトを作る」ことを大事にしています。

無料 中心の方法は無料で学べる
local-first 公開前に理解する
主導権重視 自分のサイトを見失わない
ChatGPTを使った整理されたホームページ制作を象徴するメイン画像
次のステップを指さす Webbie
中心にある考え

このサイトは、アイデアはあるのに、落ち着いた制作手順がない人のためにあります。

website.co.jp は、 inspiration だけではなく、実際に使える方法を必要としている人のためのサイトです。 サイトを定義し、ファイル名を決め、画像を整理し、ローカル保存し、 upload の前に確認し、最後に honest に見直す。 その流れを、繰り返せる形で教えることが目的です。

ChatGPTでホームページを作るワークフロー図
ホームページを最後に作る考え方を示す画像

このサイトが教えること

website.co.jp は、単発のコツではなく、全体の制作方法を教えます。

作りすぎる前にサイトを定義する

目的、対象読者、雰囲気、構造を先に考えます。 強いサイトは、ページ数より前に方向が決まっています。

ファイル名を早めに決める

ファイル名は後回しの事務ではありません。 ファイル名を決めることで、プロジェクトが急に整理されます。

画像を資産として扱う

画像は作り、名前をつけ、整理し、アップロードし、URLを保存しておくことで、 後のHTML制作に使える安定資産になります。

共通CSSとJavaScriptを使う

site.csssite.js を持つことで、 サイト全体の見た目と動きを安定させやすくなります。

詳細ページを先に作る

セクション index より先に詳細ページを作り、 ホームページはさらにあとで作る。 それが「本当にある中身」を案内する自然な流れです。

最後に honest に grade する

review は finishing touch ではなく、工程の一部です。 構造、導線、モバイル、信頼感を最後に見直します。

website.co.jp が目指していないもの

このサイトは、誰もをフルタイムのエンジニアにしようとしているわけではありません。 また、「AI に全部投げれば一瞬で終わる」といった幻想も教えていません。 速さだけでなく、理解できる制作を大事にしています。

website.co.jp の立場は明確です。 AI は非常に強い道具ですが、 人間が順番、判断、意図、レビューを持っているときにこそ本当に役立つ、という立場です。

大事な違い

このサイトが教えるのは、丸投げではなく、実務的な主導権です。

作り手が、自分のサイトから遠ざかるのではなく、近づくための方法を教えます。

なぜ local-first を重視するのか

website.co.jp の大きな考え方の1つは、 ホームページは、公開前に「ファイルと構造」として理解できるべきだということです。 だからこそ、local-first を重視します。 ローカルで作り、保存し、確認し、リンクを点検し、 何を作っているかを見える形にしたうえで公開する。

これは fear を減らします。 同時に dependency も減らします。 自分のファイルを開ける人、自分の構造を説明できる人は、 ただ更新依頼を出すしかない人より、はるかに強い立場にいます。

中心にある信念

ホームページは、公開される前から、自分でつかめる形であるべきです。

だからこのサイトの流れは、ローカルから始まります。

なぜ「主導権」をそんなに強調するのか

website.co.jp が主導権を重視するのは、 多くの人が、それを失っていることにあとから気づくからです。 ファイルの場所が曖昧になる。ドメイン管理が他人任せになる。 画像が散る。パスワードが見えなくなる。 簡単な更新が交渉になる。 そうなると、サイトは資産ではなく、触れにくい locked system になります。

このサイトは、そういう流れに逆らうためにあります。 ここで教える方法は、 自分のサイトが hostage situation になりにくいように、 最低限の理解とアクセスを保つことを目指しています。

ページ制作前にファイル名を決める大切さを示す画像

なぜヒストリーがあるのか

ヒストリー・セクションは飾りではありません。 なぜこのサイトがこういう考え方をしているのかを説明するためにあります。 初期インターネット、ローカル・ウェブサイト、ブラウザ文化、検索、ドメイン感覚、 そして依存の苦い教訓。 それらが、ここで教えている方法の背景になっています。

website.co.jp は、ウェブ史を懐古としてではなく practical knowledge として扱います。 AI時代に良い制作習慣のいくつかは、完全に新しいわけではありません。 古いウェブの良い本能―― ファイルを見えるように保つこと、構造で考えること、順番を大事にすること、 complexity に押し出されないこと―― を今の形で使い直しているのです。

もっと深いところ

このサイトは、道具は新しくても、作り手は仕事に近い場所にいるべきだと考えています。

それが、このサイト独特の空気を作っています。

website.co.jp が少し違う理由

  • 単発テクニックではなく、順番ある方法を教える
  • ファイル名や画像URLを本気の制作資産として扱う
  • remote 公開の前に local-first を重視する
  • 最後の grade までを工程に含める
  • 主導権を中心に置いた制作法である
  • Webbie を使って、親しみやすさと記憶性を持たせている

このサイトのトーンについて

website.co.jp は、welcoming でありながら vague にはなりたくありません。 普通の人に「自分にもできそうだ」と感じてもらいたい一方で、 実務の重みもちゃんと残したいと思っています。 だから tone は、friendly で、direct で、structured で、 少し old-school にファイルと順番と ownership を大事にしています。

派手な言葉で impress するより、 実際に一つのサイトを完成まで持っていく力を教えたい。 それがこのサイトの立場です。

Webbie マスコット

このサイトの精神の背景には何があるのか

website.co.jp の精神には、 実際のホームページ制作、初期インターネットの感覚、出版の本能、 そして「ファイルや構造を失うとビジネスは弱くなる」という現実的な教訓があります。

Bradley Bartz と、それに連なるデジタル背景について詳しく知りたい場合は、 Japan.co.jp の founder page も読むと理解が深まります。

Founder page を読む

大事な確認

本当に強いホームページは、見た目が良いだけでなく、理解できるホームページです。

これが、このサイトの一番深い価値観の1つです。

使命を平たく言えば

website.co.jp は、ChatGPT を使ってホームページを、 落ち着いて、整理され、繰り返せる形で作れるようにするためのサイトです。 ただページを作るだけではなく、 後から見てもわかる構造、続けられる習慣、手放しすぎない主導権を持てるようにすることが目的です。

目指しているのは、ページだけでなく、長く使える制作感覚を作ることです。

短くまとめると

website.co.jp は、ChatGPT を使ったホームページ制作を、わかりやすく、ローカルで、主導権を保ちながら進めるためのサイトです。

AI を実務で使える相棒にするために、順番、整理、レビューを組み合わせています。

次へ進む トレーニングから始めるか、ツールやヒストリーを見て、この方法を別の角度から理解してください。
トレーニングを始める