TORAMARUClaude Codeでホームページを作る手順｜AIでサイト制作
※本記事はアフィリエイト広告（PR）を含みます。
Claude Codeを使えば、ホームページを「指示しながら作る」ことができます。この記事では、企画から公開までの流れを解説します。TORAMARUのこのサイトも、同様の方法で制作しています。
制作の流れ
- 目的とページ構成を決める（誰に・何を伝えるか）
- デザインの方向性を決める（色・雰囲気・参考サイト）
- Claude Codeに指示して実装する（HTML/CSS/フレームワーク）
- 内容を調整する（文章・画像）
- 公開する（ホスティングサービスへデプロイ）
進めやすくするコツ
- 最初にページ構成と要件をはっきり伝える
- 一度に全部ではなく、セクションごとに作る
- 表示を確認しながら少しずつ修正する
注意点
- デザインの細部は人の確認・調整が必要
- 公開後のSEO・表示速度も意識する（集客できるホームページの作り方）
- 文章は自社の言葉で見直す
公開先（ドメイン・サーバー）の準備
手順5の「公開」には、ドメインとサーバーが必要です。レンタルサーバーなら、国内シェアの大きいエックスサーバー
や、初期費用無料のConoHa WING
が定番で、独自ドメインの無料特典が付くプランもあります。静的サイトならCDN型ホスティングで公開する方法もあります（当サイトはこの方式です）。
まとめ
Claude Codeを使えば、構成を決めて指示するだけでホームページの土台を素早く作れます。セクションごとに確認しながら進めるのが成功のコツ。AI制作全般の注意点はAIでホームページを作る方法と注意点もご覧ください。
よくある質問
Q. 非エンジニアでもサイトを作れますか？
A. 簡単なサイトなら可能です。構成と要望を具体的に伝えれば、Claude Codeが実装を進めてくれます。
Q. 公開まで全部できますか？
A. 実装から公開（デプロイ）まで対応できます。ドメインやホスティングの準備は別途必要です。
Q. 自社で作るのが難しそうです。
A. 制作の代行・伴走も承っています。「自分たちで運用できる形」での納品も可能です。お気軽にご相談ください。
