Claude Codeで新規事業を伸ばせるか？ Zennの試行錯誤の記録

by Yusuke Wada

Embed

Start on current slide

Slide 1

Slide 1 text

スライド公開予定 Claude Codeで新規事業を伸ばせるか？ Zennの試⾏錯誤の記録クラスメソッド株式会社和⽥祐介

Slide 2

Slide 2 text

⾃⼰紹介クラスメソッド株式会社 Zennチームエンジニア和田祐介 Zennの開発と運営を担当 2016年2月クラスメソッドへ入社 AWS EC2、Scala、Backend API 2021年7月 Zennチームへ異動 Cloud Run、Next.js、Ruby on Rails、 Zenn全般勤務地東京生まれ福岡県北九州市大学時代糸島市（九州大学） Google Developer Experts プログラム認定 Google Cloud / 2024年04月

Slide 3

Slide 3 text

今⽇話すこと Claude Codeで開発速度を上げて事業を伸ばす

Slide 4

Slide 4 text

アジェンダ 1. 新規事業とはなにか 2. Zennの開発速度向上プラクティス 3. 事業に還元する

Slide 5

Slide 5 text

1. 新規事業とはなにか

Slide 6

Slide 6 text

ここでいう新規事業とはスタートアップではなく、企業のなかで発⾜するものを想定 1. 市場価値を上げる‧差別化要素を強化する 2. 売上をあげる 3. コストを削減する

Slide 7

Slide 7 text

ITシステムは？これらの⼟台にあたる開発者として Claude Code で「開発スピードを上げる」ことに注⼒、どのように事業へ貢献したかを議論する

Slide 8

Slide 8 text

Zenn - 技術情報共有コミュニティ 2026年10月時点 20万登録ユーザー記事や本を書いて投稿 30万投稿記事数 1,900 組織利用

Slide 9

Slide 9 text

Ruby on Rails と Next.js がメイン Assets 画像など Cloud Storage Cloud Load Balancing 著者‧読者 Cloud Armor Monitoring Logging HTML / JS Cloud Run イベントデータ Stats BigQuery ユーザーAPI 管理者 Cloud Run WAF Scheduled Tasks Cloud Scheduler CDN タスクAPIへ管理用サーバー Cloud Run データベース Bulk Tasks タスク API Cloud Tasks Cloud Run タスクAPIへ Cloud SQL Analytics

Slide 10

Slide 10 text

Zennをとりまくデータ - AIの功罪 Zennのトピック別月間記事投稿数 Zennユーザーアンケート2026年9月半年〜1年前と比べて、Zennを含む技術ブログ全般を読む・訪れる頻度

Slide 11

Slide 11 text

Zennをとりまくデータ - AIの功罪 Zennを含む技術ブログ全般を読む・訪れる頻度が減った理由 / Zennユーザーアンケート2026年9月

Slide 12

Slide 12 text

会場のみなさまにも質問させてください

Slide 13

Slide 13 text

挙⼿をお願いします！！ 1. Zennを知っていますか？ 2. 記事を読んだことがありますか？ 3. Zennで記事を書いて公開したことがある⽅？

Slide 14

Slide 14 text

AIの台頭で新規事業のあり⽅もかわるかもしれないユーザーの動向を⾒守り、コミュニケーションをとります

Slide 15

Slide 15 text

とはいえ、ITシステムは関わり続けるだろう事業とITシステムのあり⽅について、チームの⽅針を揃えるの場合 1. 開発スピードを限界まで上げる 2. 事業貢献につながる開発ならば、積極的に取り組む

Slide 16

Slide 16 text

2. 開発スピードの向上

Slide 17

Slide 17 text

⼀年前、Claude Codeテーマでお話しました

Slide 18

Slide 18 text

ヘイClaude、Zennでユーザーのアバター画像を設定できるようにして 2025年9月 / Sonnet 4 2026年10月 / Fable 5.1

Slide 19

Slide 19 text

ヘイClaude、Zennでユーザーのアバター画像を設定できるようにして 2025年9月 / Sonnet 4 はい、承知しました。フロントエンドのコンポーネントを追加し、クリックできるようにしました。なお、バックエンドの実装は計画が未定のため、 console.logでファイル名を出力するモック呼び出しに留めています。 2026年10月 / Fable 5.1

Slide 20

Slide 20 text

ヘイClaude、Zennでユーザーのアバター画像を設定できるようにして 2025年9月 / Sonnet 4 2026年10月 / Fable 5.1 はい、承知しました。フロントエンドのコンポーネントを追加し、クリックできるようにしました。はい、承知しました。フロントエンドのコンポーネントを追加し、クリックできるようにしました。playwright のテストで画像のトリミングも動作することを確認済です。企業のアバターと同様、削除できるようにもしています。バックエンドは規則にしたがいファイルをアップロードできるエンドポイントとユニットテストを追加しました。なお、このAPIを実装する際に企業アバターをアップロードするAPIのロジックで実質通らない経路があることを発見しましたが、依頼の範囲を超えるためTODOコメントを付与するにとどめています。必要であればISSUEを発行しますので指示をお願いします。ここまでの実装でユニットテスト・E2Eテストが正常に動作することを確認済です。originとの競合もありません。なお、バックエンドの実装は計画が未定のため、 console.logでファイル名を出力するモック呼び出しに留めています。 ISSUEとプルリクエストをそれぞれ作成しますか？

Slide 21

Slide 21 text

これは開発プロセスを⾒直す必要がありそう

Slide 22

Slide 22 text

開発スピードを加速するプラクティスを紹介

Slide 23

Slide 23 text

1.チームの合意を要件で得る開発の必要性‧要件をレビューするどうやってやるかは⽴案者にまかせる合意にはアーティファクトを活⽤かわりに⼈間コードレビューはナシ

Slide 24

Slide 24 text

2. タスクの分割からClaude Codeとやる達成したい要件 → Claude Codeに相談 → 仕様レベルへ GitHub ISSUE, Sub-ISSUEへ分割

Slide 25

Slide 25 text

Zennの開発フロー Google Cloud 検証 Cloud Build イメージビルド DBマイグレトラフィック切り替え＞_ Claude Code 手元の開発環境 ● コードを書く指⽰ ● プルリクエスト作成 GitHub Zennのリポジトリ Pull Request Cloud Run 検証環境 Google Cloud 本番 develop Pull Request main Cloud Build イメージビルド DBマイグレトラフィック切り替え Cloud Run 本番環境 zenn.dev

Slide 26

Slide 26 text

3. git worktree で並列開発同じリポジトリ(.git) に複数の作業ディレクトリ(working tree) を持つことができる機能

Slide 27

Slide 27 text

3. git worktree で並列開発 cmux でworking treeを切り替えながら並列開発している様子

Slide 28

Slide 28 text

3. git worktree で並列開発実際できるの？ → できますただし、次に紹介するプラクティスとセットです

Slide 29

Slide 29 text

4. ⼈間はコードを編集しない zenn-repository ├── backend (Ruby on Rails) ├── frontend (Next.js) ├── CLAUDE.md └── .cursor/rules > https://github.com/zenn-dev/zenn-repo sitory/issues/9999 これ実装して

Slide 30

Slide 30 text

Slide 31

Slide 31 text

5. モノレポ化 virtual monorepo パターンを採⽤プロジェクト直下へ別リポジトリをcloneすること git submodule？→ 親⼦関係を管理している virtual monorepo？→ それぞれ独⽴したリポジトリで扱う

Slide 32

Slide 32 text

5. モノレポ化

Slide 33

Slide 33 text

6. GitHub Actions でのAIレビュー - プルリクに対して 4 観点を順に実行してレビューを行います: code-review / security-review / compliance-review / ci-review 出力形式: # レビュー結果 ## マージ可否 ## 変更の概要 ## 指摘点 ← 番号付きで重要度・場所・理由・影響・修正案 ## 推奨アクション ## 備考（承認ガード）

Slide 34

Slide 34 text

7. CLAUDE.md にはディレクトリ構成とコマンドを何をしているリポジトリかの説明は最⼩限情報を取りに⾏くための構成やセットアップコマンドを載せるでOK

Slide 35

Slide 35 text

加速の結果 - ⽉間マージ済プルリクエスト数

Slide 36

Slide 36 text

加速による副作⽤とその対処

Slide 37

Slide 37 text

セキュリティ対策 AIコーディング如何にかかわらず共通した対策をとる： 1. コードの静的チェック 2. イメージ脆弱性のチェック 3. 依存関係の更新以上を定期実⾏

Slide 38

Slide 38 text

これまでに遭遇していないバグに出会うようにおもに外部サービスとの結合部分ロジックではなく、依存関係の積極的な更新によるもの⼀部処理で互換がなくなるなど ● 依存するサービスのテストを⼀段低レイヤに ● 外部サービスが提供するコンテナを⽤いてテスト

Slide 39

Slide 39 text

機能をリリースするタイミングを制御したいフィーチャーフラグにより有効‧無効を制御するタイミングもそうだが、バグ発覚時すぐOFFにできる

Slide 40

Slide 40 text

意識的な機能のクローズ使われ具合に応じてある程度機械的にクローズしてOK リリースすることと同じくらい重要と位置づける

Slide 41

Slide 41 text

朝会でクローズされたプルリクエストを確認するように朝会に使った時間（月間合計）

Slide 42

Slide 42 text

まだ⼈間の⼿が必要だと感じるところ UIデザインタスク法務タスク（利⽤規約の更新など） ISSUEからフルオートでのデプロイ

Slide 43

Slide 43 text

副作⽤への対処まとめセキュリティ対策はプロダクトとしてやるべきことをやるテストを充実させて Claude Code のガードレールを充実増える機能のコントロールと意識的なクローズ

Slide 44

Slide 44 text

3 事業に貢献する

Slide 45

Slide 45 text

新規事業とは（再掲） 1. 市場価値を上げる‧差別化要素を強化する 2. 売上をあげる 3. コストを削減する

Slide 46

Slide 46 text

市場価値‧差別化要素への貢献 Zennの価値: 開発者コミュニティと関係を築けること ● 要望を素早くアプリへ反映できるようになった ● プラットフォームとしてUGCのモデレーションをアップデートできるようになった

Slide 47

Slide 47 text

売上への貢献：営業アクティビティの増加マーケティングメールの月間施策数

Slide 48

Slide 48 text

コスト削減 AIトークンを消費して開発スピードを上げている状況 1. その分だけシステム利⽤費を下げる 2. その分だけ運⽤作業時間を減らす

Slide 49

Slide 49 text

コスト削減：システム利⽤費の節約

Slide 50

Slide 50 text

コスト削減：システム利⽤費の節約メールサービスを内製化してサービス利用費を削減 $1000/月 → 5分の1見込み

Slide 51

Slide 51 text

コスト削減：システム利⽤費の節約 AIワークロードで利用するLLMを最適化しコスト削減 $500/月 →$150/月

Slide 52

Slide 52 text

コスト削減：管理画⾯を充実させ、運⽤時間を節約

Slide 53

Slide 53 text

まとめ

Slide 54

Slide 54 text

Claude Code で新規事業を伸ばすには事業のゴールを決め、更新し、チームで共有する組織の限界ギリギリまでAIを活⽤し開発速度を向上させる開発速度向上の恩恵を活かす先をチームで合意する

Slide 55

Slide 55 text

No content