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
750
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
800
TypeScriptでつくるNode.jsパッケージ
yusukehirao
3
610
ユニバーサルなマークアップをしよう
yusukehirao
2
880
アクセシビリティチェックを自動化するためのmarkuplintのロードマップ
yusukehirao
2
2.1k
本当に必要ですか?そのJavaScript 〜スクロールイベント・リサイズイベント編〜
yusukehirao
0
590
コードレビュー なんてしてられるかッ!!
yusukehirao
24
14k
自動化をデザインしよう
yusukehirao
1
880
JSONの型のはなし
yusukehirao
0
600
トランスパイラという文化(…とその後) - PHPカンファレンス福岡2016
yusukehirao
1
2.7k
Other Decks in Technology
See All in Technology
🌏丸い地球を効率的に平たくする 〜🗺️地図の幾何学とWeb地図技術〜
syotasasaki593876
0
120
生成AI × 旅行 LLMを活用した旅行プラン生成・チャットボット
kominet_ava
0
120
ソフトウェア開発における「パーフェクトな意思決定」/Perfect Decision-Making in Software Development
yayoi_dd
2
2.7k
KMP with Crashlytics
sansantech
PRO
0
130
最近のSfM手法まとめ - COLMAP / GLOMAPを中心に -
kwchrk
8
1.8k
PHPerのための計算量入門/Complexity101 for PHPer
hanhan1978
6
1.6k
LangGraphとFlaskを用いた社内資料検索ボットの実装②Retriever構築編
aoikumadaki
0
100
Visual StudioとかIDE関連小ネタ話
kosmosebi
1
320
知っててうれしい HTTP Cookie を使ったセッション管理について
greendrop
1
120
Accessibility Inspectorを活用した アプリのアクセシビリティ向上方法
hinakko
0
140
エンジニアリングマネージャー視点での、自律的なスケーリングを実現するFASTという選択肢 / RSGT2025
yoshikiiida
4
3.2k
実践! ソフトウェアエンジニアリングの価値の計測 ── Effort、Output、Outcome、Impact
nomuson
0
1.7k
Featured
See All Featured
Adopting Sorbet at Scale
ufuk
74
9.1k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
560
Being A Developer After 40
akosma
89
590k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Bash Introduction
62gerente
610
210k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
490
How to Think Like a Performance Engineer
csswizardry
22
1.3k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
127
18k
Facilitating Awesome Meetings
lara
50
6.2k
Typedesign – Prime Four
hannesfritz
40
2.5k
The Cult of Friendly URLs
andyhume
78
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ΞΫηγϏϦςΟΤϯδχΞ ฏඌΏ͏ͯΜ