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
WebFEのテストにおける気持ちの変遷
Search
Hiroyuki ANAI
March 05, 2019
Programming
0
490
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
compilerOptions、全部読んだ
pirosikick
1
170
Step Functionsの設計時に知っておいたほうがいいかもしれないこと
pirosikick
0
310
Go言語による並行処理「4.4 orチャネル」の図
pirosikick
0
320
サイボウズWebフロントエンド脱レガシーの今までとこれから
pirosikick
5
17k
@cybozu/eslint-configから学ぶ、全社共通ESLint configの運用
pirosikick
4
1.8k
Web Share Target API #w3fukuoka
pirosikick
0
630
Google I/O '19のWebをまとめる会
pirosikick
2
800
PuppeteerでいらないCSSを消す
pirosikick
24
28k
Progressive Hydration #react_fukuoka
pirosikick
5
1.7k
Other Decks in Programming
See All in Programming
ペアーズでの、Langfuseを中心とした評価ドリブンなリリースサイクルのご紹介
fukubaka0825
2
320
pylint custom ruleで始めるレビュー自動化
shogoujiie
0
120
GoとPHPのインターフェイスの違い
shimabox
2
190
SpringBoot3.4の構造化ログ #kanjava
irof
2
990
Pulsar2 を雰囲気で使ってみよう
anoken
0
240
Amazon ECS とマイクロサービスから考えるシステム構成
hiyanger
2
560
1年目の私に伝えたい!テストコードを怖がらなくなるためのヒント/Tips for not being afraid of test code
push_gawa
0
140
プログラミング言語学習のススメ / why-do-i-learn-programming-language
yashi8484
0
130
Grafana Loki によるサーバログのコスト削減
mot_techtalk
1
130
CI改善もDatadogとともに
taumu
0
120
『GO』アプリ バックエンドサーバのコスト削減
mot_techtalk
0
140
2024年のWebフロントエンドのふりかえりと2025年
sakito
2
250
Featured
See All Featured
KATA
mclloyd
29
14k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
A better future with KSS
kneath
238
17k
Building a Scalable Design System with Sketch
lauravandoore
461
33k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
Testing 201, or: Great Expectations
jmmastey
42
7.2k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Git: the NoSQL Database
bkeepers
PRO
427
64k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Designing Experiences People Love
moore
140
23k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
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 ίϯϙʔωϯτͷςετ
ίετͱͷόϥϯε͕ඞཁͳؾ͕͢Δ
͋Γ͕ͱ͏ ͍͟͝·ͨ͠