Overview
「デザインはできるけどコーディングが...」「更新のたびに外注コストが...」--そんなWeb制作現場の課題を、生成AIとの協働で解決します。
本プログラムでは、AIによるコピーライティング、バナー量産、LP設計、HTML/CSSコーディング、サイト運用の自動化まで、Web制作のフルプロセスをカバーする手法を15時間の実践ワークショップで習得します。
研修後は、受講者自身が社内でAI活用を広げられるよう、すぐに使えるプロンプトテンプレート集と制作ワークフローのリファレンスをお渡しします。
Total Hours
15時間
Target
Web担当者・デザイナー・ディレクター
Format
オンライン / オンサイト対応可
Tools
Google Workspace・ChatGPT・Gemini・Canva
Curriculum
座学は最小限に抑え、各セッションの約70%をハンズオン演習に充てています。
| 時間 | セッション | 内容 | 形式 |
|---|---|---|---|
| 2.0h | AI基礎 | 生成AIの基本概念 / 主要ツールの特徴と使い分け / AI活用の基本マインドセット | 座学 |
| 2.0h | AI x Web制作 基礎 | 生成AIのクリエイティブ活用全体像 / デザイン・コーディング・ライティングへの適用マップ / プロンプト設計の基本 | 座学 |
| 2.0h | AIコピーライティング実践 | キャッチコピー大量生成 / LP構成案の自動作成 / ターゲット別トーン調整プロンプト | 実践 |
| 2.0h | バナー・ビジュアル制作 x AI | Canva x AI画像生成 / バナーバリエーション量産 / ブランドガイドラインに沿った生成指示 | 実践 |
| 2.0h | LP設計・ワイヤーフレーム AI | AIによるLP構成案生成 / ワイヤーフレームの自動作成 / 競合LP分析プロンプト | 実践 |
| 2.0h | HTML/CSS コーディング x AI | AIペアコーディング実践 / レスポンシブ対応の自動化 / コードレビュー・修正プロンプト | 実践 |
| 2.0h | サイト更新・運用の自動化 | 更新テンプレート構築 / ブログ記事構成の自動生成 / SEOメタ情報の一括生成 | 実践 |
| 1.0h | 研修フィードバック及びまとめ | 研修まとめ、研修振り返り、講師からのフィードバック及び各業務への落とし込みについて | ワーク |
生成AIの基本概念 / 主要ツールの特徴と使い分け / AI活用の基本マインドセット
生成AIのクリエイティブ活用全体像 / デザイン・コーディング・ライティングへの適用マップ / プロンプト設計の基本
キャッチコピー大量生成 / LP構成案の自動作成 / ターゲット別トーン調整プロンプト
Canva x AI画像生成 / バナーバリエーション量産 / ブランドガイドラインに沿った生成指示
AIによるLP構成案生成 / ワイヤーフレームの自動作成 / 競合LP分析プロンプト
AIペアコーディング実践 / レスポンシブ対応の自動化 / コードレビュー・修正プロンプト
更新テンプレート構築 / ブログ記事構成の自動生成 / SEOメタ情報の一括生成
研修まとめ、研修振り返り、講師からのフィードバック及び各業務への落とし込みについて
Deliverables
研修終了後、すぐに実務で活用できるテンプレートとプロンプト集をお渡しします。
LP構成・コピーライティング・バナー指示・コーディング補助など、Web制作に特化したプロンプトをすぐにコピペで使えます。
AIが生成するLP構成案のテンプレート。業種・目的別にカスタマイズしてすぐに使えるワイヤーフレーム付き。
HTML/CSS/JavaScriptのAIペアコーディング用プロンプト。レスポンシブ対応・アニメーション・フォーム実装など実務頻出パターン網羅。
Canva x AIを活用したバナー量産フロー。サイズ展開・テキスト差し替え・A/Bテスト用バリエーション生成まで一気通貫。
メタタグ・alt属性・ブログ構成の自動生成テンプレート。更新業務を効率化するためのAI活用リファレンス。
研修最終日に策定する個人別の実行計画。研修で学んだスキルを30日間で定着させるためのロードマップです。
全カリキュラムを修了された方に、AIブーストカレッジ公式の修了証を発行します。
Price
Per Person
（15時間受講）