Skip to content

Instantly share code, notes, and snippets.

@y-hirakaw
Created July 20, 2025 03:55
Show Gist options
  • Select an option

  • Save y-hirakaw/fc867b61c20d3222b2e7caec0312b07f to your computer and use it in GitHub Desktop.

Select an option

Save y-hirakaw/fc867b61c20d3222b2e7caec0312b07f to your computer and use it in GitHub Desktop.
AI開発LT用スライド
marp theme paginate backgroundColor style
true
default
true
section { font-family: 'Inter', 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; color: #1e293b; padding: 80px; background-color: #fafafa; } h1 { color: #0f172a; font-size: 2.5em; font-weight: 800; margin-bottom: 0.5em; letter-spacing: -0.02em; border-bottom: 3px solid #3b82f6; padding-bottom: 0.3em; } h2 { color: #475569; font-size: 1.5em; font-weight: 600; } h3 { color: #334155; font-size: 1.3em; font-weight: 600; margin-top: 1em; } code { background-color: #e0e7ff; color: #3730a3; padding: 4px 8px; border-radius: 6px; font-weight: 600; font-size: 0.9em; border: 1px solid #c7d2fe; } pre { background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 24px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); font-size: 0.95em; line-height: 1.6; } pre code { background-color: transparent; color: #334155; padding: 0; font-weight: normal; border: none; } ul, ol { margin-left: 1em; line-height: 1.8; } li { margin-bottom: 0.5em; } strong { color: #3b82f6; font-weight: 700; } .title-slide { text-align: center; display: flex; flex-direction: column; justify-content: center; } .title-slide h1 { font-size: 3.5em; color: #0f172a; border-bottom: none; margin-bottom: 0.3em; } .title-slide h2 { font-size: 1.8em; color: #64748b; } section::after { content: attr(data-marpit-pagination) '/' attr(data-marpit-pagination-total); position: absolute; bottom: 30px; right: 40px; color: #94a3b8; font-size: 0.8em; font-weight: 500; } section.title-slide::after { content: ''; } blockquote { border-left: 4px solid #3b82f6; padding-left: 1em; color: #475569; font-style: italic; background-color: #f1f5f9; padding: 1em; border-radius: 0 8px 8px 0; } table { border-collapse: collapse; width: 100%; } th, td { border: 1px solid #e2e8f0; padding: 12px; text-align: left; } th { background-color: #f1f5f9; color: #0f172a; font-weight: 600; } .highlight { background-color: #dbeafe; padding: 20px 30px; border-radius: 12px; color: #1e40af; font-weight: 600; display: inline-block; margin: 20px 0; border: 1px solid #93c5fd; } .arrow { color: #3b82f6; font-weight: bold; margin: 0 10px; } .flow-box { background-color: #f1f5f9; padding: 20px; border-radius: 12px; margin: 20px 0; text-align: center; font-size: 1.1em; }

現状の開発プロセス全体像

スプリント(全体)
├─ レビュー・レトロ・プランニング
├─ 設計(モバイルチーム)
├─ 実装戦略(iOSチーム)
└─ 実装(個人) ← 「ここから始めました」

Claude Codeを「なんとなく」

ではなく「戦略的に」使う

〜ベストプラクティスの形式化〜


実装(個人)の変化 2スプリント実践済み

Before

実装 → PR作成 → レビュー依頼 → 修正 → マージ

After - 基本フロー

/launch-task → /onboard → /create-pr → /retrospect
※ /xxxxxはカスタムスラッシュコマンドで、定義しておいたプロンプトを実行できる

/launch-task (実装開始)

【/launch-task】/onboard/create-pr/retrospect
  • launch.mdにClaude Codeへの依頼内容を記載
  • launch.md と index.json、既存実装から task.mdを作成し、実装開始
    • CLAUDE.mdの設定により、task.mdは進捗状態が記載される

メリット

  • launch.mdに依頼を記載すれば入力が楽、index.jsonがあれば渡す情報が減少
    • CLAUDE.mdに記載する内容が減少(毎回コンテキストを読ませない)

/onboard (コンテキスト復活)

/launch-task【/onboard】/create-pr/retrospect
  • Claude Codeのメモリが許容超えするとPrevious Conversation Compactedが発生
  • これまでの作業が要約されて消えてしまう

メリット

  • /onboardで launch.md, task.md, index.json, 実装差分からコンテキストを復活できる

/create-pr (PR作成)

/launch-task/onboard【/create-pr】/retrospect
  • PRテンプレート、コンテキストを使って、PR作成を自動化

メリット

  • スコープ、チェック項目、情報共有、AI Code生成率などの記載をAIに任せ効率化

/retrospect (振り返り)

/launch-task/onboard/create-pr【/retrospect】
  • launch.md, task.md, チャット履歴から振り返り
  • うまくいったこと、いかなかったことをまとめて履歴として保存

メリット

  • 上記作業履歴を残すことで、リバースナレッジ用に活用可能

その他

コンテキスト情報更新 /init-index, /update-index, /compact-index

  • アーキテクチャ、クラス構成などをxxxx_index.jsonファイルで生成
  • コンテキストとして利用

PRレビュー /pr-review

  • 他メンバーの1次レビューを実施
  • PR差分、コメントを取得し、既存実装を調査してレビューコメントをPRに投稿

今後の展望

設計、実装戦略のワークフロー化

スプリント(全体)
├─ レビュー・レトロ・プランニング
├─ 設計(モバイルチーム) ← 「これ」
├─ 実装戦略(iOSチーム) ← 「これ」
└─ 実装(個人)

設計(モバイルチーム)

Kiroを参考にしつつワークフローを構築する
  • PBI Issueから要件と関連Figmaの情報を取得 / 実装方針を出力
  • 実装方針とテスト観点を取得 / テスト因子水準、必要なテスト観点を出力

期待効果

  • 仕様の曖昧さを事前に解消
  • テスト設計の標準化
  • Figmaとの連携で実装精度向上

実装戦略(iOSチーム)

  • 実装方針と既存コード調査 / PR分割戦略を出力

期待効果

  • 実装設計、開発担当割り当て、並行開発の効率化
  • コンフリクトの事前回避

Claude Codeを「なんとなく」

ではなく「戦略的に」使う

ご興味ありましたらお声がけください!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment