記事本文

frater のコーポレートサイトをリニューアルしました。

今回のリニューアルにあわせて、サービスを「研修」「AI活用支援」「AI開発・開発支援」の3つに整理しました。研修は「Claude Code 実践研修」として、AI入門・業務活用・AI駆動開発の3コースをご用意しています。

制作のほぼすべてを、AIエージェントに任せました

このサイトは、制作作業のほぼすべてを AIエージェント（Claude Code など）に任せて作りました。人が担当したのは、目的を決めること、AIが出した案から選ぶこと、そして出来上がったものを確かめることです。

  • コンセプトの整理: 現行サイトの全ページと会社紹介資料をAIが読み込み、サイトの目的、誰に向けたサイトか、ページ構成を整理しました。人はヒアリングで方針を決めることに集中しました。
  • デザイン: 複数のエージェントが方向性の違うデザイン案を十数案作り、何回か比べて絞り込みました。参考サイトの調査もAIが行っています。
  • コンテンツ作成: 各ページの文章は、AIが整理した要件と資料をもとにAIが書き、人がレビューで直しました。
  • 実装: 作業を約20のタスクに分けて一覧にし、AIエージェントが一つずつ実装、テスト、レビューまで進める仕組みで動かしました。主要なページの実装は1日で終わっています。
  • ブラッシュアップ: 人が気になった点を課題として登録し、AIが修正しました。レイアウトのずれ、色の統一、文言の調整、動きの見直しなどです。
  • デプロイ: ビルドの確認から公開の準備まで、AIエージェントが進めました。

AIに任せたことで、検討できるデザイン案の数が増え、実装から公開までの期間も大きく短くなりました。一方で、「何のためのサイトか」「どの案を選ぶか」「この表現で伝わるか」は、最後まで人が判断しています。AIに作業を任せるほど、何を頼み、何を自分で決めるかを先に決めておくことが大切だと、改めて実感しました。

この進め方を、研修と支援でお伝えしています

今回の進め方は、「Claude Code 実践研修」や AI活用支援でお伝えしている内容そのものです。

  • 「AIを業務で使いたいが、何から始めればよいかわからない」
  • 「資料作りや調べもの、文章作成をAIに任せられるようにしたい」
  • 「開発チームにAIエージェントを使った開発を取り入れたい」

このようなお悩みがあれば、お気軽にご相談ください。30分の無料相談で、課題を伺ったうえで進め方をご提案します。

今後とも frater をよろしくお願いいたします。