| 内容 |
"AI時代のWeb制作、どう変わる？"
本講座では 従来のWeb制作フローを学んだ上でAIツールの特徴を理解し、各工程でどのように使い分けるのかを学びます。
実際にAIを活用しながら、Webサイトを作成・公開するまでのフローを体験し、自走するチカラを身につけましょう。
◆◇◆◇◆◇ 本講座の3つの特徴 ◆◇◆◇◆◇
① 最新のAI×Web制作について学べる
AIを使用した企画から公開までの流れを、実務に直結する視点で学べます。
②要件定義から公開までを体験できる
ワイヤーフレーム、デザイン、コーディング、公開までをハンズオンで実践し、制作の全体像が理解できます。
③ 累計発行部数6.5万部の著書を持つプロのクリエイターから直接学べる
◆◇◆◇◆◇ 講座概要 ◆◇◆◇◆◇
①オリエンテーション
・データで見るAI
・AIツールの整理とできること（Gemini・Claude Code・Figmaなど）
・代替されやすいスキル/そうではないスキル
・生成物の権利について
②Web制作の流れ
・従来のWeb制作フロー
・AIを導入した際の制作フロー
③提案・構成段階でのAI利用
・ペルソナ作成のコツと注意点
・コンテンツ提案につなげるコツ
・【実践】ワイヤーフレームの作成
④デザイン段階でのAI利用
・デザインコンセプトの必要性
・【実践】AIでデザインコンセプトを作成する
・現時点でのAIの"できること・できないこと"を見極める
・デザインにおけるプロンプトエンジニアリングのコツ
⑤AIでWebサイトを生成
・【実践】シンプルなサイトをAI（Gemini）で生成する
⑥部分的な修正をする
・【実践】HTMLファイルを自分で編集する
（画像の差し替えとリンクの設置）
⑦公開作業
・【実践】サーバーに公開する
⑧質疑応答
◆◇◆◇◆◇ 開催概要 ◆◇◆◇◆◇
【日時】2026年7月25日(土)10:30〜17:30
【場所】情報通信交流館 クラスルームB
【定員】 20名（選考あり）
【受講料】 12,000円（税込）
※Setouchi-i-Base月額会員は10,000円（税込）
【持ち物と事前準備】
・ご自身のPC
・VSCodeとFileZillaをインストールしておく
・Googleアカウントを登録しておく
◆◇◆◇◆◇ 参加条件 ◆◇◆◇◆◇
・Googleのアカウントを持っており、Googleドライブを使用したことがある方
（講座内で使う資料をGoogleドライブにて共有いたします）
・VSCodeとFileZillaを事前にインストールできる方
（どうしても難しい場合、講座前に少し早めにお越しいただければ、フォローいたします）
ダウンロードURL:
https://code.visualstudio.com/
https://filezilla-project.org/
【主催】情報通信交流館(Setouchi-i-Base)
【申込締切】2026年7月21日(火) 23:59 まで
◆◇◆◇◆◇ 講師紹介 ◆◇◆◇◆◇
Capybara Design
竹内 直人（たけうち なおと） 氏
フリーランス/フロントエンジニア
東京のWeb制作会社にて大手クライアントのWebディレクションやエンジニアとしての実務を経験。その後、動画マーケティング会社のWeb担当を経て2018年に独立し、フリーランスに。専門学校での講師も経験。現在も現役でクライアントワークをしつつ、個人開発においてAIツールを全面的に導入した効率的なWeb制作プロセスを構築・検証を実践しています。
竹内 瑠美（たけうち るみ） 氏
フリーランス/Webデザイナー
高校卒業後、東京で未経験から複数のベンチャー企業で経験を積み、フリーランスに。2024年に高松市に移住し、2年間Setouchi-i-Baseにてコーディネーターとして、フリーランス支援を担当していました。実際に皆様からのお悩みも直接お伺いしてきた視点を活かして、講座を分かりやすく、実体験に基づいた内容をお伝えできればと思います。
著書
「これだけで基本がしっかり身につくHTML/CSS＆Webデザイン1冊目の本」
◆◇◆◇ お問い合わせ ◆◇◆◇
お問い合わせフォームはこちら
◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇ |