Vibe Coding 塾|学習キット

Claude Code
はじめてガイド

AIと一緒に開発を始めるための
3つの学習コンテンツが揃っています。
上から順番に進めましょう。

このページは、全体の道のりのひとつ目「準備と基礎」です。
プログラミングをしたことがない方で、3つ合わせて 2時間45分〜4時間が目安です。
1日で終わらせる必要はありません。

① いまここ
準備と基礎
目安 2時間45分〜4時間
ワークショップ
目安 約3〜4時間
JECCICA 東大
Claude Code 講座
11月20日(金)17:00
東大赤門 集合・90分
学習コンテンツ(全3ステップ)

時間はすべて、プログラミングをしたことがない方が実際に手を動かした場合の目安です。

Step 1 | まず最初に
インストール
チェックリスト
開発に必要なソフトウェアを1つずつチェックしながらインストールできます。クリックするだけで進捗が記録されます。
Windows対応 Mac対応 ⏱ 初めての方は 60〜90分
インストールを始める →
Step 2 | 基礎を学ぶ
初心者向け
マニュアル
GitHub・Commit・Vercel・.envファイルなど15章の基礎知識を非エンジニア向けにやさしく解説しています。
全15章 用語集付き 図解あり ⏱ 読むだけで 60〜90分
マニュアルを読む →
Step 3 | 理解を確認
理解度チェック
クイズ
マニュアルを読んだ後に各章の理解度を確認しましょう。全15章・45問のインタラクティブなクイズです。
全45問 即時採点 解説付き ⏱ 全部で 45〜60分
クイズに挑戦する →
補足情報

おすすめの進め方

1
チェックリストでインストール完了 Git・Node.js・VS Code・Claude Code拡張機能を順番にインストールします。OS(Windows/Mac)を選択して進めましょう。
2
マニュアルで基礎知識を習得 GitHub・Commit・Vercel・Supabaseなどを「日常生活の例え」で分かりやすく解説しています。分からない用語が出てきたら参照しましょう。
3
クイズで理解を確認 各章3問ずつの理解度チェッククイズです。正解するとすぐに解説が表示されます。全問正解を目指しましょう!
4
ワークショップで実際に作ってみる 準備ができたら EC×Claude Code 実践ワークショップ へ進みます。自分の業務を楽にするツールを1本つくり、最後に「作りたいアプリ」を書いて提出するところまでを、ひとりで進められます(目安 約3〜4時間)。
NEXT ②|準備が終わった方へ
EC×Claude Code
実践ワークショップへ進む
楽天・Amazon の面倒な作業を代わりにやらせるツールを、まず 1 本つくります。
そのうえで「自分は本当は何を作りたいのか」を書いて出すところまでが、次のゴールです。
出していただいた内容が、そのまま 90分のリアル講座でつくるものになります。
⏱ 目安 約3〜4時間 ひとりで進められます 途中で閉じても再開できます
ワークショップを始める →