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

frontend-couse03

Avatar for nus3 nus3
May 24, 2021
Programming
1
140

 frontend-couse03

Avatar for nus3

nus3

May 24, 2021
Tweet

More Decks by nus3

See All by nus3
DenoでOpenTelemetryに入門する
Avatar for nus3 yotahada3
2
440
WebDriver BiDiとは何なのか
Avatar for nus3 yotahada3
1
340
コンポーネントテストの手法と その効果を考える
Avatar for nus3 yotahada3
8
1.7k
フロントエンドクイズ大会
Avatar for nus3 yotahada3
0
100
Node.jsのWorker threadsの話
Avatar for nus3 yotahada3
1
1.2k
ワタシとPodcast
Avatar for nus3 yotahada3
2
1.4k
Do you like Storybook?
Avatar for nus3 yotahada3
2
4.4k
10年以上続くプロダクトの フロントエンド刷新プロジェクトのふりかえり
Avatar for nus3 yotahada3
3
830
App Runner & Next.js
Avatar for nus3 yotahada3
0
160

Other Decks in Programming

See All in Programming
Streamlitで実現できるようになったこと、実現してくれたこと
Avatar for Ayumu Yamaguchi ayumu_yamaguchi
2
230
Googleの新しいコーディングAIエージェントJulesを使ってみた
Avatar for tonionagauzzi tonionagauzzi
0
140
MCPで実現できる、Webサービス利用体験について
Avatar for syumai syumai
7
2.1k
The Niche of CDK Grant オブジェクトって何者？/the-niche-of-cdk-what-isgrant-object
Avatar for hassaku63 hassaku63
1
710
テストから始めるAgentic Coding 〜Claude Codeと共に行うTDD〜 / Agentic Coding starts with testing
Avatar for r-kagaya rkaga
17
6.1k
状態遷移図を書こう / Sequence Chart vs State Diagram
Avatar for Kuniwak orgachem
PRO
3
280
ご注文の差分はこちらですか？ 〜 AWS CDK のいろいろな差分検出と安全なデプロイ
Avatar for Kenji Kono konokenj
4
710
NEWT Backend Evolution
Avatar for Rodrigo Ramirez xpromx
1
160
AIともっと楽するE2Eテスト
Avatar for Yohei Maeda myohei
9
3.1k
What's new in Adaptive Android development
Avatar for Sungyong An fornewid
0
120
知って得する@cloudflare_vite-pluginのあれこれ
Avatar for chimame chimame
1
120
CLI ツールを Go ライブラリ として再実装する理由 / Why reimplement a CLI tool as a Go library
Avatar for ktr ktr_0731
3
580

Featured

See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
331
22k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
126
53k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
47
9.6k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.8k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
18
1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.4k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
30
2.2k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1031
460k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
25
1.8k

Transcript

  1. ௒ಛٸͰֶͿ ;ΖΜͱ͑ΜͲߨ࠲ ͦͷࢀ ౕ͍͍͸ΈΜͳࢮ͵

  2. ͜ͷߨ࠲Ͱ΍Δ͜ͱ

  3.  ϞμϯͰφ΢͍ϑϩϯτΤϯυͷੈքΛ஌Ζ͏  IBEB͕Α͘࢖͏$44ςΫχοΫબ  3FBDUίϯϙʔωϯτͷجຊ BUPNJDEFTJHO  3FBDUTUBUF SFEVY

    IPPLT  ඇಉظॲཧ֓࿦ ্هͷ಺༰͸༧ࠂͳ͘มߋ͢Δ৔߹͕͋Γ·͢ͷͰྃ͝ঝ͍ͩ͘͞

  4. ΍Βͳ͍͜ͱ ௒ಛٸ͕Ώ͑ʹ

  5. 3FBDUͷ࢓૊Έɾ֓೦ɾྺ࢙

  6. 3FBDUͷ࢓૊Έɾ֓೦ɾྺ࢙ Ծ૝%0. એݴత6* ؾʹͳͬͨΒௐ΂ͯΈΑ͏ 7BOJMMB+4Ͱ%0.ૢ࡞ +2VFSZˠ3FBDU 7VF΁ͷมભ

  7. 5ZQF4DSJQU งғؾͰײ͡औͬͯʂͰ͖ΔΑΩϛͳΒʂʂ

  8. $MBTTDPNQPOFOU

  9. ࣍ճ΍Γ·͢ IPPLʹ͍ͭͯ

  10. TUBUFʹ͍ͭͯ ࣍ճ΍Γ·͢

  11. ΍Δ͜ͱ

  12. ίϯϙʔωϯτͷ࡞Γํ ͔Δ͘Ͷ ීஈ࣮૷΍ͬͯΔ͔Β͍͍ͩͨΘ͔ͬͯΔͰ͠ΐ

  13. QSPQTʹΑΔ਌ࢠؒͷड͚౉͠ ͔Δ͘Ͷ ීஈ࣮૷΍ͬͯΔ͔Β͍͍ͩͨΘ͔ͬͯΔͰ͠ΐ

  14. "UPNJD%FTJHO

  15. ίϯϙʔωϯτΛ࡞Ζ͏

  16. ίϯϙʔωϯτΛఆٛ͢Δ

  17. None

  18. IUNM +49&MFNFOU Λฦؔ͢਺Λ FYQPSUͯ͠Δ͚ͩ

  19. ఆٛͨ͠ίϯϙʔωϯτΛ ݺͼग़͢

  20. None
  21. None

  22. *NQPSUͯ͠ཁૉͱͯ͠࢖͏͚ͩ

  23. ؆୯Ͱ͠ΐʁ

  24. ͪͳΈʹᶃ

  25. ૉ ࣗ෼Ͱఆ͍ٛͯ͠ͳ͍ ͷ IUNMཁૉʹ͍ͭͯ

  26. None

  27. UTͷ৔߹ɺBUUSJCVUF ଐੑ ͸ ิ׬Ͱ֬ೝͰ͖ΔΑ 3FBDU͕ͪΌΜͱܕఆٛͯ͘͠ΕͯΔͷ

  28. ͪͳΈʹᶄ

  29. )UNMཁૉ %0. ʹରͯ͠ ͲΜͳΠϕϯτ͕͋Δ͔

  30. IUUQTEFWFMPQFSNP[JMMBPSHKBEPDT8FC&WFOUT

  31. IUUQTEFWFMPQFSNP[JMMBPSHKBEPDT8FC&WFOUT .%/ͷϦϑΝϨϯε͕ ࢀߟʹͳΔ͔΋͠Εͳ͍ ؾʹͳͬͨΒΈͯΈΑ͏

  32. QSPQT

  33. ϘλϯͷίϯϙʔωϯτΛ ࡞ͬͨͱ͢Δ

  34. ࢖͏ঢ়گʹΑͬͯม͍͑ͨ ɾʮૹ৴͢Δʯͬͯจݴʹ͍ͨ͠ ɾΞΠίϯΛϏοΫϦϚʔΫʹ͍ͨ͠ ɾ੺৭ʹ͍ͨ͠ ɾΫϦοΫͨ࣌͠ʹTVCNJU͍ͨ͠

  35. ࢖͏ঢ়گʹΑͬͯม͍͑ͨ ɾʮૹ৴͢Δʯͬͯจݴʹ͍ͨ͠ ɾΞΠίϯΛϏοΫϦϚʔΫʹ͍ͨ͠ ɾ੺৭ʹ͍ͨ͠ ɾΫϦοΫͨ࣌͠ʹTVCNJUͨ͠ ͳͲͳͲ ͜Ε͕QSPQTͩʂʂ

  36. QSPQTͱ͸ίϯϙʔωϯτͷ ΠϯλʔϑΣʔεΈ͍ͨͳ΋ͷ

  37. ɾϥϕϧ ɾΞΠίϯ ɾ৭ ɾΫϦοΫͨ࣌͠ͷॲཧ ɾจࣈαΠζ ͳͲͳͲ ͜ͷίϯϙʔωϯτͷQSPQT

  38. ͲͷΑ͏ʹQSPQTΛఆٛ͢Δ͔

  39. None

  40. ਌͔Β஫ೖ͍ͨ͠΋ͷΛఆٛ͢Δ

  41. None

  42. λάͷଐੑΛࢦఆ͢ΔΑ͏ͳײ͡

  43. ؆୯Ͱ͠ΐʁ

  44. "UPNJD%FTJHO

  45. 2ͳͥ"UPNJD%FTJHOΛ࠾༻͢Δͷ͔

  46. "ίϯϙʔωϯτͷ෼͚ํ͸ 'SFFEPN͔ͩΒ ݸਓతͳײ૝Ͱ͢

  47. "ίϯϙʔωϯτͷ෼͚ํ͸ 'SFFEPN͔ͩΒ ݸਓతͳײ૝Ͱ͢ ΦϨΦϨϧʔϧΛ࡞ΔΑΓ ੈؒʹ޿·ͬͯΔϧʔϧͷํ͕ ͱ͔͔ͬΓ΍͍͢ ɾɾɾͱࢥͬͯΔ

  48. 2"UPNJD%FTJHOΛ࠾༻ͨ͠ ϓϩμΫτ͸શͯಉ͡ϧʔϧͰ ӡ༻Ͱ͖Δͷ͔ʁ

  49. "൱ ˞"UPNJD%FTJHOΛ࠾༻͢ΔνʔϜʹΑͬͯࡉ͔͍఺Ͱҧ͏ϧʔϧʹͳ͍ͬͯͨΓ͢Δ ͨͩɺجຊతͳߟ͑͸ಉ͡ ͷ͸ͣ

  50. ͏ͪͷ"UPNJD%FTJHOͷΩϗϯ

  51. None

  52. ଞͷίϯϙʔωϯτʹґଘ͠ͳ͍ ࠷খͷ୯Ґ

  53. ͭҎ্ͷBUPNʹґଘ͢Δ

  54. ͭҎ্ͷNPMFDVMFʹґଘ͢Δ ྫ֎ͱͯ͠ɺಛఆͷϖʔδݻ༗ͷίϯϙʔωϯτͷఆٛΛͯͨ͠Γ΋͢Δɾɾ

  55. ը໘ͷϫΠϠʔϑϨʔϜΛܗ੒͢Δ

  56. UFNQMBUFʹඞཁͳ஋΍ॲཧΛ஫ೖ͢Δ

  57. ͜ͷઆ໌ͰνʔϜશһ͕ಉཻ͡౓Ͱ ίϯϙʔωϯτΛ෼͚ΒΕΔ͜ͱ͸ͳ͍

  58. ։ൃΛ௨ͯ͠ڞ௨ͷೝࣝΛ ͍࣋ͬͯ͘͜ͱ͕େࣄ ͱࢥ͓ͬͯΓ·͢

  59. ͱ͍͏͜ͱͰ ࠓճͷϋϯζΦϯ͸

  60. "UPNJD%FTJHOͰ ίϯϙʔωϯτΛ෼͚ͯΈΑ͏

  61. લఏ

  62. None

  63. ͜ͷը໘ͷσβΠϯ͕ ׬੒͍ͯ͠Δ

  64. None

  65. ϝοηʔδҰཡը໘͸ ͲͷΑ͏ʹίϯϙʔωϯτΛ෼͚Δʁ

  66. ෇ᝦʹίϯϙʔωϯτͷఆٛΛॻ͘ ɾλΠϓBUPNdQBHF·ͰͷͲΕ͔ ɾ໊લίϯϙʔωϯτ໊ ɾQSPQTίϯϙʔωϯτʹඞཁͦ͏ ͳQSPQTͷҰཡ 'JH+BNʹͯ

  67. -FU`T5SZ