Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
WebFEのテストにおける気持ちの変遷
Hiroyuki ANAI
March 05, 2019
Programming
0
320
WebFEのテストにおける気持ちの変遷
FrontEnd Test Night - Fukuoka #1 - connpass
https://ffs.connpass.com/event/112930/
Hiroyuki ANAI
March 05, 2019
Tweet
Share
More Decks by Hiroyuki ANAI
See All by Hiroyuki ANAI
Step Functionsの設計時に知っておいたほうがいいかもしれないこと
pirosikick
0
160
Go言語による並行処理「4.4 orチャネル」の図
pirosikick
0
190
サイボウズWebフロントエンド脱レガシーの今までとこれから
pirosikick
5
15k
@cybozu/eslint-configから学ぶ、全社共通ESLint configの運用
pirosikick
4
1.4k
Web Share Target API #w3fukuoka
pirosikick
0
470
Google I/O '19のWebをまとめる会
pirosikick
2
670
PuppeteerでいらないCSSを消す
pirosikick
24
25k
Progressive Hydration #react_fukuoka
pirosikick
5
1.2k
私が考えるReactのよさ #fukuokajs
pirosikick
2
610
Other Decks in Programming
See All in Programming
Rによる大規模データの処理
s_uryu
2
640
Git Rebase
bkuhlmann
10
1.2k
Qiita Night PHP 2023
fuwasegu
0
11k
Swift Expression Macros: a practical introduction
kishikawakatsumi
2
720
10年以上続くプロダクトの フロントエンド刷新プロジェクトのふりかえり
yotahada3
2
340
社会人 20 年目エンジニア、発信で技術学びなおしてる話
e99h2121
1
140
ペパカレで入社した私が感じた2つのギャップと向き合い方
kosuke_ito
0
270
フロントエンドで学んだことをデータ分析で使ってみた話
daichi_igarashi
0
180
Milestoner
bkuhlmann
1
240
PHPアプリケーションにおけるアーキテクチャメトリクスについて / Architecture Metrics in PHP Applications
isanasan
1
250
T3 Stack and TypeScript ecosystem
quramy
3
760
Functional Data Engineering - A Blueprint for adopting functional principles in data pipeline
vananth22
0
180
Featured
See All Featured
It's Worth the Effort
3n
177
26k
Docker and Python
trallard
30
1.9k
Rebuilding a faster, lazier Slack
samanthasiow
69
7.5k
A Philosophy of Restraint
colly
193
15k
GraphQLとの向き合い方2022年版
quramy
20
9.9k
Build your cross-platform service in a week with App Engine
jlugia
221
17k
Why Our Code Smells
bkeepers
PRO
326
55k
Building a Scalable Design System with Sketch
lauravandoore
451
31k
StorybookのUI Testing Handbookを読んだ
zakiyama
8
3.2k
Building Applications with DynamoDB
mza
85
5k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
351
21k
The Illustrated Children's Guide to Kubernetes
chrisshort
22
42k
Transcript
8FC'&ͷςετʹ͓͚Δ ؾ࣋ͪͷมભ !QJSPTJLJDL 'SPOUFOE5FTU/JHIU'VLVPLB 5VF
ࣗݾհ w ݀Ҫ w !QJSPTJLJDL w ϠϑʔגࣜձࣾΤϯδχΞ ϦονϥϘגࣜձࣾΤϯδχΞ w "QFY-FHFOETɺ͡Ί·ͨ͠ʢ1$൛ʣ
ࠓճͷςʔϚ ࢲ͕ςετʹऔΓΈ࢝Ίͨ ͖͔͚ͬ
ݱঢ়ͷ8FC'&ͷ ςετʹؔ͢Δߟ͑ํ w ςετॻ͜͏ w ʢͰ͖Εʣ5%%Ͱॻ͜͏ w ୠ͠ɺίϯϙʔωϯτͷϢχοτςετ ॻ͔ͳͯ͘Α͍͔ͳʙ
͢͜ͱ w 8FC'&ͷςετʹ͓͚Δؾ࣋ͪͷมભ w ςετ͕ແͯۤ͘࿑ͨ͠ w 5%%Λ͡Ί͖͔͚ͨͬ w ίϯϙʔωϯτͷςετʹؔ͢Δݸਓతͳߟ͑
͞ͳ͍ w ςετϑϨʔϜϫʔΫͷ w ςετίʔυͷॻ͖ํͳͲ w ίʔυ͕શ͘ͳ͍εϥΠυʹͳͬͯ͠·͍·ͨ͠!
ςετ͕ແͯ͘ ۤ࿑ͨ͠
ςετ͕ແͯۤ͘࿑ͨ͠ w डୗ։ൃ w ςετ͕ແ͘ਆʹفΔϦϦʔε w ͲΜͳʹখ͍͞ϦϦʔεͰɺ ͲΜͳʹಈ࡞֬ೝͯ͠ɺ ͓͕ۚབྷΉͱਏ͍
ςετ͕ແͯۤ͘࿑ͨ͠ w 8FC'&ΤϯδχΞ͕ࣗҰਓͷ##πʔϧ։ൃ w ςετ͕ແ͘ɺϨϏϡʔϫʔຖखಈͰಈ࡞֬ೝ w Ϛʔδ·Ͱ͕͍ w ϨϏϡʔϫʔͷෛՙ͕͔ͳΓߴ͘ͳΔ w
13ग़͢ͷΛԯ߷ʹͳΔѱ॥
w ςετΛॻ͔ͳͯ͘։ൃͰ͖Δ w ͕ɺͦͷޙͷӡ༻อक͕ਏ͍ͷͰςετॻ͖·͠ΐ͏ w ʮϦϦʔε͔ͯ͠Βʙ͠Α͏ʯ ϦϦʔε͔ͯ͠Β͕࣌ؒͰ͖ͨ͜ͱ͕ͳ͍ w ࣌ؒΑΓ༏ઌͷ͔
5%%Λ ͡Ί͖͔͚ͨͬ
εϚϑΥͷϦονࠂͷ ୯ମςετ w $44$BOWBTΛ׆༻ͨ͠ಈ͖ͷ͋Δࠂ w ࠂ͓͕ۚབྷΉͷͰςετΛ݁ߏॻ͍͍ͯͨ w NPDIB ,BSNBͰ࣮ϒϥβͰςετ w
ϒϥβͷ"1*Λଟ༻͢ΔͷͰదٓϞοΫΛͬͯςετ w ࣮ޙʹςετΛॻ͘ͱϞοΫ͠ਏ͍͕Օॴ͕ൃੜ͢Δ w 5%%Ͱςετ͍࣮͢͠ʹ͍ͯ͜͠͏ʂ
ͱ͋Δ/VYUҊ݅ w ίϯϙʔωϯτςετΛॻ͍͍͕ͯͨɺɺɺ w ςετ͕͙͢յΕΔ w ༷Ͱͳ࣮͘ʹର͢Δςετέʔεʹͳͬͯͳ͍͔ʁ w ίϯϙʔωϯτ5%%Δͧʂ w
༷ʹର͢Δςετ͕ࣗવͱॻ͚Δͣ w ࣮͕มΘ༷͕ͬͯมΘΒͳ͚Ε ςετյΕͳ͍ͣ
w ίϯϙʔωϯτͷ5%%͍ͬͯͨ ҎԼʹ·ͱΊͯ·͢ w IUUQTXXXTMJEFTIBSFOFUIJSPZVLJBOBJJOTJEF GSPOUFOEJOTJEFGF
5%%ͬͯΈͯ
࣌ؒ w ࠷ॳ͍ͭΑΓ͕͔͔࣌ؒΔΑ͏ʹײ͡Δ w ༷Λߟ͑Δ࣌ؒɺ ͦͦͲ͏͍͏ςετॻ͚͍͍ͷ͔ߟ͑Δ࣌ؒͰख͕ࢭ·Δ w ΰʔϧ͕໌֬ͳͷͰɺ࣮࣌ؒ͘ͳΔ w τʔλϧʢ࣮ʴςετʣϓϥϚΠθϩʹͳΔ
w ख़࿅͢Δͱૣ͘ͳΔ͔ w ࣮ϛε͕ݮΔͷͰ͘ͳΔ͜ͱ͋Δ͔
ςετίʔυ w ͦ͜·ͰมΘΒͳ͍ w 6*ͷςετͲ͏ͯ͠ෳࡶʹͳΔ w ςετίʔυͷϦϑΝΫλผ్ඞཁ w ςετέʔεͷ·ͱ·Γ͕ؔɾϝιουɺQSPQT͔Β ৼΔ͍ʹมΘΔͷΑ͍
ίϯϙʔωϯτͷ ୯ମςετʹ͍ͭͯ
ίϯϙʔωϯτͷ୯ମςετ ʹ͖߹ͬͯࢥͬͨ͜ͱ w ϝϯς͕ͬͺΓਏ͍ w 5%%Ͱͬͯ6*ͷςετίʔυෳࡶʹͳΓ͕ͪ w ϩδοΫͦͦίϯϙʔωϯτ͔ΒΓͤΑ͍ w 3FEVYɺ7VFY
w ྫʣJGจɿSFEVDLTͷTFMFDUPSWVFYͷNVUBUJPOʹ࣋ͨ͢ w ࢹ֬ೝɺಈ࡞֬ೝࣦͤ͘ͳ͍ w Ξχϝʔγϣϯɾݟͨɺϒϥβ"1*Λར༻͍ͯ͠Δ
ίϯϙʔωϯτͷςετʹ ؔ͢Δ࠷ۙͷؾ࣋ͪ w 4UPSZCPPL%PD[Λͬͯ ίϯϙʔωϯτ୯ମͰಈ࡞֬ೝͰ͖ΔڥΛ࡞Δ w ࢹ֬ೝɺಈ࡞֬ೝͷίετΛԼ͛Δ w ίϯϙʔωϯτͷ୯ମςετݪଇॻ͔ͳͯ͘Α͍ w
ίϯϙʔωϯτ͔Βςετ͖͢ϩδοΫΛΓ͢ w ϝϯςਏ͍ͷͰεφοϓγϣοτςετ͘Β͍ʹཹΊΔ w 4UPSZCPPLͰεφοϓγϣοτऔΕΔͷͰ͕ͦͬͪΑ͍͔ w ։ൃख๏ͱͯ͠ෳࡶͳίϯϙʔωϯτͷ։ൃʹ5%%͏ͷ͋Γ
·ͱΊ
w ςετॻ͖·͠ΐ͏ w 5%%Ͱॻ͘ͱ w ༷ʹର͢Δςετ͕ॻ͚Δ w ςετ͍࣮͢͠ʹͳΔ w ίϯϙʔωϯτͷςετ
ίετͱͷόϥϯε͕ඞཁͳؾ͕͢Δ
͋Γ͕ͱ͏ ͍͟͝·ͨ͠