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
700
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
750
TypeScriptでつくるNode.jsパッケージ
yusukehirao
3
550
ユニバーサルなマークアップをしよう
yusukehirao
2
830
アクセシビリティチェックを自動化するためのmarkuplintのロードマップ
yusukehirao
2
2k
本当に必要ですか?そのJavaScript 〜スクロールイベント・リサイズイベント編〜
yusukehirao
0
540
コードレビュー なんてしてられるかッ!!
yusukehirao
24
13k
自動化をデザインしよう
yusukehirao
1
850
JSONの型のはなし
yusukehirao
0
580
トランスパイラという文化(…とその後) - PHPカンファレンス福岡2016
yusukehirao
1
2.5k
Other Decks in Technology
See All in Technology
データベース研修 分析向けSQL入門【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
110
「我々はどこに向かっているのか」を問い続けるための仕組みづくり / Establishing a System for Continuous Inquiry about where we are
daitasu
0
170
スタートアップにおける組織設計とスクラムの長期戦略 / Scrum Fest Kanazawa 2024
yoshikiiida
13
3.6k
地理情報とAPIのトレンド
nagix
0
160
[NIKKEI Tech Talk] KDDI/KAG Scrum & Community for Engineering Training
curanosuke
2
220
初中級者用如何使用backlog -VALE TUDOEDITION-
in0u
0
140
E2Eテスト自動化プラットフォームにおけるAIの活用
shift_evolve
0
180
Azure AI ことはじめ
tsubakimoto_s
0
130
コンテナ・K8s研修 - 前半 コンテナ基礎・ハンズオン【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
170
AWSで”最小権限の原則”を実現するための考え方 /20240722-ssmjp-aws-least-privilege
opelab
10
4.3k
AIアシスタントの活用で品質の向上と開発ワークフローのスピードアップ
nagix
1
190
フルリモートワークはエンジニアの夢を叶えたか? #cm_odyssey
mamohacy
2
600
Featured
See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
399
65k
The Power of CSS Pseudo Elements
geoffreycrofte
64
5.2k
Adopting Sorbet at Scale
ufuk
71
8.8k
Side Projects
sachag
451
42k
Designing for humans not robots
tammielis
247
25k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
105
6.8k
[RailsConf 2023] Rails as a piece of cake
palkan
35
4.4k
Building a Modern Day E-commerce SEO Strategy
aleyda
25
6.7k
How to Think Like a Performance Engineer
csswizardry
4
590
Large-scale JavaScript Application Architecture
addyosmani
506
110k
StorybookのUI Testing Handbookを読んだ
zakiyama
15
4.9k
Design by the Numbers
sachag
277
18k
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ΞΫηγϏϦςΟΤϯδχΞ ฏඌΏ͏ͯΜ