AI-DRIVEN DEVELOPMENT 2026

VSCode × Claude Code
実践ハンズオン

プログラミング未経験でも大丈夫です。AIに指示を出してウェブアプリを開発する体験を通じ、業務課題を自分の手で解決できる力を身につけます。

4時間(9:00 - 13:00)
講義 3 : 実習 7
VSCode + Claude Code
タイムテーブル
時間区分形式内容
9:00 - 9:20Session 1座学AI駆動開発入門 ── ゴール共有とAI駆動開発の全体像
9:20 - 9:50Session 2実践環境構築ハンズオン ── Node.js・Claude Codeのセットアップ
9:50 - 10:00休憩-
10:00 - 10:50Session 3実践ミニ業務アプリ開発 ── チェックリストアプリでClaude Codeに慣れる
10:50 - 12:10Session 4実践PDF文書比較ツール ── サーバー+AI APIを使った本格アプリの構築
12:10 - 12:20休憩-
12:20 - 13:00Session 5座学生成AI資格ガイド ── 生成AIパスポートと資格ロードマップ
セッション概要
SESSION 01

AI駆動開発入門

AIに指示を出してアプリを作る「AI駆動開発」の全体像を把握します。従来の開発との違い、Claude Codeでできること、本日の到達点を共有します。

20分 座学
Session 1 を開く
SESSION 02

環境構築ハンズオン

Node.jsとClaude Codeをインストールし、ターミナルの基本操作を覚えます。VSCodeは事前インストール済みの前提で進めます。

30分 実践
Session 2 を開く
SESSION 03

ミニ業務アプリ開発

Claude Codeに要件を伝えて業務アプリを作る初体験です。設備点検チェックリストの開発を通じ、プロンプトの書き方と改善サイクルを身につけます。

50分 実践
Session 3 を開く
SESSION 04

PDF文書比較ツール

講師デモを見た後、自分のプロンプトでPDF比較ツールをゼロから開発します。プロンプト設計力が試される実践セッションです。

80分 実践
Session 4 を開く
SESSION 05

生成AI
資格ガイド

生成AIパスポートを起点に、キャリア方向に合った資格を7方向15資格から選ぶロードマップをご紹介します。

40分 座学
Session 5 を開く
使用ツール
VSCode

VSCode

コードエディタ

Claude Code

Claude Code

AI駆動開発ツール

Node.js

Node.js

JavaScript実行環境

Chrome

ブラウザ

Chrome推奨

事前準備

ノートPC

Windows または Mac をご用意ください。インターネットに接続できる環境が必要です。

組織招待メールの承認

研修事務局から届く「ClaudeCodeTutorial」への招待メールを事前に承認し、アカウントを作成しておいてください。

VSCode のインストール

code.visualstudio.com からダウンロードしてインストールしておくと、当日スムーズに進められます。

心構え

プログラミング経験は一切不要です。日本語でAIに指示を出し、動くアプリを持ち帰る4時間になります。