代表ブログ一覧に戻る

Webサイトをリニューアルしました(併せて、AI活用で本サイトを4時間ほどで構築した話)

Webサイトをリニューアルしました(併せて、AI活用で本サイトを4時間ほどで構築した話)

この記事の内容を、御社の業務で仕組みにする相談(30分・無料)→

後藤佑輔

この記事の著者

後藤 佑輔

IGS代表

大和証券、アクセンチュアを経て、2023年にIGSを設立。Claude Codeと共に、一部Meta公式APIを使用した6つのWebサイトの開発・運用から、SNS投稿の完全自動化、バックオフィス自動化などを一人で行う。開始9か月で検索からの訪問は累計1万クリックを超え、「Claude AIエージェント 作り方」ではGoogle検索1位を獲得した。

御社のサイトを、検索とAIに強い形に。今のサイトの診断から、後藤本人が一緒に作ります。サービス内容を見る

代表の後藤です。

この度、事業転換に伴い、IGSのコーポレートサイトをリニューアルいたしました。

より快適にご覧いただけるよう、デザインを一新し、サイトの表示速度も大幅に改善しております。今後とも、AI導入支援・DX推進のパートナーとして、皆様のお役に立てるよう努めてまいります。

で、ここからが本題です

実はこのサイト、AIを活用して約4時間で作成しました。

皆様の体感として、「自社サイトが数時間で作成できる」という事実はどう捉えられるでしょうか?

まあ今時AIを使えばそんなに難しくないよね

いや、ありえないね。どうせクオリティは低く、保守管理体制は杜撰でしょう

などなど、色んな意見があるかと思います。

正直、私の感覚としても、AIを深く使いこなせるようになるまではありえないという感覚でした。

しかし現実として、1日あれば「外注費ゼロ」かつ「短時間」で、このクオリティのWebサイトが完成したのです。なお、Claude Codeを使うには有料プランが要ります(Proは月20ドル、約3,200円)。

何が起きたのか

今回のリニューアルでは、Anthropic社のAIアシスタント「Claude Code」を活用しました。

具体的に行ったのは下記です。

  • サイト設計・デザイン方針の相談
  • 全ページのコード生成
  • 画像の生成指示
  • サーバー設定のガイド
  • 本番公開までのサポート

これらすべてを、AIとの対話だけで進めました。

私はWebサイトの知識はある程度ありますが、自身でコーディングをして0からHPを構築できるスキルはありません。

そんな私でも、ブログ用CMSとの連携、お問い合わせフォームのメール自動送信設定、アクセス解析の導入、独自ドメインの設定まで、すんなり構築が完了しました。

AIコンサルティング

この記事の仕組みを、御社の業務で作れます。

技術的な話

せっかくなので、少し技術的な話もさせてください。

本サイトは、見た目だけでなく中身にもこだわっています。

採用した技術スタック:

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Vercel

実装した機能:

  • スクロールに応じたヘッダーデザインの変化
  • スマートフォン対応(レスポンシブデザイン)
  • ブログ記事の管理システム(microCMS連携)
  • お問い合わせ時の自動メール送信
  • Googleアナリティクスによるアクセス解析
  • SEO対策(メタ情報、OGP設定)

相当精通している方でないと難しい話かと思いますが、いわゆる「きちんとしたコーポレートサイト」に必要な要素は一通り揃えています。これらを、自社で、4時間で構築しました。

従来なら何日かかる?

企業サイトを新規構築する場合、下記日程にて進むのが一般的です。

工程

従来の目安

要件定義・設計

1〜2週間

デザイン

1〜2週間

コーディング

2〜4週間

テスト・調整

1週間

合計

1〜2ヶ月

これが、4時間。

もちろん、シンプルな構成だからこそ実現できた部分もあります。

それでも、この速さは私に衝撃を与えるのには充分でした。

AIは「魔法」ではない。しかし...

誤解のないように言うと、単にAIへ「サイト作って」と言えば完成するわけではありません。

重要なのは

  • どんなサイトにしたいか
  • 誰に届けたいか
  • どんな印象を与えたいか

こういった「人間の意思決定」です。

AIはその意思決定を、驚くべきスピードで形にしてくれる存在です。

逆に言えば、意思決定さえできれば、実装のハードルは劇的に下がってしまいます。「やりたいこと」と「できること」の距離が、かつてないほど縮まっている。

これが、今のAIの現在地だと感じています。

実際、サイトを作った日のうちに、作業の記録に残る直しが次のように出ました。

  • 14:24:アクセス解析をつなぐ設定の名前の間違いを直した
  • 16:19:ブログの記事に画像を入れる欄の名前が合っておらず、直した
  • 16:31〜16:42:ブログ本文の行間や幅を直した

作業の記録は、13:10から17:07まで残っています。

なぜこの話を公開するのか

私たちIGSは、AI導入支援を事業としています。

AIってすごいらしいけど、実際どうなの?

この疑問に対する、最も説得力のある答えは「自分たちで使って見せること」だと考えました。

本サイトは、その実践例です。

続編として、AIがSEO対策もやってくれた話(11項目を解説)も書いています。

最後に

AI活用に興味はあるけど、何から始めればいいかわからない。

そんな方は、ぜひお気軽にご相談ください。「こんなことできる?」という雑談レベルで構いません。

AIの可能性を、一緒に探っていきましょう。


お問い合わせはこちら:
https://www.i-gs.co.jp/contact

よくある質問

Q. AIを使うと、ホームページは本当に4時間で作れますか?

A. シンプルな構成であれば作れます。弊社のコーポレートサイトは、Claude Codeを使って約4時間で作りました。要件が複雑な場合は、もう少し時間がかかります。

Q. AIでホームページを作る時、どのAIツールを使えばいいですか?

A. 弊社はAnthropic社の「Claude Code」を使いました。サイトの設計・デザイン方針の相談、全ページのコード生成、画像の生成指示、サーバー設定のガイド、本番公開までのサポートを、AIとの対話だけで進めました。

Q. AIでホームページを作るのに、いくらかかりますか?

A. 制作を外に頼む費用は0円で、Claude Codeの有料プラン代(Proなら月20ドル、約3,200円)がかかります。ドメイン代などサイトの維持費は別です。

Q. 従来のホームページ制作は、どれくらいの期間がかかりますか?

A. 企業サイトを新規に作る場合、要件定義・設計に1〜2週間、デザインに1〜2週間、コーディングに2〜4週間、テスト・調整に1週間で、合計1〜2ヶ月が一般的な目安です。

Q. AIにホームページを作らせる時、人が決めることは何ですか?

A. どんなサイトにしたいか、誰に届けたいか、どんな印象を与えたいかの3つです。「サイト作って」とAIに言うだけでは完成せず、AIはこの意思決定を形にしてくれる存在です。

関連記事

・AIがSEO対策もやってくれた話(11項目を解説)

・【10月15日更新】ChatGPT・Gemini・Claude使い比べた結論|用途別おすすめAIはこれだった

・非エンジニアでもClaude Codeは使える|始め方と使い方を実体験で解説

後藤佑輔

この記事の著者

後藤 佑輔

IGS代表

大和証券、アクセンチュアを経て、2023年にIGSを設立。Claude Codeと共に、一部Meta公式APIを使用した6つのWebサイトの開発・運用から、SNS投稿の完全自動化、バックオフィス自動化などを一人で行う。開始9か月で検索からの訪問は累計1万クリックを超え、「Claude AIエージェント 作り方」ではGoogle検索1位を獲得した。

この記事の内容を、御社の業務で仕組みにします

記事の仕組みを御社のツール(Gmail・Chatwork・スプレッドシートなど)につなげて、毎日自動で動く形にします。1業務10万円(税別)から。

あなたのお店・会社、ChatGPTに出てきますか?

Claude Code 品質ガイドライン 表紙

Whitepaper

Claude Code 品質ガイドライン|14項目チェックリスト

「プロンプトの書き方」だけでは、AIは使いこなせない。公式準拠の14項目で自社のAI活用を点検できる、自己診断チェックリスト付き全19ページを無料でお届けします。

無料でダウンロードする