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
1
790
READMEにバッヂが欲しくてテストを書き始めました
Frontend Test Night - Fukuoka #1
Yusuke Hirao
March 05, 2019
Tweet
Share
More Decks by Yusuke Hirao
See All by Yusuke Hirao
ユニバーサルHTMLとWebのポテンシャル
yusukehirao
1
840
TypeScriptでつくるNode.jsパッケージ
yusukehirao
3
660
ユニバーサルなマークアップをしよう
yusukehirao
2
930
アクセシビリティチェックを自動化するためのmarkuplintのロードマップ
yusukehirao
2
2.2k
本当に必要ですか?そのJavaScript 〜スクロールイベント・リサイズイベント編〜
yusukehirao
0
670
コードレビュー なんてしてられるかッ!!
yusukehirao
24
14k
自動化をデザインしよう
yusukehirao
1
910
JSONの型のはなし
yusukehirao
0
620
トランスパイラという文化(…とその後) - PHPカンファレンス福岡2016
yusukehirao
1
2.8k
Other Decks in Technology
See All in Technology
VPC Latticeのサービスエンドポイント機能を使用した複数VPCアクセス
duelist2020jp
0
150
EKS Pod Identity における推移的な session tags
z63d
1
200
Go で言うところのアレは TypeScript で言うとコレ / Kyoto.なんか #7
susisu
1
110
AIは変更差分からユニットテスト_結合テスト_システムテストでテストすべきことが出せるのか?
mineo_matsuya
5
3.2k
KiroでGameDay開催してみよう(準備編)
yuuuuuuu168
1
120
Evolution on AI Agent and Beyond - AGI への道のりと、シンギュラリティの3つのシナリオ
masayamoriofficial
0
130
帳票Vibe Coding
terurou
0
130
Android Studio の 新しいAI機能を試してみよう / Try out the new AI features in Android Studio
yanzm
0
250
なごミュ@SPAJAM2025 第二回予選
1901drama
0
120
Backboneとしてのtimm2025
yu4u
3
1.3k
PFEM Online Feature Flag @ newmo
shinyaishitobi
2
340
知られざるprops命名の慣習 アクション編
uhyo
10
2.1k
Featured
See All Featured
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Gamification - CAS2011
davidbonilla
81
5.4k
Rails Girls Zürich Keynote
gr2m
95
14k
A Tale of Four Properties
chriscoyier
160
23k
YesSQL, Process and Tooling at Scale
rocio
173
14k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
A Modern Web Designer's Workflow
chriscoyier
695
190k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
KATA
mclloyd
32
14k
How STYLIGHT went responsive
nonsquared
100
5.7k
Six Lessons from altMBA
skipperchong
28
4k
Automating Front-end Workflow
addyosmani
1370
200k
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ΞΫηγϏϦςΟΤϯδχΞ ฏඌΏ͏ͯΜ