ブログ一覧に戻る

更新情報

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

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

Webサイトをリニューアルしました

代表の後藤です。

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

より快適にご覧いただけるよう、デザインを一新し、サイトの表示速度も大幅に改善しております。

今後とも、AI導入支援・DX推進のパートナーとして、皆様のお役に立てるよう努めてまいります。

で、ここからが本題です

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

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

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

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

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

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

しかし現実として、1日あれば「無料」かつ「短時間」で、このクオリティのWebサイトが完成したのです。

何が起きたのか

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

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

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

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

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

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

「ちゃんとしたサイト」です

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

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

採用した技術スタック:

  • 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の現在地だと感じています。

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

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

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

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

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

続編として、SEO対策もAIがやってくれた話も書いています。

最後に

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

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

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


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

よくある質問

Q. AIでサイトを作ると、クオリティは低くならない?

A. 意思決定(どんなサイトにしたいか、誰に届けたいか)がしっかりしていれば、プロが作ったものと遜色ないクオリティになります。本サイトもAIで作成しています。

Q. プログラミングの知識がなくても作れる?

A. 作れます。ただし、ホームページに関する知識は必要です。

Q. 短時間で本当に作れる?

A. シンプルな構成であれば可能です。ただし、要件が複雑な場合はもう少し時間がかかります。

Q. どのAIツールを使った?

A. Anthropic社の「Claude Code」を使用しました。

関連記事

SEO対策もAIがやってくれた話