京都土曜午後の作業机 v2.4 — Light Edition

Claude Code 初操作
つまずきラボ

90分で「動くものを自分で作った」を体験する

2026 / 4月26日 (日) / 京都オフィス
Today's agenda

今日の90分の流れ

4月26日(日) 11:45〜13:30 | 京都オフィス

11:45
集合・確認
Wi-Fi接続
環境チェック
12:00
WS1 スタート
単語帳メーカー
Step1〜5 / 35分
12:35
応用紹介
ポモドーロ
タイマー予告 / 10分
12:45
振り返り
つまずき共有
Q&A / 15分
13:00
事例シェア
「できた」を
見せ合う / 任意
13:30
解散
お疲れさまでした
Why now

3社のAIを
使い分ける時代

「全部ChatGPTで」から、用途で選ぶフェーズへ。今日のラボは Claude Code が得意な コードを書く 体験にフォーカスします。

  • ChatGPT — 会話・要約・壁打ち
  • Claude — コーディング・長文解析
  • Gemini — 検索連動・マルチモーダル
ChatGPT / Claude / Gemini の役割分担
How to access

Claude Codeへの
3つの入り口

  • App — claude.ai/code をブラウザで開く(アカウントだけで使える)
  • Terminalclaude コマンドで起動(今日のメイン)
  • VSCode — 拡張機能でエディタ内に統合

迷ったらまずAppから。Terminalに慣れたら移行するだけ。

Claude Codeへの3つの入り口
Security Setup

魔法の呪文:
CLAUDE.md設定

毎セッション自動で読まれる「グローバル指示書」。
これ1枚でAIが賢く・安全に動くようになる。

  • インフラ / スタック定義(Cloudflare / DB 等)
  • 禁止事項 — APIキーをコードに書かない・GitHubをpublicにしない・自前認証を作らない
  • 「私は非エンジニア。リスクは実行前に必ず教えて」
CLAUDE.md — テンプレート
# インフラ & スタック
Cloudflare Pages / Hono / D1

# 禁止事項 (絶対守る)
- APIキーをコードに書かない
- 個人情報をgitにコミットしない
- 自前認証を作らない
- GitHubをpublicにしない

# 困ったら
動く前にエンジニアに確認する

# 私について
非エンジニア。専門用語なし。
リスクは実行前に必ず教えて。
Permission denied で止まるターミナル
Reality

初操作は
必ず止まる

赤いエラーが出た瞬間、思考も止まりがち。今日のラボは「止まったあとの動き方」を身体に入れる場です。

— Permission denied / Command not found / API timeout, all welcome.

Recovery

エラーが出たらこの4手

困ったらこの順番。慣れたら無意識でできるようになります。

Read → Search → Paste → Ask の4ステップ
01

Read

エラー文をそのまま読む

02

Search

1行コピペで検索

03

Paste

AIに貼って聞く

04

Ask

隣の人に声をかける

Workshop 1 — 35min

単語帳メーカーを
5ステップで作る

  • Step1 — CSV を読み込む
  • Step2 — 1問ずつ表示
  • Step3 — 正誤判定とスコア
  • Step4 — 結果サマリー
  • Step5 — 自分用にカスタム
単語帳メーカーの完成イメージ
Hands-on preview

Claude Codeはこう使う

ターミナルに日本語で指示するだけ。コードは自動で書いてくれます。

$ claude # Claude Codeを起動
You: vocabulary.csv を読み込んで
      単語を1問ずつ表示するHTMLを作って
index.html を作成しました
  - CSVから単語を読み込む処理を実装
  - 1問ずつ表示・正誤判定のUIを追加
You: スコアを最後に表示する機能も追加して
結果サマリー画面を追加しました
$ open index.html # 完成!ブラウザで確認
  • 日本語で指示するだけ
  • ファイルは自動で生成
  • 「〇〇を追加して」と会話を続ける
  • エラーが出たらそのまま貼る

今日のWS1でこの流れを実際に体験します。
Step1〜5 は全員ゴールできる設計です。

自動化デモを見せ合う参加者たち
Real use cases

「できた!」を
見せ合う会

今日作ったものに止まらず、仕事で動かした自動化スクリプトやツールを持ち寄る 事例シェア会 に進化中。

  • 出品・請求書・日報…実例が続々
  • 「他の人のを見るだけ」でも充分
  • ChatGPT単独 → Claude Code+仲間 へ
ポモドーロタイマーの完成イメージ
Self study — take home

持ち帰り課題:
ポモドーロタイマー

WS1を体感した直後に、自宅で1人で再現できる題材。手順書 (`pomodoro_self_study.md`) を配布します。

「一人だとできない」を消すための、つまずきポイント先回り型ガイド。

Three rules

当日の3つの約束

  • 聞く — 詰まったらまず近くの人に声を出す
  • 残す — エラー文と質問はテキストで残す
  • 切る — 進まない時は粘らず次へ進む

90分で「完成」より、「自分で動かした」を優先します。

ピアサポート・一緒に進む
セルフチェック3項目
Wrap up

帰り際の
セルフチェック

  • ひとつでも「動くもの」が手元にある?
  • エラーで詰まった時の動き方を覚えた?
  • 来週もう一度開きたい題材がある?
Beyond the room

続けるための
コミュニティ動線

1回で終わらせない仕組み。投稿→参加→共有 のサイクルが、毎月の積み上げを生みます。

  • Post — タイムラインに「作ってみた」を上げる
  • Meetup — オフ会で詰まりポイントを潰す
  • Share — 成果スレに事後共有を残す
ChatGPT単独からClaude Code+コミュニティへ
Q&Aセッションの風景
Q & A

5分でも
聞いて帰ろう

会場では聞きにくい質問こそ、終わりがけに残ると意外と聞けます。ファシリは退室まで会場に残ります。

よくある質問は offkai_faq.md を参照。