Google Cloud でプロダクト開発事業として成長させるZennの例 / grows-zenn-with-google-cloud

by Yusuke Wada

Slide 1

Slide 1 text

Google Cloud でプロダクト開発事業として成⻑させる 2022.6.29 新規事業部 Zennチーム和⽥祐介

Slide 2

Slide 2 text

後⽇『DevelopersIO』で本セッションの記事が公開されます。 2 ご注意事項

Slide 3

Slide 3 text

Xへの投稿の際は、ハッシュタグ #devio2024 でお願いいたします。 3 お願い

Slide 4

Slide 4 text

今⽇のメッセージ 4

Slide 5

Slide 5 text

メッセージ ● ⾯倒なことはGoogle Cloudに任せよう ● 市場とコミュニケーションをとろう ● ZennのISSUEを⼀緒にみよう 5

Slide 6

Slide 6 text

Zennとは 6

Slide 7

Slide 7 text

Zennの略歴 7 運営会社がクラスメソッド株式会社に 2020年9⽉ 2021年6⽉ Publication をリリース 2022年8⽉ catnose さんが個⼈プロジェクトとしてリリース Publication Pro をリリース 2024年1⽉本格的にZennをチームで運⽤開始 2022年4⽉和⽥祐介 waddy ⽣まれ⼤学時代 2016年〜2022年〜現在北九州市⽷島市（九州⼤学）クラスメソッドへ⼊社 AWSでWebアプリ開発 Zennの開発と運⽤ Google Cloud Champion Innovators プログラム認定サーバーレスアプリ開発 / 2024年04⽉

Slide 8

Slide 8 text

Zennの略歴 8 エンジニアのための情報共有コミュニティ「Zenn」の会員数10万⼈、組織利⽤数500を突破クラスメソッド株式会社 2023年12⽉12⽇ 13時03分 https://prtimes.jp/main/html/rd/p/000000357.000014901.html

Slide 9

Slide 9 text

クラメソでのZennの位置づけ 9 AWS事業 CX事業データ事業アライアンス事業新規事業海外事業 ● Zennチーム

Slide 10

Slide 10 text

イベントデータ ZennはGoogle Cloud製です 10 Cloud Load Balancing データベース Cloud SQL Analytics 画像など Cloud Storage タスク API Cloud Run 管理用サーバー Cloud Run ユーザーAPI Cloud Run HTML / JS Cloud Run Assets Stats BigQuery Scheduled Tasks Cloud Scheduler タスクAPIへ Monitoring Logging Bulk Tasks Cloud Tasks タスクAPIへ著者‧読者管理者

Slide 11

Slide 11 text

⾯倒はことはGoogle Cloudで 11

Slide 12

Slide 12 text

事業をやるということお⾦と時間がかかるできるだけやりたいこと（=事業）にリソースを割きたい 12

Slide 13

Slide 13 text

Webアプリケーションオンライン上の⼈間との接点として有⼒ ● ランディングページ ● ECサイト ● プロダクト⾃体がWebアプリ ● 従業員向けサイト 13

Slide 14

Slide 14 text

Webアプリケーション Webアプリを内製してビジネスに追従させますとなった場合 ● ビジネスに追従させたい ● 任意のタイミングでデプロイしたい 14

Slide 15

Slide 15 text

Google Cloud の魅⼒ ● Cloud Build でシームレスな CI/CD ● Cloud Run と Cloud SQL でスケーラブルな実⾏環境 ● 周辺サービスも充実 ○ Cloud Tasksによるオフロード ○ Google Analytics と BigQuery の連携 15

Slide 16

Slide 16 text

例: GitHub と Cloud Build の連携 16 Rails 用トリガー Next.js 用トリガー DBマイグレーション用トリガー Cloud Run Cloud Run Cloud Shell Cloud Shell Cloud Shell Cloud SQL mainブランチへマージ gcloud run services update-traffic backend-user-api --quiet --project production --region=asia-northeast1 --to-revisions=12fx=100

Slide 17

Slide 17 text

例: Cloud Tasks によるオフロード管理画⾯から保存済み記事の⼀括変換が可能 17

Slide 18

Slide 18 text

例: Cloud Tasks によるオフロード管理画⾯から保存済み記事の⼀括変換が可能 18 出典: https://en.wikipedia.org/wiki/Scheduling_(computing)#task_queue

Slide 19

Slide 19 text

要望１ ● ネットワーク量に対するコストは割⾼感 ● CDN / WAF は Cloudﬂare を使っています ● 事業継続にあたりコストはシビアになっていい 19

Slide 20

Slide 20 text

要望１ 20 イベントデータ Cloud Load Balancing データベース Cloud SQL Analytics 画像など Cloud Storage タスク API Cloud Run 管理用サーバー Cloud Run ユーザーAPI Cloud Run HTML / JS Cloud Run Assets Stats BigQuery Scheduled Tasks Cloud Scheduler タスクAPIへ Monitoring Logging Bulk Tasks Cloud Tasks タスクAPIへ著者‧読者管理者

Slide 21

Slide 21 text

要望１ 21 イベントデータ Cloud Load Balancing データベース Cloud SQL Analytics 画像など Cloud Storage タスク API Cloud Run 管理用サーバー Cloud Run ユーザーAPI Cloud Run HTML / JS Cloud Run Assets Stats BigQuery Scheduled Tasks Cloud Scheduler タスクAPIへ Monitoring Logging Bulk Tasks Cloud Tasks タスクAPIへ著者‧読者管理者 WAF CDN

Slide 22

Slide 22 text

要望２ ● AWSに⽐べてプラクティスが少ない ● 公式ドキュメントのスニペットもありがたいが、現実のユースケースに即した例も知りたい。どんな課題を解決するのか 22

Slide 23

Slide 23 text

要望２は解決 Google Cloud Japan 様みずからが発信してくださっている Zenn の Publicationです 23

Slide 24

Slide 24 text

Google Cloud まとめ ● 開発者にとって絶妙な抽象度で事業に集中できる ● ワークロードに対してベストプラクティスに沿えば困ることは少ない ● 迷ったら Cloud Run と Cloud SQL 中⼼でOK ● ある程度⼿作業も取り⼊れたほうがトータルでお得になることも（⾃動化損益分岐点の勘所） 24

Slide 25

Slide 25 text

市場とコミュニケーション 25

Slide 26

Slide 26 text

Zennで進⾏中事業の⽬的は利益を出すこと事業の相⼿は個⼈や企業ではなく市場市場と価値交換し、市場からフィードバックをもらう 26

Slide 27

Slide 27 text

市場とのコミュニケーション例 ● ユーザーヒアリング ● リサーチ ● 受託開発（⼀緒に働く） 27

Slide 28

Slide 28 text

Zennの例: 統計ダッシュボード 28 初版リリース 2024年2⽉ヒアリング 2024年3⽉、4⽉リニューアル 2024年6⽉

Slide 29

Slide 29 text

ヒアリングのサンプル 29 統計への要望実際の課題⽉ごとの記事数が⾒たい直近１ヶ⽉より前のPV 四半期ごとのPV 投稿数ランキング

Slide 30

Slide 30 text

ヒアリングのサンプル 30 統計への要望実際の課題⽉ごとの記事数が⾒たいふりかえりがしたい直近１ヶ⽉より前のPV ふりかえりがしたい四半期ごとのPV ふりかえりがしたい投稿数ランキング対外アピール

Slide 31

Slide 31 text

メンバーの振り返りを焦点に 31 ● メンバーごとのフィルタ ● 四半期を含む期間のカスタマイズ ● 記事数を表⽰するように ● CSVダウンロード ○ 対外的に整形したいデータはこちらで

Slide 32

Slide 32 text

リニューアル後、喜びの声 32 ● 単に要望ではなく課題を掘り下げ解決した ● 同じ課題を抱える企業のモチベーションに ● 市場へのアプローチ

Slide 33

Slide 33 text

Zennの例: 他との差別化 33 catnoseさんが記事の収益化にこだわったコンセプトが受け⼊れられ、ユーザー数が増え続けている他プラットフォームのリサーチがあったからこそ Zennは「知見を共有するエンジニアに対価を」というコンセプトでつくられた技術情報共有コミュニティです。

Slide 34

Slide 34 text

メッセージ ● ⾯倒なことはGoogle Cloudに任せよう ● 市場とコミュニケーションをとろう ● ZennのISSUEを⼀緒にみよう 34

Slide 35

Slide 35 text

ZennのISSUE 35

Slide 36

Slide 36 text

zenn-community 36 https://github.com/zenn-dev/zenn-community/issues/267 どなたでもZennに関する要望や不具合を報告できるGitHubリポジトリです。

Slide 37

Slide 37 text

ダークモード 37 https://github.com/zenn-dev/zenn-community/issues/267

Slide 38

Slide 38 text

メールアドレスでログイン 38 https://github.com/zenn-dev/zenn-community/issues/17

Slide 39

Slide 39 text

メンション機能 39 https://github.com/zenn-dev/zenn-community/issues/235

Slide 40

Slide 40 text

ぜひ教えて下さい Zennのこれまでのリリースで嬉しかったもの 40 Zennでぜひ実現してほしいもの zenn アップデート zenn community

Slide 41

Slide 41 text

8⽉にCloud Runのハンズオン、やります 41 Cloud Runを触ってみよう！初級者向けモダンアプリケーション実践ハンズオン https://gcpugfukuoka.connpass.com/event/321995/