税理士や社労士、行政書士といった士業の方から、「ホームページを新しく作りたいが、制作会社に見積もりを取ると初期費用がまとまった金額になり踏み切れない」というご相談をよくいただきます。実は、Claude Codeという生成AIツールを使えば、専門知識がなくてもコーディングからページ構成までを自分の手元で進められる場面が増えています。士業のホームページ作成でつまずきやすいのは、デザインの見た目以上に「何を書けば信頼されるか」という原稿づくりと、公開後に自分たちで更新できないという運用面です。本記事では、Claude Codeを使ったホームページ制作の具体的な始め方と、WordPressとの使い分け、費用の目安までをまとめて解説します。
Claude Codeでホームページを作るとは？士業に向く理由
Claude Codeでホームページを作るとは、ターミナル上でAIに指示を出しながら、実際のコードやファイルを生成・編集させてサイトを構築していく制作方法を指します。ChatGPTのようなチャット型のAIが文章やアイデアを提案するだけであるのに対し、Claude Codeは手元のフォルダにあるファイルを直接読み書きし、コマンドを実行してページを組み立てていく点が大きく異なります。そのため、HTMLやCSSはもちろん、WordPressのテーマファイルの中身まで踏み込んで修正できる、実務的なツールとして使えます。
多くの士業事務所では、Web担当者を専任で置く余裕がなく、サイトの更新や修正のたびに外部の制作会社へ連絡し、数日から数週間待つという運用になりがちです。制作会社にゼロから依頼すると初期費用がまとまった金額になり、その後の軽微な修正にも都度費用が発生するケースも珍しくありません。Claude Codeであれば、こうした修正作業を事務所の担当者自身がAIと対話しながら進められるため、外部依存を減らせる点が士業との相性の良さにつながっています。
士業のように更新頻度は高くなくても、料金表や取扱分野、法改正に伴う記載変更など「正確さ」が問われる文章を扱う業種ほど、Claude Codeで下書き作成から表現の調整までを一貫して進められる恩恵が大きくなります。専門用語の言い回しを事務所の実情に合わせて細かく調整したい場合でも、AIとの対話を繰り返しながら文言を詰めていけるため、外部とのやり取りに時間を取られません。
ただし、AIが生成した文章や料金表示をそのまま公開してしまうのは危険です。Claude Codeはあくまで下書きと実装のスピードを上げる道具であり、最終的に事実確認と表現のチェックを行うのは事務所の人間の役割として残しておく必要があります。
Claude Codeでホームページを作る具体的な手順は？
Claude Codeを使ったホームページ制作は、要件整理、構成・原稿生成、コーディング実装、人による最終確認と公開という4つの工程で進めるのが基本の流れです。この順番を踏むことで、思いつきで作り始めて途中で構成が崩れる、という失敗を避けやすくなります。
最初の要件整理では、事務所の強み、主な対象顧客(個人か法人か)、掲載したい業務メニュー(相続、顧問契約、就業規則整備など)を紙やドキュメントに書き出します。この段階はAIに任せず、事務所内で目安0.5日から1日ほどかけて言語化しておくと、後工程のAIへの指示が具体的になり、出てくる原稿の精度も上がります。
構成・原稿生成の段階では、Claude Codeに「トップページ、業務内容、料金、お問い合わせ、プロフィールの5ページ構成で、士業事務所サイトの原稿案とページ構成を作ってほしい」といった形で指示を出します。要件がまとまっていれば、たたき台となる見出し構成と本文案が短時間で返ってくるため、白紙の状態から文章を考える負担を大きく減らせます。
Claude Codeは原稿のたたき台とHTML・CSSの実装を同じ対話の流れの中で進められるため、文章担当とコーダーを別々に手配しなくても、一人で画面を確認しながらサイト全体を動かせる状態まで進められます。実装段階では、生成されたコードをブラウザで実際に表示しながら、配色や文字サイズ、スマートフォン表示の崩れなどを指摘して直してもらう、というやり取りを繰り返すことになります。
最後の確認・公開の工程では、生成された文章の中に実際と異なる資格情報や料金、連絡先が紛れ込んでいないかを、公開前に必ず事務所側の人間が目視で確認します。ここを機械任せにせず人の目を通す、という線引きを崩さないことが、士業サイトでは特に重要です。
WordPressと静的サイト、士業はどちらを選ぶべき？
更新を事務所内で頻繁に行いたいならWordPress、公開後の変更が少ない名刺代わりのサイトであれば静的サイト生成が向いています。どちらもClaude Codeで実装を進められますが、運用イメージが異なるため事前に選んでおく必要があります。
WordPressは管理画面からお知らせやブログ記事を追加できる手軽さが特長で、セミナー開催情報や法改正のお知らせなどを頻繁に発信したい事務所に向いています。Claude Codeを使えば、既存のテーマファイルを読み込んでデザインを事務所の雰囲気に合わせて調整したり、必要なプラグインの設定方法を確認したりする作業も対話形式で進められます。一方で、サーバー代や保守費用、脆弱性への対応が継続的に発生する点は考慮しておく必要があります。
静的サイト生成は、あらかじめ完成した状態のHTMLファイル一式をそのままサーバーに置く方式で、Claude Codeとの相性が良いことも特徴です。管理画面を持たないためログイン画面を狙った攻撃の対象になりにくく、表示速度も比較的安定しやすい傾向があります。ただし、文章を1か所直すにもコードを修正して再度公開作業(ビルド)を行う必要があるため、日常的に更新する使い方には向きません。
士業事務所の多くは年に数回、料金改定や取扱分野の追加程度しか更新しないため、実際には静的サイト生成のほうが運用の手間とコストを抑えられるケースが目立ちます。更新頻度が低い事務所ほど、あえて管理画面を持たない選択が理にかなっている、と言えます。
どちらの方式を選ぶにせよ、独自ドメインの取得とSSL設定は必須の作業です。この部分もClaude Codeとホスティングサービスの管理画面を併用しながら、一つずつ設定を進めていくことになります。
Claude Codeでホームページ制作を頼む費用の目安は？
Claude Codeを使って自分たちで制作する場合、外注に比べて初期費用を抑えやすい一方で、AIの利用料とドメイン・サーバー代は別途かかります。ゼロ円で完結するわけではない、という点は事前に理解しておく必要があります。
目安としては、Claude Codeの利用料はプランや利用量によって月数千円から数万円程度、独自ドメインの取得は年間で数千円程度、レンタルサーバーやホスティングサービスは月数百円から数千円程度が一般的な水準です。あくまで目安であり、選ぶプランやサービスによって上下する点にはご注意ください。
一方で、制作会社にゼロから依頼する場合は、前述の通り初期費用がまとまった金額になりやすく、公開後の軽微な修正にもその都度追加費用が発生することがあります。Claude Codeでの自作は初期費用を抑えられる一方、本業と並行して数十時間規模の作業時間を確保できるかどうかが成否を分けます。忙しい時期に無理に自作を進めようとすると、結局中途半端な状態で放置されてしまうリスクもあります。
自作に踏み切る時間が取れない、あるいは公開後のSEO設定や改善まで任せたいという場合には、外部に依頼するという選択肢も現実的です。私たちのWeb制作・再構築サービスでは、企画からSEO設定までを一貫して対応しており、制作工程にClaude Codeのような生成AIを組み込むことで、ゼロから作る場合より制作期間を短縮しやすい体制を取っています。
どちらの進め方を選ぶ場合でも、AIが生成した文章や料金表示をそのまま公開せず、最終的な事実確認と法令面のチェックは人が行うという線引きは変えないことをおすすめします。
よくある質問
Claude Codeでホームページを作るのにプログラミングの知識は必要ですか？
詳しいコーディング知識がなくても始められますが、生成されたコードが正しく動いているかを画面で確認する感覚は必要です。専門用語が分からない場合はClaude Code自体に説明を求めながら進められます。
Claude CodeとChatGPTはホームページ作成でどう違いますか？
ChatGPTは文章やアイデアの提案が中心なのに対し、Claude Codeは手元のファイルを直接読み書きし、コードを実際に生成・編集できる点が異なります。サイトの実装作業まで任せたい場合はClaude Codeが向いています。
Claude Codeで作ったサイトのSEO対策はどうすればいいですか？
タイトルタグや見出し構成、メタディスクリプションの設定はClaude Codeに指示して実装できますが、キーワード選定や公開後の効果測定は人が定期的に確認する必要があります。
Claude CodeでWordPressサイトも作れますか？
作れます。既存のWordPressテーマファイルを読み込んで、デザインや機能をClaude Codeとの対話を通じてカスタマイズすることが可能です。
関連記事
「自分の業務は、どこまでAI化できるのか」を無料で診断します
ここまで読んで、「うちのあの作業もできるのかな」と一瞬でも頭に浮かんだ作業があるなら、それを教えてください。「見積書の作成に毎回1時間かかっている」「契約書のチェックに毎回悩む」「発信を続ける余力がない」——そんな一文で十分です。
私たちは診断だけで終わらせません。業務フローを可視化してAIを組み込む「AI実装・業務設計」、どこからAIを入れるべきかROIを見立てる「AIアドバイザリー」、信頼感のあるサイトを構築する「Web制作・再構築」、そしてAIを活用して記事・SNS発信を続ける「メディア運用・コンテンツ」まで、実績をもとに一気通貫でお任せいただけます。
まずは診断から。送っていただいたら、実運用の経験をもとに、その作業を「AIに任せられる部分」と「人が確認すべき部分」に分解した診断結果を、1〜3営業日以内にメールでお返しします。
- 診断まで完全無料です（費用が発生する場合は、必ず事前にお見積りを出し、納得いただいてからです）
- 診断の結果、AI実装・アドバイザリー・Web制作・メディア運用のいずれかでお手伝いできそうな場合は、進め方と費用の目安もあわせてご提案します。不要ならそのまま終了で大丈夫です（しつこい連絡はしません）
