プログラミング未経験
プログラミング未経験から AI と一緒にアプリを作るロードマップ
- 対象
- プログラミング未経験で、AI と一緒に Web アプリを作ってみたい人
- 到達ゴール
- HTML・JavaScript・Python・SQL の基本を押さえ、AI に 1 機能ずつ作らせたアプリをテストしてクラウドに公開できる
- 全4ステップ
- 21講座
- 約31時間
- 無料 3 講座
- 1
ステップ1: AI と安全に付き合う基礎
3講座 · 約4時間業務をタスクに分けて AI に任せる範囲を決め、入力してよい情報を仕分け、依頼文を組み立てられるようにする。
- AI活用全般無料90分AI活用の考え方講座受講後にできること: 自分の業務をタスクに分解し、任せる仕事を仕分けられる
- AI活用全般無料60分AI を安全に使う講座受講後にできること: 扱う情報を 3 分類で仕分け、加工してから入力できる
- AI活用全般無料90分プロンプトエンジニアリング入門講座受講後にできること: 依頼文を 5 つの欄で組み立て、改善ループを 2 回回せる
初級バッジの受験条件を満たす
- 2
ステップ2: 道具をそろえる
4講座 · 約6時間資料の渡し方と出力の確かめ方を身につけ、ターミナルと git/GitHub の基本操作に慣れる。
- 3
ステップ3: 最初のアプリを作る
5講座 · 約7時間Claude Code を導入し(環境構築は使う OS の 1 本を受講する)、HTML・CSS・JavaScript で動くページを作って Git で履歴を残せるようにする。
- ツール実践60分Claude ツール全体像講座受講後にできること: Claude の 3 ツールを用途で選び、PC に導入できる
- ツール実践60分使う OS の 1 本を受講Claude Code 環境構築講座(Mac版)受講後にできること: Claude Code を Mac に導入し、動作を自分で確認できる
- ツール実践60分使う OS の 1 本を受講Claude Code 環境構築講座(Windows版)受講後にできること: Claude Code を Windows に導入し、動作を自分で確認できる
- 基礎技能90分HTML と CSS で Web ページを作る講座受講後にできること: HTML と CSS で 1 ページのサイトを自分で作れる
- 基礎技能120分JavaScript で動く Web アプリを作る講座受講後にできること: 入力した内容を画面に反映し、閉じても消えないアプリを作れる
- 基礎技能90分Git をコマンドで使う講座受講後にできること: 手元で履歴を刻み、GitHub と push / pull で同期できる
中級・基礎技能バッジの受験条件を満たす
- 4
ステップ4: 作れる範囲を広げる
9講座 · 約15時間チーム開発・作業の自動化・データ処理・API・自動テスト・公開までを学び、AI と一緒に 1 機能ずつアプリを作れるようにする。
- 基礎技能90分Git でチーム開発する講座受講後にできること: Pull Request でレビューを受け、コンフリクトを解消できる
- 基礎技能90分コマンドラインで作業を自動化する講座受講後にできること: CSV とログをコマンドで集計し、スクリプトにまとめられる
- 基礎技能90分Python でデータ処理ツールを作る講座受講後にできること: CSV を読んで月別・カテゴリ別に集計するツールを作れる
- 基礎技能90分SQL でデータを集計・設計する講座受講後にできること: 集計と JOIN を書き、表の設計まで自分で組み立てられる
- 基礎技能120分Node.js で API を作る講座受講後にできること: JSON を返す API を書き、データベースと接続できる
- 基礎技能90分自動テストでコードを守る講座受講後にできること: 正常系・境界値・異常系のテストを書いて実行できる
- 基礎技能120分クラウドにアプリを公開する講座受講後にできること: 静的サイトと Node アプリを公開し、費用の上限を決められる
- 基礎技能90分生成AI の機能を使い分ける講座受講後にできること: 画像・ファイル入力と検索付き回答を用途で選び分けられる
- 基礎技能90分AI と一緒にアプリを作る講座受講後にできること: 要件を 5 項目で言葉にし、1 機能ずつ AI に作らせられる
上級・基礎技能バッジの受験条件を満たす