Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
マイクロサービスダッシュボードの紹介
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Yuta UEKUSA
December 15, 2021
Technology
2k
1
Share
マイクロサービスダッシュボードの紹介
https://mercari.connpass.com/event/230951/
Yuta UEKUSA
December 15, 2021
Other Decks in Technology
See All in Technology
2026年度新卒技術研修 サイバーエージェントのデータベース 活用事例とパフォーマンス調査入門
cyberagentdevelopers
PRO
7
8.3k
JOAI2026講評会資料(近藤佐介)
element138
1
110
AWS認定資格は本当に意味があるのか?
nrinetcom
PRO
0
130
AI時代に新卒採用、はじめました/junior-engineer-never-die
dmnlk
0
250
終盤で崩壊させないAI駆動開発
j5ik2o
2
1.8k
え!?初参加で 300冊以上 も頒布!? これは大成功!そのはずなのに わいの財布は 赤字 の件
hellohazime
0
140
OBI+APMでお手軽にアプリケーションのオブザーバビリティを手に入れよう
kenshimuto
0
290
ログ基盤・プラグイン・ダッシュボード、全部整えた。でも最後は人だった。
makikub
5
1.9k
システムは「動く」だけでは 足りない - 非機能要件・分散システム・トレードオフの基礎
nwiizo
28
8.7k
20260410 - CNTUG meetup #72 - DiskImage Builder 介紹:以 Kubespray CI 打造 RockyLinux 10 Cloud Image 為例
tico88612
0
120
ある製造業の会社全体のAI化に1エンジニアが挑んだ話
kitami
2
950
Sansan Engineering Unit 紹介資料
sansan33
PRO
1
4.2k
Featured
See All Featured
The SEO Collaboration Effect
kristinabergwall1
0
420
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
760
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
2
690
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
The Language of Interfaces
destraynor
162
26k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.8k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
140
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
64
53k
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
94
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
500
Fireside Chat
paigeccino
42
3.9k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
1.8k
Transcript
Infrastructure as Codeで構築したリソースの可視化と再利用 マイクロサービスダッシュボードの紹介
2 自己紹介 2017年7月に旧ソウゾウに入社 2018年1月にメルペイに異動。テックリードとしてマイクロサービスの開発を担当 2019年7月にArchitectチームに異動 現在は主にマイクロサービスのためのダッシュボードの開発を担当 Merpay, Inc. Architect Team
Yuta Uekusa
3 Agenda メルペイのマイクロサービスアーキテクチャについて 01 マイクロサービスダッシュボードの紹介 02 今後の取り組み 03
メルペイのマイクロサービスアーキテクチャに ついて 4
5 マイクロサービスアーキテクチャ Client API Gateway Service B Service A Service
C Authority Cloud Spanner Pub/Sub Cloud Spanner Cloud Storage
6 マイクロサービスアーキテクチャ API Gateway Service B Service A Service C
Authority Cloud Spann er Pub/ Sub Cloud Spann er Clo ud Stor age API Gateway Service B Service A Service C Authority Cloud Spann er Pub/ Sub Cloud Spann er Clo ud Stor age Development Production
7 マイクロサービスアーキテクチャ Client Cloud Spanner Pub/Sub Cloud Spanner Namespace Cloud
Storage Service C Namespace Namespace Namespace Namespace Service B Service A API Gateway Authority
8 マイクロサービスアーキテクチャ: インフラ構築 Namespace: Service A Project: Service A boot
strap Service A
9 マイクロサービスアーキテクチャ: インフラ構築 microservices-terraform リポジトリ
10 マイクロサービスアーキテクチャ: 通信プロトコル Client Cloud Spanner Pub/Sub Cloud Spanner Namespace
Cloud Storage Service C Namespace Namespace Namespace Namespace Service B Service A API Gateway Authority gRPC gRPC gRPC
マイクロサービスダッシュボードの紹介 11
12 マイクロサービスダッシュボードとは? マイクロサービスに関する様々なデータを収集 01 集めたデータを可視化するウェブポータルサイト 02 集めたデータをAPIとして提供 03
13 モチベーション マイクロサービスの状態や品質を把握したい 01 ドキュメントが自動的に生成される状態にしたい 02
14 機能紹介 ・トップ画面 ・サービス詳細画面 ・サービス詳細画面: インフラ ・サービス詳細画面: アプリケーション ・サービス詳細画面: API
・サービス詳細画面: SLO
15 機能紹介: トップ画面
16 機能紹介: トップ画面
17 機能紹介: サービス詳細画面
18 機能紹介: サービス詳細画面 serviceID: merpay-service-a description: This is service-a corporation:
MERPAY teamName: merpay-architect-jp contact: slack: generalChannelId: C0123456 alertChannelId: C12345678 … service spec file
19 機能紹介: サービス詳細画面(サービスの依存関係, 費用のグラフ)
20 機能紹介: サービス詳細画面(インフラタブ)
21 機能紹介: サービス詳細画面(アプリケーションタブ)
22 機能紹介: サービス詳細画面(アプリケーションタブ)
23 機能紹介: サービス詳細画面(APIタブ)
24 機能紹介: サービス詳細画面(APIタブ)
25 機能紹介: サービス詳細画面(SLOタブ)
26 機能紹介: SLOダッシュボード
27 マイクロサービスダッシュボードの仕組み 技術スタック Backend Frontend • Go • Cloud Spanner,
Pub/Sub, Scheduler, Tasks • gRPC, GraphQL (99designs/gqlgen, vektah/dataloaden) • TypeScript • React, Material-UI • GraphQL (apollo-client)
28 マイクロサービスダッシュボードの仕組み Single Page Application API Gateway Microservice Dashboard Go
serves assets gRPC server GraphQL server Cloud Spanner Browse Get / Assets GraphQL Query Data etc
29 データ収集の仕組み Cloud Scheduler: 定期的にデータを取得 01 Cloud Pub/Sub: イベントメッセージからデータを取得 02
Cloud Tasks: マニュアルオペレーション 03 データ収集のトリガー
30 データ収集の仕組み トリガー発動後 API Gateway Microservice Dashboard gRPC server Cloud
Spanner HTTP Cloud Scheduler Cloud Tasks Pub/Sub HTTP HTTP gRPC データ収集 etc
31 データ収集の仕組み トリガー発動後 API Gateway Microservice Dashboard gRPC server Cloud
Spanner HTTP Cloud Scheduler Cloud Tasks Pub/Sub HTTP HTTP gRPC タイムアウト 処理中... etc
32 データ収集の仕組み 愚直に集めている 管理するデータの構造を定義して機械的に処理可能にする データを集める
33 データ収集の仕組み: データを集める マイクロサービスの一覧 API Gateway Microservice Dashboard gRPC server
Cloud Spanner Pub/Sub etc microservices-terraform リポジトリ CIで各microserviceの service-specをpublish service-specを保存
34 データ収集の仕組み: データを集める マイクロサービスの依存関係のグラフ Datadog: /api/v1/service_dependencies Network: network policyの設定(terraformをパース) ServiceEnv:
Podの環境変数の宛先
35 データ収集の仕組み: データを集める 毎月の費用グラフ Microservice Dashboard Cloud Spanner etc 費用データを格納
費用データを保存 BigQuery 費用データを取得 Platform
36 データ収集の仕組み: データを集める GCPリソース Microservice Dashboard Cloud Spanner etc GCPリソースのデータを保存
Cloud Asset API で取得 Cloud APIs microservices-terraform git clone & parse terraform
37 データ収集の仕組み: データを集める Kubernetesリソース API Gateway Microservice Dashboard GraphQL server
Cloud Spanner etc Browse Kubernetes API GraphQL Query Kubernetes API Development Production kubernetes/client-go
38 データ収集の仕組み: データを集める gRPC API定義 API Gateway Microservice Dashboard gRPC
server Cloud Spanner Pub/Sub etc platform-proto リポジトリ CIでFileDescriptorSetを生成してpublish FileDescriptorSetを保存
39 データ収集の仕組み: データを集める SLO Microservice Dashboard Cloud Spanner etc デイリーでSLOの履歴を保存
datadog API で取得
40 データ収集の仕組み: データを集める Schema Service Spec Service Dependency Service Cost
Google Project Kubernetes Namespace Service API Service SLO
41 データの再利用 GraphQL APIを提供 API Gateway Microservice Dashboard GraphQL server
Cloud Spanner Browse GraphQL Query etc GraphQL Query System
42 データの再利用 マイクロサービスに関するデータのHUB Microservice Dashboard
今後の取り組み 43
44 今後の取り組み データの更新イベント Microservice Dashboard Cloud Spanner etc 2.データの更新をpublish Pub/Sub
1.何かデータを保存
45 今後の取り組み データの更新イベントをきっかけに行動を起こす Microservice Dashboard Cloud Spanner etc 2.データの更新をpublish Pub/Sub
1.何かデータを保存 System 3.データの更新をsubscribe 4.アクション
46 抱えている課題 各マイクロサービスに対応してほしいことがあるとき Service A Service C Service B …
🙇 🙇 🙇 🙇
47 抱えている課題 マイクロサービス毎にTODOの管理 Service A: TODO Service C: TODO Service
B: TODO … Microservice Dashboard Service A Owner Platform 進捗確認 やること確認
48 今後の取り組み TODO管理用のAPIの提供 Service A: TODO Service C: TODO Service
B: TODO … Microservice Dashboard GraphQL API TODO System TODO更新
49 今後の取り組み イベントをきっかけとしたTODOの更新 Service A: TODO Service C: TODO Service
B: TODO … Microservice Dashboard GraphQL API TODO System TODO更新 Pub/Sub データ更新イベント
50 今後の取り組み イベントをきっかけとした一貫したデータの変換 something Microservice Dashboard GraphQL API System 変換&更新
Pub/Sub データ更新イベント
51