ビジネスパーソンがノートPCでウェブ制作を学び、AIロボットがワイヤーフレームやUIを手伝う様子

AIエージェントを使ったウェブサイトの作り方

AIエージェントを利用してウェブサイトを制作するプロセスや、制作会社に外注せずに自社サイトを制作・公開する方法を学びます。

講座概要

AIエージェントを活用して、コードを書かずにウェブサイトを作る方法を、90分のハンズオンで体験する講座です。

従来のウェブサイト制作では、企画、設計、デザイン、コーディングを複数の専門家が分担し、何度も確認や修正を重ねながら進めるのが一般的でした。

AIエージェントの登場後は、「設計の意図を文書で整理して伝える」ことで、AIがHTMLやCSSなどのコード生成を担うワークフローが広がっています。

この講座では、実際にAIエージェントへ指示を出しながら、シンプルなウェブサイトを作る流れを体験します。

ウェブデザイナーやエンジニアでなくても、自社サイト、キャンペーン告知サイト、採用情報サイトなどの内製化を検討する際の第一歩として活用できます。

この講座の対象者

  • AIエージェントをウェブサイト制作に活用したい方
  • 自社でシンプルで洗練されたウェブサイトを内製したい経営者・広報担当者
  • AIを活用した新しい制作フローを学びたいウェブデザイナーやエンジニア
  • コードを書かずにウェブサイトを作ってみたい方
  • 自社の業務にAIエージェントを導入する方法を具体的にイメージしたい方

この講座で学べること

  • AIエージェントに「設計の意図」を伝えるための記述方法
  • DESIGN.md役割と基本的な作り方
  • コードを一から書かずに、AIエージェントを使ってウェブサイトを制作する流れ
  • 従来のウェブ制作フローと、AIを活用した新しいワークフローの違い
  • 自社の業務やウェブサイト制作にAIエージェントを活用するための考え方

この講座の進め方

  1. これまでのウェブサイト制作の流れを理解する
  2. AIエージェントの実務活用を理解する
  3. ウェブ開発プロジェクトを準備する
  4. AIにウェブサイトを作成させる
  5. 完成したウェブサイトを確認する
  6. ウェブサイトを公開する方法を理解する

この講座で得られるもの

  • AIエージェント型開発の基本となる AGENTS.md
  • 色、フォント、余白、トーンなどの視覚的なルールをAIに伝える DESIGN.md
  • AIが生成したシングルページ構成のサンプルウェブサイト
講師のプロフィール写真

講師プロフィール

株式会社四谷デザイン 竹野 哲

デザイナー・エンジニアとして30年、デザイン事務所の経営者として20年。企画からデザイン、システム開発、運用支援まで幅広く手がけ、アイデアを事業成果へと結びつける支援を行っています。

これまで12年以上にわたり、団体・企業のブランディング・パートナーとしてDX推進を支援し、インハウスデザイナーの育成やシステム開発コンサルティングにも取り組んできました。

2022年からはAI活用、2025年からはAIエージェント活用の講座を展開し、AIと働く会社の設計論を、経営だけでなく日々の業務にも応用できる実践知として、現場で活用できる形でお伝えしています。


事前にご用意いただくこと

  • ChatGPTのアカウント(無料プラン、サブスクリプションプランのどちらでも可)
    ※ 無料プランの場合、Codexの利用回数に厳しい制限があります。受講中に利用枠の上限に達するトラブルを防ぐため、セミナー当日は開始時間までCodexへのプロンプト送信(チャット)をできるだけ行わず、利用枠を温存しておいてください。
  • お使いのノートPCにChatGPTデスクトップアプリをインストールしてください。
    ※ Windows版またはmacOS版を使用します。
  • ChatGPTデスクトップアプリでChatGPTアカウントにログインし、Codexを選択できる状態にしておいてください。
  • Wi-Fiでインターネットに接続できる状態にしておいてください。
    ※ 会場のWi-Fiを利用いただけます(接続情報は当日お伝えします)。
    ※ ご自身のモバイルWi-Fiの利用も可能です。

当日必要な持ち物

  • ChatGPTデスクトップアプリでCodexを選択できるノートPC
  • モバイルWi-Fi(ご自身のWi-Fiを使う場合)

お申し込み方法

  1. 参加申し込みフォームから必要事項を送信します。
  2. 送信後、自動返信メールでお申し込み内容の控えをお送りします。
  3. 残席とお申し込み内容を確認後、PayPalの支払い用リンクをメールでご案内します。
  4. お支払いの確認後、参加確定のご連絡をお送りします。

参加申し込みフォーム

必要事項をご記入の上、送信してください。
送信後、自動返信メールでお申し込み内容の控えをお送りします。

残席とお申し込み内容を確認後、PayPalの支払い用リンクをメールでご案内します。お支払いは、開催3日前の18:00までにお願いしております。開催3日前を過ぎてお申し込みいただいた場合は、申込後24時間以内、かつ開催前日18:00までのお支払いにご協力ください。

参加日程はフォーム内の日程表から選択してください。会場名をクリックすると、写真、住所、電話、Google Mapsを確認できます。