Upgrade to Pro — share decks privately, control downloads, hide ads and more …

コンポーネント指向時代のJSエラートラッキング

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Edward Fox Edward Fox
May 18, 2017
Programming
900
1

 コンポーネント指向時代のJSエラートラッキング

Rails Developers Meetup #1

https://rails-developers-meetup.connpass.com/event/55363/

Avatar for Edward Fox

Edward Fox

May 18, 2017

More Decks by Edward Fox

See All by Edward Fox
Priorityを制するものはローディングを制す
Avatar for Edward Fox edwardkenfox
4
820
Lambda@Edgeを利用したサードパーティJavaScriptのカナリアリリース / Canary release using Lamdba@Edge
Avatar for Edward Fox edwardkenfox
0
140
AWS re:Invent 2019 / Hackathon for Good 参加録
Avatar for Edward Fox edwardkenfox
2
640
Repro basketball club
Avatar for Edward Fox edwardkenfox
0
290
Introduction to UX Optimizer
Avatar for Edward Fox edwardkenfox
0
150
フロントエンド開発の落とし穴 / Fallacies of Client Side Programming (2019ver)
Avatar for Edward Fox edwardkenfox
0
370
僕とprototypeとJSONで / Me and prototype down by the JSON
Avatar for Edward Fox edwardkenfox
0
190
クライアントサイド開発の落とし穴 / Fallacies of Client Side Programming
Avatar for Edward Fox edwardkenfox
0
520
Beacon API ことはじめ 〜そしてkeepalive fetchへ〜 / Beacon API The Basics
Avatar for Edward Fox edwardkenfox
0
1.2k

Other Decks in Programming

See All in Programming
「寝てても仕事が進む」Claude Codeで組む第二の脳
Avatar for t-fujita24 tomoyafujita2016
0
310
AI時代のPHPer生存戦略 ～「言語、もうなんでもよくない？」に本気で向き合う～
Avatar for viviON vivion
0
300
PostgreSQL 18で考えるUUID主キー
Avatar for Kazuhiro Seo kazuhiro1982
0
460
そこに3びきプロダクトがいるじゃろう——生成AI時代における“価値が届かない理由”の構造
Avatar for kosuke T kosuket
0
440
Laravelで学ぶ Webアプリケーションチューニング入門/web_application_tuning_101
Avatar for Ryo Tomidokoro hanhan1978
4
1.7k
5分で問診！Composer セキュリティ健康診断
Avatar for コドモン開発チーム codmoninc
0
910
What's New in Android 2026
Avatar for Veronikapj veronikapj
0
250
React本体のコードリーディング
Avatar for high-g high_g_engineer
1
140
JAWS-UG横浜 #102 AWSサ終供養LT会 成仏できない AWS サービスたち 〜本日、三体供養します〜
Avatar for maroon1st maroon1st
0
340
人間の目はかわらない、だからJPEGは30年もつ
Avatar for yuzneri yuzneri
12
18k
AI Engineeringは、AIプロダクトだけのものか？ 〜AIがソフトウェアを作る時代の新しい当たり前〜 / No AI in your product. AI Engineering in your development.
Avatar for r-kagaya rkaga
4
380
FDEが実現するAI駆動経営の現在地
Avatar for ryuta sakamoto gonta
2
270

Featured

See All Featured
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
41
2.7k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
310
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
460
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
55
12k
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
6k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
3
200
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
1.1k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3.1k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
67k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
23k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.3k
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.8k

Transcript

  1. ίϯϙʔωϯτࢦ޲࣌୅ͷ JSΤϥʔτϥοΩϯά EDWARD FOX @Rails Developers Meetup 2017/05/18

  2. λΠτϧ͔͚ͬͭͯ͜·͕͢ RailsͰϑϩϯτΛ࡞͖ͬͯͨ தͰΤϥʔऩूʹ͍ͭͯ ߟ͑ͨ͜ͱΛ࿩͠·͢

  3. Edward Fox - Developer @ Repro Inc. - RoR, JavaScript,

    AWS - Vue.js, HTTP/2, Browsers

  4. Rails × ϑϩϯτΤϯυ Ͱ ०ͳ࿩୊

  5. webpacker

  6. None
  7. None

  8. React΍Vue.jsͳͲͷ ίϯϙʔωϯτࢦ޲ͳ ϥΠϒϥϦ͕͙͢ಈ͘

  9. ΫϥΠΞϯτͷ੹຿͕ େ͖͘ͳΔҰํɺ ΤϥʔτϥοΩϯά΍ σόοάपΓ͕εΩͩΒ͚

  10. ϑϩϯτͷΤϥʔΛ ૄ͔ʹͯ͠͸͍͚ͳ͍

  11. ࠓ೔ͷ݁࿦: Sentry ࢖͍·͠ΐ͏

  12. Sentry is Կ

  13. None

  14. 1. Τϥʔʹؾ෇͘ 2. ΤϥʔΛཧղ͢Δ 3. ΤϥʔΛ࠶ݱ͢Δ

  15. 1. Τϥʔʹؾ෇͘ 2. ΤϥʔΛཧղ͢Δ 3. ΤϥʔΛ࠶ݱ͢Δ

  16. RailsͰ༻ҙͨ͠ APIΤϯυϙΠϯτʹ JS͔Βඇಉظ௨৴ͯ͠ σʔλΛऔಘ

  17. RailsͰ͸૝ఆ௨Γͷ JSONΛฦ͍ͯͯ͠΋ɺ ࣮͸σʔλΛड͚औͬͨ ΫϥΠΞϯτ͸͏·͘ ॲཧͰ͖͍ͯͳ͍͔΋

  18. ΫϥΠΞϯτͰͷ Τϥʔൃੜ࣌ʹ͸ - ϦΫΤετύϥϝʔλ - ελοΫτϨʔε - Τϥʔͷߦɾྻ൪߸ ͱ͍ͬͨ৘ใ͕औಘՄೳ

  19. 1. Τϥʔʹؾ෇͘ 2. ΤϥʔΛཧղ͢Δ 3. ΤϥʔΛ࠶ݱ͢Δ

  20. ֊૚ߏ଄Λ࣋ͭ ίϯϙʔωϯτ͔Β Τϥʔ͕ൃੜ

  21. Τϥʔͷൃੜࣗମʹ ؾ෇͚ͯ΋ɺΤϥʔΛ ىͨ͜͠ίϯϙʔωϯτ͕ Ͳ͏͍͏ঢ়ଶ͔Θ͔Βͳ͍

  22. - component name - lifecycle hook - state, data, props

    - localStorage ͱ͍ͬͨ৘ใ͕औಘՄೳ

  23. Τϥʔ͕ൃੜͨ͠ͱ͖ͷ ίϯϙʔωϯτͷঢ়ଶΛ ೺Ѳ͠ɺΤϥʔͷৄࡉΛ ཧղͰ͖Δ

  24. 1. Τϥʔʹؾ෇͘ 2. ΤϥʔΛཧղ͢Δ 3. ΤϥʔΛ࠶ݱ͢Δ

  25. ΤϥʔࣗମΛཧղͰ͖ͯ΋ ͦͷΤϥʔʹࢸΔ·Ͱͷ ྲྀΕ͕෼͔Βͣ ࠶ݱͰ͖ͳ͍

  26. SentryͷBreadcrumbsΛݟΔ

  27. None

  28. Ϣʔβʔͷը໘ૢ࡞͕ ௥͑ΔͨΊ Τϥʔͷ࠶ݱ͕༰қ

  29. Ϧιʔεͷঢ়ଶ͕URLͰදݱ Ͱ͖ͳ͍SPAͰ͋ͬͯ΋ɺ SentryʹૹΔ৘ใΛ ؆୯ʹ௥ՃͰ͖Δ

  30. ·ͱΊ

  31. Sentry ࢖͍·͠ΐ͏

  32. 1. Τϥʔʹؾ෇͘ 2. ΤϥʔΛཧղ͢Δ 3. ΤϥʔΛ࠶ݱ͢Δ

  33. ϦονͳUIɺSPAΛ࡞ΔͳΒ ΫϥΠΞϯτͷΤϥʔΛ ͪΌΜͱऩू͠ ݎ࿚ͳRailsΞϓϦΛ࡞Ζ͏

  34. edwardkenfox.com