.png)
生成AIによる
フロントエンド開発実践
AIと一緒に、Webサイトを「考える・作る・育てる・公開する」。
プログラミング未経験から、実際に動くWebサイトの完成を目指します。
この研修でできるようになること
AIと対話して企画・設計
誰に何を伝えるサイトなのかを整理し、AIを活用して設計書や画面構成案を作成します。
Webサイトを作り、改善
HTML/CSS、JavaScript、画像生成AIを活用し、見やすさ・使いやすさを改善します。
公開し、成果を発表
GitHub Pagesで公開。受講者同士で作品をレビューし、実務で使える制作プロセスを身につけます。
単にAIに指示して終わりではなく、設計→制作→レビュー→改善→公開を段階的に学ぶ研修です。
こんな方におすすめ
一般企業の広報・企画担当者
自社のWebページや情報発信を、自分たちで制作・改善したい方。
個人・小規模事業者
生成AIを活用して、自前でWebページを作成したい方。
ITエンジニア
生成AIによるフロントエンド開発の効率化や、新しい制作手法を試したい方。
HTML・CSS・JavaScriptの事前知識は不問です。 企業の業種・規模を問わず参加できます（下記の企業参加要件をご確認ください）。
開催概要
オンラインはZoom＋Slack、集合会場は仙台市中心部を予定
生成AIの有料サービス利用料等は自己負担
開催時刻はオンライン2時間回が15:00～17:00、集合3時間回が14:00～17:00の予定です。詳細は受講案内でご確認ください。
カリキュラム（全6回）
まず作る｜Webサイト制作の基礎と実践
- HTML・CSSの基礎
- ターゲット・利用目的を踏まえた企画と設計
- AIとの対話による設計書・画面構成案の作成、ページ生成と改善
集合研修
人に見せる｜制作成果発表・相互レビュー
- 第1回で制作したサイトの発表とデモ
- ユーザー視点で使いやすさ・伝わりやすさを評価し改善
育てる｜JavaScriptによる動的機能
- JavaScriptの基礎とAIを使った動的機能の実装
- イベント処理、ユーザー操作への対応、AIによる修正・デバッグ
育てる｜AIによるデザイン・画像素材制作
- Web用画像・アイコン等の生成
- 生成素材の組み込み、レスポンシブ対応、UI/UX改善
育てる｜Webサイト公開と品質改善
- GitHubでのソースコード管理とGitHub Pagesでの公開
- AIによる動作検証、不具合修正、品質改善
集合研修
完成作品を発表｜最終成果発表・相互レビュー
- 完成したWebサイトの発表とデモ
- 相互フィードバックと改善演習、実務活用への振り返り
日程は2027年1～2月となります。内容は変更となる場合があります。自己都合による集合開催時のオンライン参加も可能です。集合参加時はPCを持参いただきます。
使用する生成AIと受講準備
・講義ではGoogle AI（Gemini）を使用しますが、既にChatGPT、Claude、Copilot等の対話型AIの有料プランを利用できる場合はそれを使った参加も可能です。但し当然ながら講師と画面操作・出力結果が異なってきますのでその理解が前提です。
・研修は有料プランの利用を前提に進めます。無料プランでの参加を妨げるものではありませんが、無料プランの場合は利用上限に達した時点で見学となります。無料プラン参加者に対する個別の配慮はできません。
・演習用PC、インターネット回線、必要なAIサービスの契約・課金は各社でご準備ください。教材は講師独自資料を予定しています。
お申し込み前にご確認ください
宮城県内に拠点を有し事業を行っている企業（個人事業主を含む）。MISA会員の有無、業種、企業規模、本社所在地、実際の参加者お受講者の居住地・勤務地は問いません。
- 定員20名。定員になり次第締切となります。
- 途中での受講者の代替・代理受講はできません。
- 研修終了時の理解度・満足度アンケートへの協力が必要です。
- 研修後3年間の在職状況に関する追跡調査への協力が必要です。
- 申込者数等により開講中止・内容変更となる場合があります。
お申込について
申込方法・最新情報は「中堅層向け開発技術スキルアップ研修」総合案内サイトを参照してください。
お問い合せ：宮城県 中堅層向け開発技術スキルアップ研修 運営事務局
一般社団法人 宮城県情報サービス産業協会（MISA）
TEL：022-217-3023
E-mail：edu.misa@misa.or.jp
〒980-0011 仙台市青葉区上杉1丁目6-10 EARTH BLUE 仙台勾当台ビル5F
