Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
最近個人開発が熱い ~モニタリング強化編v0.1.0~
Search
sugar-cat
November 06, 2024
3
460
最近個人開発が熱い ~モニタリング強化編v0.1.0~
sugar-cat
November 06, 2024
Tweet
Share
More Decks by sugar-cat
See All by sugar-cat
HonoとOpenTelemetryで実現するオブザーバービリティ構築
sugarcat7
0
250
ErrorTrackingとOrchestrion
sugarcat7
0
330
DiscordとCloudflare
sugarcat7
1
470
Cloudflare Workflowsを使いたい倒したい
sugarcat7
7
1.9k
tslogで実現するセキュアなメタデータ管理とロギング
sugarcat7
4
1.5k
Honoで実現するバックエンド開発のイマ
sugarcat7
23
6k
GoとWASI~超入門~
sugarcat7
2
270
最近個人開発が熱い ~多言語対応編~
sugarcat7
2
370
ボイラープレート自動生成ツールを使わなくなった話.pdf
sugarcat7
4
710
Featured
See All Featured
End of SEO as We Know It (SMX Advanced Version)
ipullrank
2
3.8k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Facilitating Awesome Meetings
lara
57
6.7k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.6k
Joys of Absence: A Defence of Solitary Play
codingconduct
1
250
RailsConf 2023
tenderlove
30
1.3k
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.6k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
190
Designing for Timeless Needs
cassininazir
0
87
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
66
The untapped power of vector embeddings
frankvandijk
1
1.5k
A designer walks into a library…
pauljervisheath
210
24k
Transcript
最近個人開発が熱い ~モニタリング強化編v0.1.0~ 2024/11/7 akihabara.any #2 @sugar235711
2 sugar cat(@sugar235711) 社会人3年生 SREもどき VTuberが好き 前編 登壇者情報 @sugar235711 @sugar-cat7
3 Agenda 1. 個人開発しているサイトについて 2. 多言語対応で起きた問題 3. モニタリング強化 4. まとめ
4 ぶいすぽっ!(VTuberグループ)の配信予定を確認できるサイト&Bot 個人開発しているサイト すぽじゅーる:https://www.vspo-schedule.com
5 Webサイト:DAU 1000弱(2000~3000PV) DiscordBot: 295サーバー稼働 公開から約1年半 個人開発しているサイト
6 4ヶ月前にWebサイトの多言語対応を行う過程で一部ページをISRからSSRへ移行した。 多言語対応で起きた問題
7 4ヶ月前にWebサイトの多言語対応を行う過程で一部ページをISRからSSRへ移行した。 →API呼び出しの回数の増加、レイテンシが気になるようになってきた。 多言語対応で起きた問題
8 4ヶ月前にWebサイトの多言語対応を行う過程で一部ページをISRからSSRへ移行した。 →API呼び出しの回数の増加、レイテンシが気になるようになってきた。 多言語対応で起きた問題 当時はメトリクスを収集しておら ず、計測ができていない状態だった
9 4ヶ月前にWebサイトの多言語対応を行う過程で一部ページをISRからSSRへ移行した。 →API呼び出しの回数の増加、レイテンシが気になるようになってきた。 多言語対応で起きた問題
10 Datadog Integrationを利用し、Vercelのメトリクスを収集するようにした モニタリングを強化
11 Datadog Integrationを利用し、Vercelのメトリクスを収集 モニタリングを強化 システムの状況: ダッシュボード 外形監視:複数リージョンからのトップページアクセス ブラウザテスト:言語・TZ切り替え機能のE2Eテスト
12 APIのリクエスト数やメモリ使用量、外形監視の状況などを1つのダッシュボードにまとめる ダッシュボード作成 モニタリングを強化
13 APIのリクエスト数やメモリ使用量、外形監視の状況などを1つのダッシュボードにまとめる ダッシュボード作成 モニタリングを強化 時系列でメトリクスを表示できるので 施策に対しての効果が分かりやすい (この時はキャッシュの改善)
14 Webサイトのトップページのレイテンシやエラー率などをモニタリング 閾値を超えたらDiscordにアラート通知 外形監視 モニタリングを強化
15 Webサイトのトップページのレイテンシやエラー率などをモニタリング 閾値を超えたらDiscordにアラート通知 外形監視 モニタリングを強化 複数のリージョンからリクエストを送れる ので、日本国外からのリクエストの検証が しやすくなった
16 一連のシナリオを作成し、DatadogでE2Eテストを行える ブラウザテスト モニタリングを強化
17 一連のシナリオを作成し、DatadogでE2Eテストを行える ブラウザテスト モニタリングを強化 動作環境を複数の組み合わせで選択可 能(端末やブラウザ)ので、デグレ検知な どに役立つ
18 Datadog Integrationで個人開発サイトのモニタリングを改善した まとめ