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
READMEにバッヂが欲しくてテストを書き始めました
Search
Yusuke Hirao
March 05, 2019
Technology
850
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
READMEにバッヂが欲しくてテストを書き始めました
Frontend Test Night - Fukuoka #1
Yusuke Hirao
March 05, 2019
More Decks by Yusuke Hirao
See All by Yusuke Hirao
ユニバーサルHTMLとWebのポテンシャル
yusukehirao
1
900
TypeScriptでつくるNode.jsパッケージ
yusukehirao
3
730
ユニバーサルなマークアップをしよう
yusukehirao
2
1k
アクセシビリティチェックを自動化するためのmarkuplintのロードマップ
yusukehirao
2
2.4k
本当に必要ですか?そのJavaScript 〜スクロールイベント・リサイズイベント編〜
yusukehirao
0
750
コードレビュー なんてしてられるかッ!!
yusukehirao
24
14k
自動化をデザインしよう
yusukehirao
1
950
JSONの型のはなし
yusukehirao
0
660
トランスパイラという文化(…とその後) - PHPカンファレンス福岡2016
yusukehirao
1
2.9k
Other Decks in Technology
See All in Technology
Bill One 開発エンジニア 紹介資料
sansan33
PRO
7
20k
APIセキュリティを組織で実現するには~注力する点と設計・実装に入れたい対策~
riiimparm
2
660
Dylib Hijacking on macOS: Dead or Alive?
patrickwardle
0
120
VPCでもFloatingIPを使いたいんだ
y_kotani
1
120
研究開発部の紹介 / Sansan R&D Profile
sansan33
PRO
4
24k
型落ちシンクライアント端末のPoEモジュールを自作したかった話
logica0419
0
500
『自分で判断できるか』を基準に、プロダクトのハンズオン研修でAI利用の線を引いてみた / Where We Drew the Line on AI in Hands-on Training
honyanya
0
410
ClaudeCodeでセキュリティ監視業務を半自動化_1年の運用でわかったAIに任せる設計の5つのポイント
kintotechdev
3
870
Claude Codeの体系的な理解と知識のフック
oikon48
7
5.9k
Introduction to Bill One Development Engineer
sansan33
PRO
0
480
[RSJ26] Flow as Flow: Modeling Robot Velocity Fields as Probability Velocity Fields
keio_smilab
PRO
0
100
指示待ちから変化に応じるClaude Codeへ!~環境からAgentへの帰り道を作る~
gotalab555
7
1.4k
Featured
See All Featured
Writing Fast Ruby
sferik
630
63k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
370
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
Context Engineering - Making Every Token Count
addyosmani
9
1.1k
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
400
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Amusing Abliteration
ianozsvald
1
270
Automating Front-end Workflow
addyosmani
1369
210k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
510
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
1.9k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
6.1k
Transcript
3&"%.&ʹόοξ͕ཉͯ͘͠ ςετΛॻ͖࢝Ί·ͨ͠ 'SPOUFOE5FTU/JHIU'VLVPLB גࣜձࣾσΟʔθϩ 8FCΞΫηγϏϦςΟΤϯδχΞ ฏඌΏ͏ͯΜ
©2019 Yusuke Hirao 3&"%.&ʹόοξ͕ཉͯ͘͠ ςετΛॻ͖࢝Ί·ͨ͠ 'SPOUFOE5FTU/JHIU'VLVPLB גࣜձࣾσΟʔθϩ 8FCΞΫηγϏϦςΟΤϯδχΞ ฏඌΏ͏ͯΜ
©2019 Yusuke Hirao ࣗݾհ ฏඌ༏యʢͻΒ͓Ώ͏ͯΜʣ גࣜձࣾσΟʔθϩ 8FCΞΫηγϏϦςΟΤϯδχΞ ϑϩϯτΤϯυΤϯδχΞ #-0(IUUQTOPUFNVZVTVLFIJSBP Yusuke
Hirao @cloud10designs
©2019 Yusuke Hirao ࠓͷςʔϚ ࢲ͕ςετʹ औΓΈ࢝Ί͖͔͚ͨͬ
©2019 Yusuke Hirao ΞδΣϯμ ࣌ɺΘͨ͠੨͔ͬͨɻ ϝϯςφϯεͱ͖߹͍ͬͯ͘ ͑ɺςετॻ͘ͷʁ ςετͷপ ςετͰؾΛ͚͍ͭͨ͜ͱ
©2019 Yusuke Hirao ࣌ɺΘͨ͠੨͔ͬͨɻ
©2019 Yusuke Hirao ࣌ɺΘͨ͠੨͔ͬͨɻ Φʔϓϯιʔεͱ͍͏ͷʹ യવͱͨ͠ಌΕΛ͍ͬͯͨ
©2019 Yusuke Hirao ࣌ɺΘͨ͠੨͔ͬͨɻ ʮΦϨϥΠϒϥϦͭ͘ΔΜʯ
©2019 Yusuke Hirao ࣌ɺΘͨ͠੨͔ͬͨɻ ͱɺ Θ͚ͷΘ͔ΒΜίʔυΛ (JUIVCʹࢃ͖ࢄΒͯͨ͠
©2019 Yusuke Hirao ࣌ɺΘͨ͠੨͔ͬͨɻ ͔͠͠ɺڥ͕͍ͯ͠ ۀͰ͏ϥΠϒϥϦΛ ͨ͘͞Μ࡞Εͨ
©2019 Yusuke Hirao ࣌ɺΘͨ͠੨͔ͬͨɻ K2VFSZϓϥάΠϯ %0.ૢ࡞ϥΠϒϥϦ 47(ϥΠϒϥϦ $BOWBTϥΠϒϥϦ 1IPUPTIPQࣗಈॲཧεΫϦϓτ &YDFMσʔλநग़ػ
จࣈมϥΠϒϥϦ )5.-Ϧϯλʔ
©2019 Yusuke Hirao ΞδΣϯμ ࣌ɺΘͨ͠੨͔ͬͨɻ ϝϯςφϯεͱ͖߹͍ͬͯ͘ ͑ɺςετॻ͘ͷʁ ςετͷপ ςετͰؾΛ͚͍ͭͨ͜ͱ
©2019 Yusuke Hirao ϝϯςφϯεͱ͖߹͍ͬͯ͘
©2019 Yusuke Hirao ϝϯςφϯεͱ͖߹͍ͬͯ͘ ۀͰΘΕΔͷͰ ʢΑ͘ΘΕͨͭͰؒαΠτ͘Β͍ʹ࣮ʣ
©2019 Yusuke Hirao ϝϯςφϯεͱ͖߹͍ͬͯ͘ όάใࠂ͍͢͝☠
©2019 Yusuke Hirao ϝϯςφϯεͱ͖߹͍ͬͯ͘ ཁ͍͢͝
©2019 Yusuke Hirao ϝϯςφϯεͱ͖߹͍ͬͯ͘ ൚༻తʹ͗ͯ͢͠ ػೳංେԽ͢Δ
©2019 Yusuke Hirao ϝϯςφϯεͱ͖߹͍ͬͯ͘ ػೳ$ΛՃ͢Δͱػೳ"͕յΕͨɻ ػೳ"Λͨ͠Βػೳ#͕յΕͨɻ
©2019 Yusuke Hirao ϝϯςφϯεͱ͖߹͍ͬͯ͘ ʗ ?P? ʘ
©2019 Yusuke Hirao ΞδΣϯμ ࣌ɺΘͨ͠੨͔ͬͨɻ ϝϯςφϯεͱ͖߹͍ͬͯ͘ ͑ɺςετॻ͘ͷʁ ςετͷপ ςετͰؾΛ͚͍ͭͨ͜ͱ
©2019 Yusuke Hirao ͑ɺςετॻ͘ͷʁ
©2019 Yusuke Hirao ͑ɺςετॻ͘ͷʁ ϝϯςφϯεΛֶ ςετʹग़ձ͏
©2019 Yusuke Hirao ͑ɺςετॻ͘ͷʁ ͑͑ɺςετʁ ςετͷͨΊʹίʔυॻ͘ͷ
©2019 Yusuke Hirao ͑ɺςετॻ͘ͷʁ େ͞Λ͚ͬͨͩͰ ߦಈʹҠͤΔ΄Ͳ ਓ͕ؒͰ͖ͪΌ͍ͳ͍
©2019 Yusuke Hirao ͑ɺςετॻ͘ͷʁ ੈͷதͷϥΠϒϥϦΛ ݟճͯ͠Έͨ
©2019 Yusuke Hirao ͑ɺςετॻ͘ͷʁ
©2019 Yusuke Hirao ͑ɺςετॻ͘ͷʁ ͳΜ͜ΕɺΈΜͳ͚ͱΔ ͔͍͍ͬ͜Μ͔
©2019 Yusuke Hirao ͑ɺςετॻ͘ͷʁ ʜ͔͍͍͔ͬ͜ஔ͍ͱ͍ͯɺ ͋Δఔͷ৴པੑͷΞϐʔϧ
©2019 Yusuke Hirao ͑ɺςετॻ͘ͷʁ ͪΐͬͱΔؾͰ͖ͯͨ
©2019 Yusuke Hirao ΞδΣϯμ ࣌ɺΘͨ͠੨͔ͬͨɻ ϝϯςφϯεͱ͖߹͍ͬͯ͘ ͑ɺςετॻ͘ͷʁ ςετͷপ ςετͰؾΛ͚͍ͭͨ͜ͱ
©2019 Yusuke Hirao ςετͷপ
©2019 Yusuke Hirao ςετͷপ ͍͟ςετΛॻ͔Μ
©2019 Yusuke Hirao ςετͷপ ͲΜͲΜॻ͘ ˝ ؆୯ͳؔͰ͍͍͔Βॻ͘ ˝ ✔ςετ͕௨Δ
©2019 Yusuke Hirao ςετͷপ
©2019 Yusuke Hirao ςετͷপ ͳΜͯշײʂ
©2019 Yusuke Hirao ςετͷপ ✔ςετ͕௨Δ ˝ ͬͱॻ͖͍ͨ ˝ ΧόϨοδΛ্͍͛ͯ͘
©2019 Yusuke Hirao ςετͷপ ͬͯΔͥײʂ
©2019 Yusuke Hirao ςετͷপ
©2019 Yusuke Hirao ςετͷপ ͪΌΜͱΠΠ͜ͱ͋Δ ͳΔ͘७ਮͳؔΛॻ͘Α͏ʹͳΔ ؔͷཻ͕খ͘͞ͳΔ ίʔυͷݟ௨͕͠Α͘ͳΔ ґଘϞδϡʔϧͷΞοϓσʔτ҆৺ ڪΕͣʹϦϑΝΫλϦϯά͕Ͱ͖Δ
ػೳ$Λ࡞ͬͯΔ్தͰػೳ"͕յΕΔ͜ͱʹؾ͚ͮΔ
©2019 Yusuke Hirao ΞδΣϯμ ࣌ɺΘͨ͠੨͔ͬͨɻ ϝϯςφϯεͱ͖߹͍ͬͯ͘ ͑ɺςετॻ͘ͷʁ ςετͷপ ςετͰؾΛ͚͍ͭͨ͜ͱ
©2019 Yusuke Hirao ςετͰؾΛ͚͍ͭͨ͜ͱ
©2019 Yusuke Hirao ςετͰؾΛ͚͍ͭͨ͜ͱ ΧόϨοδ͕ͯ͢͡Όͳ͍ ൺֱॲཧɺॲཧɺਖ਼نදݱ͋ͨΓΧόϨοδ͡ΌΧόʔͰ͖ͳ͍͜ͱ͕ଟ͍ ᮢνΣοΫςετઃܭɾςετίʔυ͕େ
©2019 Yusuke Hirao ςετͰؾΛ͚͍ͭͨ͜ͱ ςετπʔϧʹྲྀߦ͕͋Δ ϝϯς͕ऴΘͬͯࢮΜͰ͍͘πʔϧ͋Δ ΑΓྑ͍ΞʔΩςΫνϟϝϯςφϯεੑͰɺม͍͑ͯ͘ݕ౼͍Δ ͖߹ͬͯɺΓ͑ͯɺલʹਐΉͷΈ ϚΠάϨʔγϣϯπʔϧͳͲ͓͢͢Ίjest-codemods
©2019 Yusuke Hirao ςετͰؾΛ͚͍ͭͨ͜ͱ ςετʹؾΛऔΒΕ͗͢ͳ͍ ςετେ͚ͩͲɺଞʹकΒͳ͍ͱ͍͚ͳ͍͜ͱ͕͋Δ ͋ΔఔͷΓࣺͯஅ͍Δ ݱ࣮ɺશͳςετଘࡏ͠ͳ͍ ςετͷత໌֬ʹ
©2019 Yusuke Hirao ςετͰؾΛ͚͍ͭͨ͜ͱ ɹͨͩ͠ɺ ͜ΕΒςετ͕ ॻ͚ΔΑ͏ʹͳ͔ͬͯΒ ؾʹ͢Ε͍͍͜ͱ
©2019 Yusuke Hirao ·ͣɺॻ͍ͯΈΑ͏
©2019 Yusuke Hirao ·ͣɺॻ͍ͯΈΑ͏
࣍ճͪΌΜͱ ϑϩϯτͷ͠·͢
3&"%.&ʹόοξ͕ཉͯ͘͠ ςετΛॻ͖࢝Ί·ͨ͠ 'SPOUFOE5FTU/JHIU'VLVPLB גࣜձࣾσΟʔθϩ 8FCΞΫηγϏϦςΟΤϯδχΞ ฏඌΏ͏ͯΜ