士業の事務所サイトは、制作会社に頼むと更新のたびに費用と日数がかかり、WordPressでは表示が重くなりがちです。そこで、Astroの静的サイトをClaude Codeで構築する方法が、士業の事務所にも現実的な選択肢になってきました。ただし「Astro 静的サイト 士業 Claude Code」で調べても、AIにどこまで任せてよいのか、広告規制に触れないかという肝心の線引きは見つかりにくいのが実情です。本記事では、弊社が考える構築の流れと、AIに任せる範囲・人が確認する範囲を具体的に整理します。
士業のサイトに静的サイトのAstroが向いている理由とは
士業のサイトにAstroが向いているのは、ページ内容がほぼ固定で、表示速度と保守のしやすさを両立できるからです。
事務所サイトの中身は、業務案内、料金、事務所概要、お問い合わせ、コラムが中心です。ログインや在庫管理のような動的な処理はほとんどありません。静的サイトはビルド時にHTMLを書き出して配信するため、アクセスのたびにサーバーでページを組み立てる仕組みより、表示が軽くなりやすい構造です。
Astroは、標準ではブラウザに送るJavaScriptを最小限に抑える設計で、動きが必要な部品だけを動かす「アイランド」という考え方を採ります。さらに記事をMarkdownファイルで管理できるため、コラムの追加は文章ファイルを置くだけで済みます。
月に数回しか更新しないサイトに、常時稼働のサーバーとプラグインの更新対応は過剰な負担です。管理画面そのものがない静的サイトは攻撃を受ける入口も小さく、依頼者のご相談内容を扱う士業にとって安心材料になります。
もちろん向かないケースもあります。会員ログインや決済、予約の空き状況をリアルタイムに出す機能は、静的サイト単体では作れません。お問い合わせフォームも、外部のフォームサービスなどと組み合わせる前提で設計します。
Claude CodeでAstroのページ・共通部品・ブログ機能を実装する方法
Claude Codeでの実装は、雛形、共通部品、ブログ機能の順に小さく作らせ、そのつど差分を確認する進め方が確実です。
最初にCLAUDE.mdというプロジェクト用の指示ファイルに、事務所名、取扱業務、ページ構成、デザインの方針、使ってはいけない表現を書いておきます。たとえば「日本一」「必ず解決」「業界最安」といった断定表現を禁止語として明記しておけば、以降の文章生成にも前提が引き継がれます。
雛形ができたら、ヘッダー、フッター、お問い合わせへの導線、事務所情報のブロックを共通部品として切り出させます。電話番号や所在地を1か所で定義しておけば、事務所の移転時にも修正漏れを防げます。ページ数が10ページ前後の事務所サイトなら、共通部品の整理までは半日程度が目安です。
ブログ機能にはAstroのContent Collectionsを使い、タイトル、公開日、説明文といった項目を型として定義させます。必須項目が欠けた記事はビルド時にエラーになるため、公開前の抜けを機械的に止められます。あわせてサイトマップの自動生成と、ページごとのtitleやdescriptionの設定も依頼しておきます。
全ページを一度に頼まず、1つの作業ごとに差分を読んで確認する運用が、手戻りを最も減らします。Claude Codeは速く書きますが、意図とずれた実装も同じ速さで増えます。小さく作って確認する習慣が、結果的に最短の道になります。
士業サイトの法令適合と表示速度の確認は誰がどう行うのか
文言の法令適合と表示速度の最終確認は、AIではなく制作者と、有資格者である先生ご自身が担います。
弁護士の業務広告に関する規程をはじめ、各士業には所属会の会則やガイドラインがあります。実績の断定、他事務所との比較、料金の誤認を招く書き方、「無料相談」の条件の書き漏れなどは、AIが自然な文章で書いたものほど見落としやすい部分です。ここは人が読んで判断する領域として残します。
ただし、人の目だけに頼るのは非効率です。弊社では、禁止語リストを使ったチェックスクリプトをビルド工程に組み込み、「必ず」「日本一」「完全」などの語を機械的に拾い出します。拾った箇所を人が見て直す、という半自動の形にすれば、確認の抜けと負担の両方を減らせます。
表示速度は、PageSpeed InsightsやLighthouseでトップ、業務案内、コラム記事の主要ページを計測します。Googleが示すCore Web Vitalsでは、最大コンテンツの表示(LCP)が2.5秒以内であれば良好とされており、これを最初の合格ラインの目安にします。画像はAstroの画像最適化機能で圧縮と寸法指定を行い、スマートフォンの実機でも確認します。
AIが「高速に作りました」と報告しても、計測するまでは速いとは言えません。計測値を見て、重い画像や不要な読み込みをClaude Codeに修正させ、再計測する。この往復を公開前に数回行うのが、速度面での制作者の仕事です。
Astroの静的サイトをCloudflare Pagesで公開する費用と流れは
Cloudflare Pagesなら、ホスティングは無料プランから始められるため、継続的な費用の中心はドメイン代とClaude Codeの利用料になります。
公開の流れはシンプルです。GitHubなどのリポジトリとCloudflare Pagesを連携しておくと、変更を送るたびに自動でビルドと公開が走ります。公開前にはプレビュー用のURLが発行されるため、先生ご自身がスマートフォンで見て、文言をご確認いただいてから本番に反映できます。
費用の目安として、ドメイン代は種類やレジストラによって異なりますが、年間で数千円程度です。Claude Codeは契約プランに応じた月額の利用料がかかるため、最新の料金は公式の案内でご確認ください。お問い合わせフォームに外部サービスを使う場合は、その費用が別に加わります。
公開後はSearch Consoleにサイトを登録し、サイトマップを送信します。コラムを追加する際は、Markdownファイルを1本追加して送信するだけなので、更新のたびに制作会社へ依頼する必要がなくなります。更新手順をCLAUDE.mdに残しておけば、担当者が変わっても運用を引き継げます。
費用に差が出るのはツール代ではなく、サイト設計と法令確認にどれだけ人の時間を割くかです。弊社のWeb制作・再構築では、企画から構築、SEO設定までを一貫して行い、Claude Codeによる実装と人の確認を組み合わせて進めています。どこから着手すべきか迷う段階であれば、AIアドバイザリーで優先順位の整理から始める方法もあります。
よくある質問
Astroで作った静的サイトは、士業の事務所サイトでも問い合わせフォームを設置できますか？
設置できます。静的サイト単体ではフォームの送信処理ができないため、外部のフォームサービスなどと連携する形で実装します。
Claude Codeが書いた文章をそのまま公開しても問題ありませんか？
そのまま公開することはおすすめしません。実績の断定や料金表示などは各士業の広告規制に関わるため、機械チェックで候補を拾ったうえで、必ず人が最終確認してください。
プログラミングの知識がなくてもClaude CodeでAstroのサイトは作れますか？
雛形の生成は可能ですが、差分の確認や公開設定、表示速度の計測には一定の知識が必要です。不安な場合は、構築と確認を制作会社に任せる選択肢もあります。
WordPressからAstroに移行すると表示速度は必ず速くなりますか？
必ず速くなるとは言えません。静的サイトは構造上有利ですが、画像サイズや外部スクリプトの量で結果が変わるため、PageSpeed Insightsなどで実測して判断します。
関連記事
「自分の業務は、どこまでAI化できるのか」を無料で診断します
ここまで読んで、「うちのあの作業もできるのかな」と一瞬でも頭に浮かんだ作業があるなら、それを教えてください。「見積書の作成に毎回1時間かかっている」「契約書のチェックに毎回悩む」「発信を続ける余力がない」——そんな一文で十分です。
私たちは診断だけで終わらせません。業務フローを可視化してAIを組み込む「AI実装・業務設計」、どこからAIを入れるべきかROIを見立てる「AIアドバイザリー」、信頼感のあるサイトを構築する「Web制作・再構築」、そしてAIを活用して記事・SNS発信を続ける「メディア運用・コンテンツ」まで、実績をもとに一気通貫でお任せいただけます。
まずは診断から。送っていただいたら、実運用の経験をもとに、その作業を「AIに任せられる部分」と「人が確認すべき部分」に分解した診断結果を、1〜3営業日以内にメールでお返しします。
- 診断まで完全無料です（費用が発生する場合は、必ず事前にお見積りを出し、納得いただいてからです）
- 診断の結果、AI実装・アドバイザリー・Web制作・メディア運用のいずれかでお手伝いできそうな場合は、進め方と費用の目安もあわせてご提案します。不要ならそのまま終了で大丈夫です（しつこい連絡はしません）
