Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
READMEにバッヂが欲しくてテストを書き始めました
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Yusuke Hirao
March 05, 2019
Technology
860
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
910
TypeScriptでつくるNode.jsパッケージ
yusukehirao
3
740
ユニバーサルなマークアップをしよう
yusukehirao
2
1k
アクセシビリティチェックを自動化するためのmarkuplintのロードマップ
yusukehirao
2
2.4k
本当に必要ですか?そのJavaScript 〜スクロールイベント・リサイズイベント編〜
yusukehirao
0
760
コードレビュー なんてしてられるかッ!!
yusukehirao
24
14k
自動化をデザインしよう
yusukehirao
1
960
JSONの型のはなし
yusukehirao
0
660
トランスパイラという文化(…とその後) - PHPカンファレンス福岡2016
yusukehirao
1
2.9k
Other Decks in Technology
See All in Technology
OSC2026on_the-world-is-waiting-for-your-voice.pdf
naruoga
0
290
AWS DevOps Agent スキルをつかいこなそう / Master AWS DevOps Agent Skills
kinunori
2
670
プラットフォームを「作る」、 チームに「入り込む」
sansantech
PRO
0
560
営業オントロジーの作り方と、エージェントからの辿り方 ── ナレッジワークの現場から
kworkdev
PRO
1
240
TiDBファミリーにDWHが新登場!! TiDB最新情報 / TiDB update 202609
yoshiakiyamasaki
0
190
Apache Iceberg が拓く AI 時代のオープンレイクハウス
tomtanaka
0
210
覗いてみよう 関数型ビジュアル言語×2Dグラフィックスの世界
yohyamasaki
0
170
AIは爆速なのに、私が詰まっていた話 ― 音声入力と鳴くマスコットでボトルネックを削る
yama3133
0
450
Execution in the Kingdom of Agents: Reflections on Abstraction and Complexity
bcantrill
0
760
spanner-autoscalerに学ぶ CRD設計パターン 〜自動化と緊急時対応を両立する Kubernetesコントローラーの作り方〜
tkuchiki
0
230
AIに書かせて、プラットフォームで縛る ― EKSプラットフォームで実践した責任境界と権限設計
elmodev09
1
1.2k
おそらく日本で唯一のDevRelインターン生として
husengs7
0
140
Featured
See All Featured
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
helenjbeal
1
340
Odyssey Design
rkendrick25
PRO
2
850
How to build a perfect <img>
jonoalderson
1
6.1k
The Curse of the Amulet
leimatthew05
3
15k
Why You Should Never Use an ORM
jnunemaker
PRO
61
10k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
350
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Paper Plane
katiecoart
PRO
4
53k
Into the Great Unknown - MozCon
thekraken
41
2.7k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.4k
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.5k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.6k
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ΞΫηγϏϦςΟΤϯδχΞ ฏඌΏ͏ͯΜ