インフラエンジニア、Claude Codeを連れてプロダクトチームへ留学中 / Infrastructure Engineer on Loan to Product Team with Claude Code

2025年12月10日に開催された「kaonavi Tech Talk #22 〜 カオナビエンジニアのAI活用 〜」での登壇資料です 。https://kaonavi.connpass.com/event/376447/

Transcript

1. インフラエンジニア、Claude Codeを連れて プロダクトチームへ留学中 Keisuke Mizutani | 2025.12.10 kaonavi Tech Talk #22 1 ©︎ kaonavi, inc.
2. 水谷 圭佑 プロダクトデベロップメント本部 研究開発部 研究開発グループ インフラエンジニア SIer 企業でのインフラ設計・構築業務な どを経験し、2023年にカオナビ入社 複数プロダクトのインフラ基盤運用、開 発支援、セキュリティ認証取得に携わる 現在は新規機能の開発チームに所属、フ ロントエンド・バックエンドにも挑戦中 ©︎ kaonavi, inc. 2
3. 2023年: 考えていたこと クラウドがインフラの抽象化を推し進め、開発者がインフラを扱う障壁は低下 生成 AI はさらにその勢いを加速させる インフラエンジニアとしての自分の強みってなんだろう #kaonaviTechTalk 3 ©︎ kaonavi, inc.
4. 2023年: 考えていたこと インフラエンジニアとしてご飯を食べていくには インフラエンジニアとしてさらにレベルアップする？ 他分野のスキルを獲得してクラスチェンジする？ 例えば SRE 本で紹介されている Google の SRE のスキルセットは、ソフ トウェアエンジニアのそれを前提としている SRE の思想に一定の共感 → バックエンドもできれば強みになりそう #kaonaviTechTalk 4 ©︎ kaonavi, inc.
5. 2023年: 考えていたこと EM と話をしていた 「(考えていたこと……)って感じで、バックエンドできるようになってみたりと か、できたらいいよなーって思ってるんですよねー」 「なるほど、面白いじゃないですか」 #kaonaviTechTalk 5 ©︎ kaonavi, inc.
6. 2024年: 新規プロダクトチームに参画 いくつかあったインフラ領域の課題を少しずつ解決していくことができた 小規模なチームだったからこそ、インフラに限らずより広い領域を見ることがで きた バックエンドの小さな改善タスクにも少し挑戦することができた 一方で、インフラだけでは解けない課題が多く残った データベース設計の見直し アプリケーションのスケーラビリティ改善 非同期処理への置き換え #kaonaviTechTalk 6 ©︎ kaonavi, inc.
7. 2025年: 留学へ 色々落ち着き、立ち上げから参画していたプロダクトチームを離れることが決まる 「私のチームで(また別の)新しい機能作っているところなんですよね」 「ふむ」 「来てもらって、インフラやりながらバックエンドとフロントエンドもやる？」 「今なら Claude Code もあるし」 「やります！」 約2年前のフラグが回収される #kaonaviTechTalk 7 ©︎ kaonavi, inc.
8. 2025年: プロダクトチームへ「留学」中 フロントエンド/バックエンド開発にチームの一員として携わる ※正式な異動 個人としてはアプリケーション開発のバックグラウンドはほぼなし のべ1ヶ月ぐらい Java を書いたことがある(前職) フロントエンドは jQuery で歴史が止まっている(前職) 業務で小さい Lambda のコードを書いたりしている プライベートで Go を少し触ったりしている #kaonaviTechTalk 8 ©︎ kaonavi, inc.
9. 2025年: プロダクトチームへ「留学」中 ソフトウェアエンジニアのメンバに混ざって実装タスクを担当 最初は軽微な bugfix など、小さいタスクを割り振ってもらっていた 当たり前だが分からないことだらけ Claude Code も活用して、なんとかついて行った 気付いたらバックエンド/フロントエンドの実装を何とかやれている API を実装して画面を実装して、機能を作ることができた #kaonaviTechTalk 9 ©︎ kaonavi, inc.
10. 留学で得たもの インフラ観点の問題解決しかできないと 局所最適になりやすい 信頼性を向上するためには ユーザに近い機能仕様・アプリ観点 での 問題も解決できる必要がある ⾃分だけでできる必要はないが 基本が 出来るだけで コミュニケーションの質は 格段に上がる #kaonaviTechTalk https://speakerdeck.com/sansantech/20250711 10 ©︎ kaonavi, inc.
11. 留学で得たもの 兼務のインフラエンジニアとして、他開発チームの支援も引き続き担当している 新機能の開発にあたってインフラに関する相談を受けた 開発チームで検討している内容を先回りしてインプットしたうえで会話ができた PRD や Figma を見て要件や画面遷移を把握 少し前に自分が実装したのと似たようなことをやれば、より良くなりそう アプリケーション設計も含めた選択肢の提示と方針の比較提案ができた #kaonaviTechTalk 11 ©︎ kaonavi, inc.
12. 学習者としての Claude Code の使い方 特に役立てている機能をいくつか紹介 Custom slash commands https://code.claude.com/docs/en/slash-commands#custom-slash- commands Output styles https://code.claude.com/docs/en/output-styles#change-your-output-style #kaonaviTechTalk 12 ©︎ kaonavi, inc.
13. Claude Code : Custom slash commands よく利用するプロンプトを Markdown 形式で記述して呼び出せる ex.) .claude/commands/review-pr.md → /review-pr で起動 --- argument-hint: [pr-number] [priority] [assignee] description: Review pull request --- Review PR #$1 with priority $2 and assign to $3. Focus on security, performance, and code style. #kaonaviTechTalk 13 ©︎ kaonavi, inc.
14. Claude Code : Custom slash commands 自分用に作成している slash command ① : /init-task [ticket-no] /init-task HOGE-1234 チケットから情報を取得して実装計画を立てる & 作業ブランチを作成する Atlassian MCP Server を利用して Jira チケットの情報を取得する 出力された実装計画をレビューしたり、分からないところを質問したりしてから 実装に移る Markdown ファイルにコードをそのまま書いてくることもある 写経しながら学びたい気分の時もあるので、それはそれで良い #kaonaviTechTalk 14 ©︎ kaonavi, inc.
15. Claude Code : Custom slash commands 自分用に作成している slash command ② : /explain [issues] /explain ReactのHooks 特定の技術要素についての解説をまとめて Markdown ファイルに書き出す 一般的な定義や利用する効果、他の手法との比較 プロジェクトにおける実装パターン 実装時に分からなかった概念や、コードレビューで指摘されたことをストック 出力先に Obsidian のディレクトリを指定している 後から読み返しやすいうえ、AI にとっても Readable #kaonaviTechTalk 15 ©︎ kaonavi, inc.
16. Claude Code : Output styles Learning : 穴埋め問題にしてくれる(なかなかしてくれない時も……) #kaonaviTechTalk 16 ©︎ kaonavi, inc.
17. 道具としての AI 自分にとっては : 生産性を爆上げするすごいやつ 自分の能力を将来にわたって拡張する可能性を持つ存在 メガネをかけていたら視力が上がっていくわけではないが、 AI を使う中で得られる知識や経験を自分の血肉にしていくことはできるはず 仕事を楽にする、効率を良くする < 自分の力でできることを広げる助けにする #kaonaviTechTalk 17 ©︎ kaonavi, inc.
18. ありがとうございました #kaonaviTechTalk 18 ©︎ kaonavi, inc.