AI-DRIVEN DEVELOPMENT 2026

VSCode × Claude Code
実践ハンズオン

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

4時間(13:00 - 17:00)
講義 3 : 実習 7
VSCode + Claude Code
タイムテーブル
時間区分形式内容
13:00 - 13:20Session 1座学AI駆動開発入門 ── ゴール共有とAI駆動開発の全体像
13:20 - 14:20Session 2実践環境構築ハンズオン ── VSCode・Node.js・Claude Codeのセットアップ
14:20 - 14:30休憩-
14:30 - 15:10Session 3実践ミニ業務アプリ開発 ── チェックリストアプリでClaude Codeに慣れる
15:10 - 16:20Session 4実践PDF文書比較ツール ── サーバー+AI APIを使った本格アプリの構築
16:20 - 16:30休憩-
16:30 - 17:00Session 5座学まとめ&ネクストステップ ── 振り返り・継続学習・質疑応答
セッション概要
SESSION 01

AI駆動開発入門

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

20分 座学
Session 1 を開く
SESSION 02

環境構築ハンズオン

VSCode、Node.js、Claude Codeをインストールし、ターミナルの基本操作を覚えます。全員が同じ状態になるまでしっかり時間を取ります。

60分 実践
Session 2 を開く
SESSION 03

ミニ業務アプリ開発

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

40分 実践
Session 3 を開く
SESSION 04

PDF文書比較ツール

本日の最終成果物です。サーバーとClaude APIを使った本格アプリをセットアップし、動かし、Claude Codeでカスタマイズします。

70分 実践
Session 4 を開く
SESSION 05

まとめ&
ネクストステップ

本日の学びを整理し、作ったアプリを社内で活用するまでの道筋を確認します。継続学習のためのリソースも紹介します。

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

VSCode

コードエディタ

Claude Code

AI駆動開発ツール

Node.js

JavaScript実行環境

ブラウザ

Chrome推奨

事前準備

ノートPC

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

組織招待メールの承認

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

VSCode のインストール

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

心構え

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