Webデザイン＆
AI活用プログラミング科
離職者等再就職訓練：6ヶ月
AI初心者から、仕事に活かせるスキルを身につける6か月。
ChatGPT Plus（有料版）を使ったAI活用から、デザイン、Webサイト制作、Webアプリ制作まで。
基本から段階的に学び、自分の手で作品を作りながら、仕事に活かせるスキルを身につけます。
01 / こんな方におすすめ
これからの仕事に、新しい可能性を。
AIも、デザインも、プログラミングも。未経験から学べます。
新しい仕事に挑戦したい方も、これまでの経験を活かしたい方も。
AIやデザイン、Web制作の基礎から学び、これからの仕事に役立つスキルを身につけていきます。
AIやITを基礎から学びたい
AIに興味はあるけれど、何から始めればよいかわからない。基本操作から仕事に役立つ活用方法まで学びたい方へ。
デザインやWeb制作に挑戦したい
チラシやSNS画像、Webサイトなど、自分のアイデアを作品として形にしてみたい方へ。
仕事に役立つスキルを身につけたい
情報整理や資料作成、データ活用など、幅広い仕事で使えるデジタルスキルを身につけたい方へ。
経験を活かして新しい仕事に挑戦したい
これまでの仕事で培った経験に新しいスキルを加え、就職・転職の可能性を広げたい方へ。
02 / AI活用
ChatGPT Plusで、
仕事の可能性を広げる。
AIは、質問に答えてくれるだけのツールではありません。
情報を整理する、資料を作る、アイデアを考える、仕事の進め方を見直す。さまざまな仕事の場面で、AIを活用する方法を学びます。
授業では、一人ひとりがChatGPT Plus（有料版）を操作しながら実践します。
過去の受講作品
データから、仕事に役立つ情報を見つける。
アンケート結果を整理・分析し、グラフやレポートにまとめます。データから課題を見つけ、改善案を考える仕事にもAIを活用します。
過去の受講作品を見る ↗※過去の訓練で制作した作品です。当時はGeminiを使用していましたが、今回の講座ではChatGPT Plusを使用します。
資料作成の実習サンプル（架空のテーマを使用）
伝わる資料を、効率よく作る。
企画の目的や対象者、提案内容をAIと一緒に整理し、相手に伝わる企画書やプレゼン資料へまとめます。
アイデア出しから情報収集、資料の構成、文章の作成まで、さまざまな場面でAIを活用。イベントの企画や新しいサービスの提案、社内での報告資料など、実際の仕事を想定した資料づくりに取り組みます。
AIが提案した内容を自分で確認・改善しながら、伝えたいことをわかりやすくまとめる力を身につけます。
過去の受講作品をもとに再構成したサンプル
アイデアを、情報発信につなげる。
求人募集やイベント告知など、相手に伝わる情報発信を考えます。AIを活用してキャッチコピーや文章を作成し、チラシやSNS投稿の制作につなげます。
業務改善の実習サンプル（架空のデータを使用）
いつもの仕事を、もっと進めやすく。
問い合わせ内容の分類や対応手順の整理、FAQの作成など、日々の仕事の改善にAIを活用します。AIの提案を自分で確認し、実際の業務に役立つ形へと整えていきます。
AIの答えをそのまま使うのではなく、内容を確かめ、目的に合わせて改善する。仕事で活かせるAIの使い方を学びます。
03 / デザイン・Web制作
デザインを学ぶ。
自分の手で、形にする。
チラシやSNS画像、Webサイトのデザインから制作まで。Canva・Figma・Studioの基本操作を学びながら、作品づくりに挑戦します。
デザインが初めての方も、文字や色の使い方、レイアウトの考え方から段階的に学べます。
Canva
チラシやSNS画像を作る
文字や写真の配置、配色、レイアウトの基本を学び、チラシやSNS投稿画像、プレゼン資料などを制作します。
制作例：イベント告知チラシ・SNS投稿画像
Figma
Webサイトの画面を設計する
情報の整理や画面の使いやすさを考えながら、Webサイトやアプリのデザインに挑戦します。
制作例：Webサイトのデザイン案
Studio
Webサイトを制作する
コードを書かずに、文字や画像を配置してWebサイトを制作。レイアウトの調整やスマートフォンへの対応も学びます。
制作例：店舗紹介サイト・ポートフォリオサイト基本を学び、考え、作る。自分のアイデアが作品になっていく楽しさを体験します。
基本を学んで、ひとつの作品へ。
- STEP 01 / Canvaデザインの基本を学ぶ
文字・色・レイアウト
- STEP 02 / FigmaWebサイトの画面を考える
情報の整理・画面設計
- STEP 03 / StudioWebサイトを制作する
配置・調整・表示確認
- STEP 04完成！
自分で作ったWebサイト
04 / プログラミング・Codex
AIと一緒に、
使えるアプリを作ってみよう。
HTML・CSS・JavaScriptの基礎を学び、AIと一緒にWebアプリの制作に挑戦します。
Codexを使ってコードの作成や修正を進め、実際に動かしながら、自分のアイデアを形にしていきます。
Webアプリ制作サンプル（架空の売上データを使用）
CSVから、売上が見えるアプリを作る。
CSVファイルを読み込むと、売上推移やカテゴリー別の集計、商品ランキングを自動表示。データを整理し、仕事に役立つ情報を見つけるWebアプリです。
売上分析アプリを体験してみる ↗サンプルデータが用意されているので、CSVを準備しなくても操作できます。
言葉で伝えて、AIと一緒に作る。
Codexは、プログラムの作成や修正を手伝ってくれるAIツールです。作りたい機能を言葉で伝え、できあがったものを自分で動かして確かめながら制作を進めます。
- 01
考える
どんなアプリが必要か、機能を整理する。
- 02
Codexに伝える
「売上をグラフで表示して」など、言葉で指示する。
- 03
動作を確認する
CSVを読み込み、計算や表示が正しいか確かめる。
- 04
改善する
使いやすくなるように、機能や見た目を修正する。
仕組みがわかると、AIをもっと活かせる。
AIがコードを作ってくれる時代だからこそ、Webの仕組みを理解することが大切です。HTML・CSS・JavaScriptの基礎を学び、AIが作ったものを自分で確認し、改善する力につなげます。
HTML
画面の内容を作る見出し・文章・画像・入力欄
CSS
見た目を整える色・余白・レイアウト
JavaScript
操作に応じた動きを加えるCSV読込・集計・グラフ表示
05 / 学習・就職サポート
はじめの一歩から、作品づくりまで。
未経験から、6か月かけて段階的に学びます。
AIやデザインの基本操作から始め、Webサイト制作、プログラミング、AIを活用したWebアプリ制作へ。
学んだことを実際に使いながら、少しずつできることを増やしていきます。
AIを使ってみる
ChatGPT Plusで、AI活用の基本を学ぶ。
AIへの質問や指示の出し方から始め、情報整理、資料作成、アイデア出しなどを実践します。一人ひとりがChatGPT Plusを操作し、仕事での活用方法を学びます。
主な学習内容
ChatGPT Plus／AIの基本操作／文章・資料作成／情報整理
デザインを形にする
Canva・Figma・Studioで、制作に挑戦。
Canvaでチラシや資料を制作し、FigmaでWebサイトの画面を設計。Studioでは、コードを書かずにWebサイトを制作します。
主な学習内容
Canva／Figma／Studio／Webデザインの基礎
Webの仕組みを学ぶ
HTML・CSS・JavaScriptの基礎を身につける。
Webページの構造や見た目、ボタン操作などの動きを学びます。実際にコードを書いて動かしながら、Webサイトやアプリの仕組みを理解します。
主な学習内容
HTML／CSS／JavaScript／Webの仕組み
AIと一緒に作品を作る
Codexを活用して、Webアプリを制作。
作りたい機能をAIに伝え、コードの作成や修正を進めます。動作を確認しながら改善を重ね、自分のアイデアをWebアプリとして形にしていきます。
主な学習内容
Codex／Webアプリ制作／動作確認／作品の改善
※掲載しているSTEPは、主な学習の流れを示したものです。実際の授業では、複数の内容を並行して学んだり、進捗状況に応じて学習の順序が前後したりする場合があります。
学びながら、これからの仕事も考える。
新しいスキルを身につけるだけでなく、これまでの仕事の経験や強みを整理し、就職活動につなげていきます。
国家資格であるキャリアコンサルタントによる個別相談を全3回実施。応募書類の作成や面接準備など、一人ひとりの状況に合わせてサポートします。
これまでの経験を整理する
前職で培った経験や強みを振り返り、仕事に活かせる力を見つけます。
応募書類を準備する
履歴書・職務経歴書の作成や自己PRの整理を支援します。
面接に備える
志望動機や経験の伝え方を整理し、面接に向けた準備を進めます。
よくある質問
AIを使ったことがなくても大丈夫ですか？
はい。ChatGPT Plusの基本操作から始め、実際に使いながら学びます。AIへの指示の出し方や、回答を確認する方法も学習します。
プログラミング未経験でも大丈夫ですか？
はい。HTML・CSS・JavaScriptの基礎から段階的に学びます。Webの仕組みを理解したうえで、AIを活用したアプリ制作に挑戦します。
デザインの経験がなくても大丈夫ですか？
はい。Canva・Figma・Studioの基本操作から学びます。デザインの考え方を学びながら、実際に作品を制作していきます。
プログラマーを目指す人向けの講座ですか？
プログラマーを対象とした講座ではありません。AI活用、デザイン、Web制作、プログラミングの知識を、さまざまな仕事に活かすことを目指します。
習得できるスキル
- ノーコードツール「Studio」
- Webページ作成「HTML / CSS」
- AI「ChatGPT Plus」「Codex」等
- 画像編集ソフト「Canva」
- デザイン・設計ソフト「Figma」
- データ分析・プレゼンテーション作成
修了後の進路
本コース修了後は、AI活用スキルとWeb制作の基礎を活かし、さまざまな分野での活躍を目指すことができます。
社内業務の効率化や情報発信への活用、Webサイト更新・運用業務へのステップアップのほか、ポートフォリオを活用した転職活動や副業・フリーランスとしての活動にもつなげることが可能です。
身につけたスキルを土台に、自分の経験や強みを活かした新しいキャリア形成を目指します。
訓練内容(カリキュラム)について
AI活用Webデザイン科では、以下のカリキュラムで訓練を行います。
| 就職支援講座 | 履歴書、職務経歴書等の作成、面接対策等 |
|---|---|
| AIリテラシー | AIの仕組みと「情報漏洩」のリスク管理 |
| AI入門 | 5W1Hを用いた指示の出し方/ハルシネーション（嘘）の事例と対策/画像生成AIの権利と商用利用の注意点 |
| デジタルコンテンツ制作 | 統計情報の読み取り/比較・傾向分析/グラフ・図解による可視化/分析結果を伝えるスライド制作/Canvaの画面構成と基本操作/制作素材の準備 |
| 画面設計・プロトタイプ制作 | UI設計/プロトタイプによる動作検証/画面・機能構成の設計/情報アーキテクチャ設計/ユーザーフロー作成/コンポーネント設計/共同レビューと改善/Figmaの画面構成と基本操作 |
| ノーコードWeb構築 | Studioの画面構成と基本操作/ボックスモデルの概念と配置/Webサイト制作/CMS機能実装/お問い合わせ機能実装/スマホ対応 Webサイトの構成と機能をノーコードツールを使って習得 |
| コード・プログラム基礎 | HTML・CSSコーディング/JSプログラミング（変数、条件分岐、繰り返し、関数）/エラー対応とデバッグ/制作環境構築 |
| 総合演習 | 制作スケジュール管理/転職活動に使えるポートフォリオサイト制作/フィードバックと修正/サイトの公開/運用シミュレーション/フィードバックと修正/運用資料の作成 |
※Windowsの基本操作を出来る方を対象にしています。
訓練時間
授業は原則として土、日、祝日を除く毎日（月～金）です。
授業時間は10時〜16時【1日 : 6時限授業（1時限 : 45分）※7時限授業の場合は10時～16時55分】ですが、教室は朝9時から夕方5時までご利用いただけます。授業の前にじっくり予習したり、終了後すぐに復習したりと、自分のペースで学習を深めることができます
教室の雰囲気
学内施設
