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
SNS mixi の障害察知手法の進化
Search
Kuniwak
PRO
July 08, 2016
Programming
27
6.2k
SNS mixi の障害察知手法の進化
WebQA Meeting Vol.2
https://peraichi.com/landing_pages/view/webqa-2
Kuniwak
PRO
July 08, 2016
Tweet
Share
More Decks by Kuniwak
See All by Kuniwak
DeNA での思い出 / Memories at DeNA
orgachem
PRO
6
2.5k
それ CLI フレームワークがなくてもできるよ / Building CLI Tools Without Frameworks
orgachem
PRO
18
4.1k
状態遷移図を書こう / Sequence Chart vs State Diagram
orgachem
PRO
4
430
テストケースの名前はどうつけるべきか?
orgachem
PRO
2
620
欠陥を早期に発見するための Software Engineer in Test とその重要性 / What is Software Engineer in Test and How they works
orgachem
PRO
21
4.5k
住宅を WebXR で評価しよう / Evaluating My Home by WebXR
orgachem
PRO
0
180
HOME VR
orgachem
PRO
1
820
uGUI の自動操作の考え方と操作方法
orgachem
PRO
1
1.5k
Swift Macro に備えて構文木を 10min で学ぶ / Learn Syntax Tree for Swift Macro in 10 minutes
orgachem
PRO
1
1.5k
Other Decks in Programming
See All in Programming
Reduxモダナイズ 〜コードのモダン化を通して、将来のライブラリ移行に備える〜
pvcresin
2
660
iOS 17で追加されたSubscriptionStoreView を利用して5分でサブスク実装チャレンジ
natmark
0
480
AIエージェント時代における TypeScriptスキーマ駆動開発の新たな役割
bicstone
4
1.2k
半自動E2Eで手っ取り早くリグレッションテストを効率化しよう
beryu
6
2.4k
ソフトウェア設計の実践的な考え方
masuda220
PRO
2
220
ネイティブ製ガントチャートUIを作って学ぶUICollectionViewLayoutの威力
jrsaruo
0
120
CSC305 Lecture 01
javiergs
PRO
1
380
Web フロントエンドエンジニアに開かれる AI Agent プロダクト開発 - Vercel AI SDK を観察して AI Agent と仲良くなろう! #FEC余熱NIGHT
izumin5210
2
310
大規模アプリのDIフレームワーク刷新戦略 ~過去最大規模の並行開発を止めずにアプリ全体に導入するまで~
mot_techtalk
0
340
複雑化したリポジトリをなんとかした話 pipenvからuvによるモノレポ構成への移行
satoshi256kbyte
1
720
AI Coding Meetup #3 - 導入セッション / ai-coding-meetup-3
izumin5210
0
110
Go Conference 2025: Goで体感するMultipath TCP ― Go 1.24 時代の MPTCP Listener を理解する
takehaya
7
1.5k
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6.1k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
20k
The Straight Up "How To Draw Better" Workshop
denniskardys
237
140k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
We Have a Design System, Now What?
morganepeng
53
7.8k
Music & Morning Musume
bryan
46
6.8k
Visualization
eitanlees
148
16k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Writing Fast Ruby
sferik
629
62k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Transcript
4/4NJYJʹ͓͚Δ 8FCϑϩϯτΤϯυ োख๏ͷਐԽ
8FCϑϩϯτΤϯυ ͷোͱ
8FCΞϓϦέʔγϣϯͷোͷ͏ͪɺ ϑϩϯτΤϯυʹݪҼ͕͋Δͷ
8FCϑϩϯτΤϯυͷ ো༧ͷ͠͞
ఏڙଆ͔Β੍ޚͰ͖ͳ͍෦͕ଟ͍ w ࣮ߦڥʢϒϥβͷछྨɾόʔδϣϯʣ w ո͍͠ϒϥβ֦ுػೳ w ࠂ w अѱͳίʔυ͕ଟʑ͋Δ
੍ޚͰ͖ͳ͍ཁҼ͕ଟ͍ͱɺ ༧ͷίετύϑΥʔϚϯε͕ѱ͘ͳΔ Ϧιʔε༗ݶͳͷͰɺ͋Δఔ ͢Γൈ͚ͯ͠·͏͜ͱ͛ͳ͍ োͷૣظ͕ॏཁ
͜͜·Ͱͷ·ͱΊ োͷૣظൃݟ͕ॏཁ
8FCϑϩϯτΤϯυͷ োΛ͢Δख๏
Ϣʔβʔ͔Βͷ ͓͍߹Θͤ
ͬͱجຊతͳ ख๏ʹͯ͠࠷ѱ
&&ςετ
ఆظతʹ࣮ߦ͢Δͱɺ ࠂͳͲʹΑΔ োݕͰ͖Δ
ͨͩ͠ɺ࣮ίετ͕ʜ
+4ͷΤϥʔϩάࢹ
+BWB4DSJQUͰൃੜͨ͠ ΤϥʔΛऩूͯ͠ࢹ
&SSPS&WFOUΛ͏
+4ͰΤϥʔ͕ൃੜͨ͠ͱ͖ʹॲཧΛ ࣮ߦͰ͖Δ"1*͕ϒϥβʹඋΘ͍ͬͯΔ ࣍ͷใΛऔಘՄೳɿ w Τϥʔϝοηʔδ w ΤϥʔΛൃੜͤͨ͞εΫϦϓτͷ63- w Τϥʔ͕ൃੜͨ͠ߦ൪߸ w
Τϥʔ͕ൃੜͨ͠ྻ൪߸ʢ࠷ۙͷϒϥβͷΈʣ w ΤϥʔΦϒδΣΫτʢ࠷ۙͷϒϥβͷΈʣ ελοΫτϨʔε͖ͭ
ղੳαʔϏε͚ͬ͜͏͋Δ IUUQTHJUIVCDPNDIFFBVO KBWBTDSJQUFSSPSMPHHJOH
͘͢͝Α͍Ͱ͢
ࠓɺ͜ͷ+4Τϥʔϩά ࢹʹ͍ͭͯ͠·͢
4/4NJYJͷঢ়گ
w୯ମɾ݁߹ςετɿ͘͝Θ͔ͣ w&&ςετɿͳ͠ wαϙʔτڥɿ ݹ͔͘Β͓ΒΕΔϢʔβʔ༷ ͨ͘͞Μ͓ΒΕ·ͯ͠ɺ͑͐ʜ
4/4NJYJͷঢ়گ ݫ͍͠
োϑϩʔͷมભ
ʮ%FQMPZBOE1SBZʯ Lv.0
w εϞʔΫςετ w ϨϏϡʔ w ςελʔʹΑΔ୳ࡧతςετʢඞཁ͕͋Εʣ w σϓϩΠ w ͷϢʔβʔػೳΛެ։ʢ͍͖ͳΓ͋Δʣ
w ͓͍߹Θ͕͖ͤͨΒରԠ ˞࣮ΑΓલলུ
w ଟ͘ͷܽؕ୳ࡧతςετͰൃݟ w ͨͩ͠ɺӨڹൣғͷ͍ͷཏతͳݕূ͕ ݱ࣮తͰͳ͍ͷͰɺॏཁͳγφϦΦͷΈνΣοΫ w Ұ෦ͷϢʔβʔʹ͚ͩػೳΛެ։͢ΔΈ͕ ͋ΔͷͰɺ͜ΕΛ͓͍ͬͯ߹ΘͤϕʔεͰରԠ w ܦݧతʹɺҎ্ͷϢʔβʔʹؒ
࿐͠ͳ͍ͱ͓͍߹Θͤ·Ͱൃల͠ͳ͍
ൣғʹӨڹ͢ΔϥΠϒϥϦͷ ΞοϓάϨʔυࣄ݅
w ൣғʹӨڹ͢ΔϥΠϒϥϦͷΞοϓ άϨʔυΛܭը w ೖ೦ʹ୳ࡧతςετΛͯ͠νϟϨϯδ w ͓͍߹ΘͤଟͰࣦഊʢ܁Γฦ͠ʣ
͜ΕΛ܁Γฦ͢͏ͪʹ ։ൃऀͷʬ৺ʭ յΕͨͱ͍͏ʜ
ͳͥ͜Μͳ͜ͱʹʜ
w ݕূ͠ͳ͍ͱ͍͚ͳ͍ϖʔδ͕ଟ͗͢Δ w 17্Ґͷϖʔδ͚ͩͰ ͷϖʔδ w Ϣʔβʔͷঢ়ଶଟ͍ w &&ςετͳ͍ͷͰɺਓྗʹཔΔ΄͔ͳ͍
͜͜·Ͱͷ·ͱΊ ఔͷϢʔβʔʹΤϥʔΛ ౿ΜͰΒΘͳ͍ͱͰ͖ͳ͍
ʮ+4ͷΤϥʔͷ૯ྔͷ૿ݮΛࢹʯ Lv.1
w εϞʔΫςετ w ϨϏϡʔ w ςελʔʹΑΔ୳ࡧతςετʢඞཁ͕͋Εʣ w σϓϩΠ w ͷϢʔβʔػೳΛެ։
w +4Τϥʔͷ૯ྔΛࢹ w +4Τϥʔͷ૯ྔ͕૿͑ͨΒରԠ OFX OFX
Τϥʔ૿ݟಀ͠ࣄ݅
ൣғʹӨڹ͢ΔϥΠϒϥϦͷ ΞοϓάϨʔυࣄ݅ͷଓ͖Ͱ͢
ճͷνϟϨϯδͷͱ͖ͷ Τϥʔͷ૯ྔͷάϥϑ
ؒͷϢʔβʔͰো͕ൃੜ͍ͯͨ͠ ʢ࠶ಡΈࠐΈ͢Δͱͷ֬Ͱͳ͓Δʣ
ো͕ൃੜ࢝͠Ίͨ࣌ࠁ
Θ͔ΒΜ
ͳͥ͜Μͳ͜ͱʹʜ
w લ͔Βग़͍ͯΔΤϥʔ͕ଟ͗͢Δ w ΤϥʔࢹΛޙ͔Β࢝ΊΔͱ͜͏ͳΓ͕ͪ w ͷϢʔβʔ͚ͩͰׂ߹͕େ͖͘ͳ͍
͜͜·Ͱͷ·ͱΊ Τϥʔͷ૯ྔ͚ͩͰ ো͍͠
ʮ+4ͷΤϥʔ͝ͱͷ૿ݮΛࢹʯ Lv.2
w εϞʔΫςετ w ϨϏϡʔ w ςελʔʹΑΔ୳ࡧతςετʢඞཁ͕͋Εʣ w σϓϩΠ w ͷϢʔβʔػೳΛެ։
w +4Τϥʔͷϝοηʔδ͝ͱͷྔΛࢹ w +4Τϥʔ͕૿͑ͨΒରԠ OFX
None
None
w ͓͍߹Θͤʹൃల͢Δ͜ͱͳ͘ w ͱ͍͏͍ػೳ։์ͳͷͰ Ϣʔβʔͷമ࿐͕গͳ͍ w ࣌ؒڧͷ࣌ؒͰՄೳ
͜͜·Ͱͷ·ͱΊ Τϥʔͷϝοηʔδ͝ͱͷ ૿ݮͷࢹ༗ޮ
ʮࡉ͔ͳվળʯ Lv.2.1
ಛͷͳ͍Τϥʔ͕ଟ͍
w Τϥʔϩάͷதʹɺ૿Ճͨ͠Α͏ʹ ۮવݟ͑Δͷ͋Δ w ΤϥʔͷݪҼΛ୳͠ʹߦ͘ͷʹ ख͕͔Γ͕ͳ͍ͱͭΒ͍
Τϥʔૹ৴࣌ʹՃͰใΛऔಘɿ •document.readyState w “loading”࣌ͷ࠷ޙͷ<script>ͷ63- w ແ໊Խ͞ΕͨϢʔβʔࣝผࢠ w 3FGFSFS w 6TFS"HFOUจࣈྻ
w ʜ
Ұ෦ͷϢʔβʔ͔Β େྔʹΤϥʔ͕͘Δ
w setTimeoutsetIntervalͳͲͰ ఆظతʹൃੜ͢ΔͱͱΜͰͳ͍ྔ͕͘Δ w Ұఆྔૹ৴ͨ͠ΒࢭΊΔΑ͏ʹ͢Δʢ༧ఆʣ w ࢭΊͨͱ͖ࢭΊͨ͜ͱ͕Θ͔ΔΑ͏ʹ ใΛૹ৴͢Δͷ͕େࣄ
͜͜·Ͱͷ·ͱΊ γεςϜ͕͢Δ͜ͱͳ͍ ܧଓతʹվળ͍ͯ͘͠
ʮूܭΠϯϑϥͷ"84Խ ,JCBOBͷ׆༻ʯ Lv.3
ʢ༧ఆʣ
·ͱΊ +4ͷΤϥʔΛϝοηʔδ͝ͱͷ ྔͰࢹ͢ΔͱোΛݕͰ͖Δ ͜Ε͔Βվળ͍ͯ͘͠
"CPVUNF
ϑϩϯτΤϯυҋᜄ͍ ,VOJXBL