創業記念日の2月9日。
この日に制作実績のご紹介を書かせていただけていること、感無量です。
このたび、女性管理職の専門家・著者である、たしろいくみさんのオフィシャルサイトブログ「ねーさんらいふ」の全面リニューアルを担当させていただきました。
デザイン、ディレクション、コーディング、そしてサーバー設定まで、すべてお任せいただきました。
「いくみさんの頭の中にあるイメージ」をどこまで形にできるか
今回のプロジェクトで、私が最もこだわらせていただいたのは、いくみさんの頭の中にあるイメージを、どこまで忠実に「形にできるか」ということでした。
Web制作をご依頼いただくとき、お客様は「こういう雰囲気にしたい」「こんな印象を持ってもらいたい」といったイメージをお持ちです。
ただ、そのイメージを言葉だけでお伝えいただくのはとても難しいことです。
「なんとなくこういう感じ」「もうちょっと柔らかい感じ」
──そうしたニュアンスの中にこそ、
お客様が本当に大切にされている世界観が詰まっています。
では、そのまだ言語化しきれていないイメージを、どうやって引き出し、具体的なデザインにしていくか。
今回、その課題に対して私がとったアプローチが、LLM(大規模言語モデル)のAIをフル活用するというものでした。
デザインフェーズ:AIで「こういう感じ!」を一緒に見つけ出す
デザインの初期段階では、Google Gemini 3.0の有料版を活用させていただきました。
いくみさんとのお打ち合わせで伺ったお言葉を手がかりに、AIに何パターンものデザイン案を提案させました。
従来であればデザイナーが2〜3案をお作りしてお選びいただくのが一般的ですが、AIを活用することで、もっとたくさんの方向性を短時間で可視化することができます。
その中から、いくみさんに実際にご覧いただきながら
「これは近い」「ここはもう少しこうしたい」と対話を重ねさせていただきました。
「言葉では説明しにくいけど、こういう感じ!」
その瞬間を、いくみさんと一緒に見つけ出すプロセス。
AIがあることで、このプロセスの解像度が格段に上がったと感じております。
コーディング:Claude CodeとWordPressスキルでデザインを忠実に再現
デザインが固まった後のコーディングでは、Claude Codeを使わせていただきました。
ちょうど先日発表されたWordPressスキルをClaude Codeに読み込ませた上で、デザインを忠実なまま、ブロックエディター完全対応のWordPressのパーツにしていきました。
つまり、いくみさんがWordPressの管理画面でブログ記事を編集される際にも、実際のサイトとほぼ同じ見た目でお書きいただける構造になっています。
固定ページやブログ記事の投稿ページについても、サイト全体と統一感のあるデザインをコードとして構築させていただいております。
私が手書きしたコードは、微調整の部分で約20行ほどです。
Claude Codeを本格的に業務で使いこなすには、相応のトークン消費が発生いたします
。Proプランではトークンの消費が激しいため、今回はMAXプランを契約し、何度もコーディング→テスト→修正→セキュリティチェックのサイクルを回させていただきました。
AI活用=手抜きではなく、むしろ逆でした
AIを制作に活用していると聞くと、「手抜きなのでは?」と思われる方もいらっしゃるかもしれません。
しかし、むしろ逆でした。
AIにコーディングを任せた分、私はテストやセキュリティチェックの回数を増やさせていただくことができました。
そして何より、お客様との対話──「本当に求めていらっしゃるイメージは何か」を引き出す時間に集中させていただくことができました。
これが、今回AIを活用させていただいた最大の成果だと感じております。
デザインの選択肢が大幅に広がったことで、お客様のイメージにより近いデザインに到達できる。
コーディングの精度が上がったことで、管理画面でもデザインが再現される高品質な実装ができる。
テストの回数を増やせたことで、セキュリティや表示崩れのリスクを徹底的に潰せる。
そして、技術的な作業をAIに委ねたことで、本質的な「イメージの具体化」にじっくりと向き合える。
AIはあくまで、お客様のイメージを具体化するための道具です。
包丁が良くなっても、お客様の好みを理解し、美味しい料理を作るのは料理人の仕事です。
同じように、どれだけ道具が良くなっても、お客様が求めていらっしゃるものを理解し、形にするのは私の仕事です。
いくみさんの「強さと温かさ」が伝わるサイトに
今回のプロジェクトでは、AIを「お客様のイメージを具体化するための道具」として最大限に活用させていただきました。
その結果、いくみさんの世界観──女性管理職の専門家として21年間現場に立ち続けてこられた強さと温かさ──を、サイト全体で表現できたのではないかと感じております。
素晴らしいサイトに仕上がっておりますので、ぜひ皆さまもご覧になってみてください。
「ねーさんらいふ」
AI技術を活用したWebサイト制作・リニューアルのご相談を承っております。
「自分のイメージをうまく形にしてほしい」「AIを活用した制作に興味がある」「WordPressのブロックエディターに対応したホームページを作りたい」など、お気軽にお問い合わせください。







