claude_code.pdf
by
Kentaro Matsumoto
×
Copy
Open
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Slide 1
Slide 1 text
Claude Code を私生活で使おう matsu7874 2025 年6 月22 日 1
Slide 2
Slide 2 text
自己紹介 matsu7874 SWE @ estie 私用: Claude Max 20X ($200/ 月) Cursor, ChatGPT, Gemini, NotebookLM 仕事: Cursor + Devin 今日の目的: Claude Code でvibe coding 始めた 報告をもらう 2
Slide 3
Slide 3 text
どれくらい使っている? npx ccusage@latest で調べました。 項目 値 期間 2025-06-01 to 2025-06-22 (22 日間) 合計金額 $2,143.27 1 日あたりの平均 $97.42 最も使った日 2025-06-21 ($392.58) 入力トークン数 47,768 (2.4%) 出力トークン数 1,916,697 (97.6%) 3
Slide 4
Slide 4 text
どんなものを作っている? Claude Code で開発したもの サブスク発見アプリ 家計簿アプリのログを分析 OCR が必要な処理スクリプト チケットサイト(習作) インプロ公演情報まとめサイト プライベートで楽しく開発! 4
Slide 5
Slide 5 text
私の開発環境( 週末) 左の画面 中央上下2 個の画面 右の画面 上段 Claude Desktop Cursor (Chat とgit) ( なし) 下段 Web ブラウザ VSCode (Claude×3 列) サブPC ( 別PJ 用) 4 画面で並行作業 5
Slide 6
Slide 6 text
他のAI ツールはどう使っている? 1/2 ChatGPT 会話で気軽に相談 「A とB どっちがいい?」 「論点はどこ?」 Claude Desktop / Gemini 2.0 Pro 実装例を見ながら詳細設計 コードレビュー的な使い方 6
Slide 7
Slide 7 text
他のAI ツールはどう使っている? 2/2 Cursor メインエディタ 自分が作業するときに使う レスが早い Cursor とClaude Code の違い Cursor: 並走者 Claude Code: 妖精さんが手伝ってくれる 7
Slide 8
Slide 8 text
嬉しいポイント①: 一息が長い Input: 47,768 tokens (2.4%) Output: 1,916,697 tokens (97.6%) # 1トークンの入力に対して40トークンの出力 特徴 大量の作業を一気に実行 クイックレスポンスではない 試行錯誤しながら実装 8
Slide 9
Slide 9 text
嬉しいポイント②: ツールを知っている 一般的なツール git, npm, cargo, docker... 「このライブラリで実装して」でOK 自作ツールも自分より詳しい コードを読んでオプション指定してくれる 自分専用の孫の手が作りやすい 9
Slide 10
Slide 10 text
どう使って作っている?ペライチアプリ 「〇〇を実装して」 → Claude で完結(Claude Code じゃなくてもい い) Claude Code から始めるタイプのツールじゃないと思っている 起点はClaude のChat 10
Slide 11
Slide 11 text
どう使って作っている?複数ページアプリ 1/2 ワークフロー 1. 私: 仕様書をClaude に作らせる 2. CC: Plan Mode (Shift+Tab) で計画 3. CC: 計画を元に実装を進めている 4. 私: 次のステップを考える 1. 私: ChatGPT と口頭で相談しながら仕様を詰める 2. 私: 画面QA 3. 1( 機能レベル) or 2 (修正レベル)に戻る 11
Slide 12
Slide 12 text
どう使って作っている?複数ページアプリ 2/2 具体的に任せられること S3 画像アップロード機能 DB 値を表示するページ作成 API エンドポイントの実装 コードはファイル名までしか見ません! 画面が期待通り動くかしか見てません 12
Slide 13
Slide 13 text
私の呪文集 1/1 「blog 書いて」 作業後にblog ディレクトリに作業内容をまとめてもらう 「クリーンアーキテクチャでTDD で」 ディレクトリ構成が分かりやすく、人間が読みやすい 13
Slide 14
Slide 14 text
私の呪文集 1/2 「全体をみてリファクタリングした方がいいところを ブログにして」 →「やって」 「自動テストで表現してください」 curl を実行したがる 14
Slide 15
Slide 15 text
学び? AI コーディングは練習が必要なスキル 指示の出し方 ツールの使い分け 結果の検証方法 自分専用の孫の手が作りやすくなった ちょっとしたツールもすぐ作れる アイデアをすぐ形にできる 説明するのが一番むずかしい 15
Slide 16
Slide 16 text
まとめ プライベート利用は楽しい! 月$20 から使えます 自分で考えて実現する喜び 新しいスキルを身につける 自分のためにAI を使おう! 16
Slide 17
Slide 17 text
ご清聴ありがとうございました 質問・議論歓迎です! 人間の同僚、まだまだ募集中です。 matsu7874 17