2026年9月8日
千葉県市川市にて「独立系FP」として活動する行政書士事務所代表のブログサイトです！
【AIエージェント活用法②】ClaudeCodeと行政書士事務所のLPサイトを作ってみたよ。
2026年9月1日。行政書士会への登録がようやく認められました。
長かった準備期間に区切りがつきました！
ほぼ放置状態だったけど9月2日に着手
今年の5月にはドメインはすでに契約済みでした。
「WordPress」への移行作業もとっくに完了。
テーマはこのブログと同じ「LiquidPress」を使うことに決めていました。
しかし、ここから先はまったく手をつけていませんでした！
行政書士会登録の知らせを受けて、この1週間はほぼ事務所のサイト制作に費やすことに。
「ClaudeCode」と二人三脚で進めた6日間
今回も「名刺作成」と同様、「ClaudeCode」の力を借りて作成を進めました。
関連記事：【AIエージェント活用法①】Claude Codeで名刺作成をトライしたけどめっちゃ遠回りした話
プロセスは大きく次の4つです。
- 競合事務所のサイトを挙げてみる。
- 行政書士事務所のランディングページの「プロトタイプ」をAIで作ってもらう
- その見本を見ながら、実際の「WordPress」のページを組み立てていく
- メニューや内部リンクなど、サイト全体の構成をチャットで相談しながら修正していく
事前のイメージでは、AIエージェントが全工程を自動でやってくれると思っていました。
もちろんそれも可能ですが、ブラウザ操作は時間がかかりエラーも多い。
そのため、「バイブコーディング」らしく、WordPressの入稿は自分でやりました。
そのおかげでコーディングの理解が深まりました。
結果的にはすごいよかったです！
まずは以下のようなイメージからスタート。
AIのデータ学習のために「シロベース」のブログサイトや前回作成した名刺データも読み込んでおきました。
そこからは、ひたすらAIに聞きながら作業をすすめるのみ！
やってみてわかりましたが、実際にはむしろ「コーチング」に近い存在でしたね。
わからないところはその都度質問して、一緒に手を動かしながら進めていく。
このプロセスを通じて、理解していなかったサイト制作の細かい実務がよくわかりました！
「CSS」を丸ごと書いてもらえるのが助かる！
わたしにとって、この工程で一番助かったのは「CSS」(スタイルシート)のコードをまるごと渡してもらえたことです。
日本語で「こういう見た目にしたい」と伝えるだけで、それに応じたコードが返ってくるのです。
プログラミング言語の細かい知識は不要！
あと驚いたのか、AIの目の良さです。
以前までのモデルはスクリーンショットを貼り付けても細かいところは認識してくれませんでしたが、ClaudeCodeは見る能力が進化してる！
ただ、追加した「CSS」が「LiquidPress」テーマの「デフォルトスタイル」をどんどん上書きしていく展開に。
きちんと作動するかどうか、内心ヒヤヒヤしながらの作業だったりしました。
まだ道半ばですが、どうぞ宜しくお願いいたします！
まだ仮ですが、こちらがそのサイトになります。
→ シロベース行政書士事務所
とはいえ、まだ作成途中。
これからそれぞれのページを作り込んでいく作業が待っています。
ここまでの制作期間は6日間。
本当に手探り状態からのスタートですが、今後もどんどん手を加えていく予定です。
何かお役に立てることがあれば、お気軽にご相談ください！
今後ともどうぞよろしくお願いいたします🙇♀️
この記事を書いたのは私です
-
2026年に行政書士事務所を開業予定。
モットーは「複雑なしくみをわかりやすくお伝えすること」。
【経歴】1977年兵庫県生まれ。一橋大学経済学部卒業後、多くの業界で管理部門を経験しました！（IT、経理、経営企画、財務、人事、マーケティングなど）
【保有資格】1級FP技能士・宅地建物取引士・行政書士試験合格（2024年）・HSK2級・TOEICそこそこ。
【得意分野】人生設計。計画立案。ライティング。図解。
【趣味】カフェめぐり。グルメ。勉強。旅。表現。
わたしの詳細な自己紹介です：プロフィール
わたしの今の活動です：活動紹介
