明日からはじめるテストのあるフロントエンド開発 ~ テスティングトロフィー ~

by sakito

Slide 1

Slide 1 text

໌೔͔Β͸͡ΊΔςετͷ͋Δ  ϑϩϯτΤϯυ։ൃ ϑϩϯτΤϯυΧϯϑΝϨϯε෱Ԭ

Slide 2

Slide 2 text

/BNF 4BLJUP.VLBJ 5XJUUFS  !@@TBLJUP@@ $PNQBOZ $ZCP[VJOD  'SPOUFOE&YQFSU5FBN "CPVUNF

Slide 3

Slide 3 text

"HFOEB wͳͥςετ͕ඞཁͳͷ͔ w5FTUJOH5SPQIZ w6OJU5FTU w*OUFHSBUJPO5FTU w&&5FTU w·ͱΊ

Slide 4

Slide 4 text

ͳͥςετ͕ඞཁͳͷ͔ʁ

Slide 5

Slide 5 text

࠷ॳ͸៉ྷͳϓϩδΣΫτ

Slide 6

Slide 6 text

ίʔυ͸ৗʹมԽ͍ͯ͘͠ wػೳͷ௥Ճ wϦϑΝΫλϦϯά wύοέʔδͷߋ৽ wόάͷमਖ਼ wFUDʜ

Slide 7

Slide 7 text

ஈʑͱ௥Ճ͕೉͘͠ͳ͍ͬͯ͘

Slide 8

Slide 8 text

ςετΛॻ͘͜ͱͰίʔυʹࣗ৴Λ࣋ͭ wϦϑΝΫλϦϯάΛͯ͠΋ɺ  յΕΔՕॴ͕͙͢ʹΘ͔Δ wมߋςετ࣮ߦόάൃ֮·Ͱ  ͙͢ʹΘ͔Δ

Slide 9

Slide 9 text

ςετΛॻ͘͜ͱͰ  ίʔυΛมߋ͢ΔڪාΛͳ͘͢

Slide 10

Slide 10 text

ͲͷΑ͏ʹςετΛॻ͍͍ͯ͘ͷ͔ʁ

Slide 11

Slide 11 text

ςετͷ۠෼ w6OJU5FTU ؔ਺΍ϝιου୯Ґͷςετ w*OUFHSBUJPO5FTU ػೳςετ w&OE5P&OE5FTU ΞϓϦέʔγϣϯͷςετ

Slide 12

Slide 12 text

ςετͷόϥϯεͱίετ 6OJU5FTU *OUFHSBUJPO5FTU ࣮ߦอकίετ ։ൃ࣮ߦ଎౓ &&5FTU ςετͷྔ

Slide 13

Slide 13 text

ςετͷόϥϯεͱίετΛ  ϑϩϯτΤϯυ͚ͩʹϑΥʔΧεͯ͠ΈΔ

Slide 14

Slide 14 text

5FTUJOH5SPQIZ

Slide 15

Slide 15 text

5FTUJOH5SPQIZ Ҿ༻ݩɿ5FTUJOH+BWB4DSJQU  IUUQTUFTUJOHKBWBTDSJQUDPN

Slide 16

Slide 16 text

5FTUJOH5SPQIZ Ҿ༻ݩɿ5FTUJOH+BWB4DSJQU  IUUQTUFTUJOHKBWBTDSJQUDPN w,FOU$%PEETߟҊ wΧόϨοδΛ໨ࢦ͢ͷͰ͸ͳ͍ wίετɺ଎౓ɺ৴པੑͷόϥϯε

Slide 17

Slide 17 text

8SJUFUFTUT/PUUPPNBOZ.PTUMZJOUFHSBUJPO IUUQTLFOUDEPEETDPNCMPHXSJUFUFTUT

Slide 18

Slide 18 text

5FTUJOH5SPQIZ4UBUJD૚ Ҿ༻ݩɿ5FTUJOH+BWB4DSJQU  IUUQTUFTUJOHKBWBTDSJQUDPN w-JOU 1SFUUJFS 5ZQF4DSJQUͳͲΛ࢖༻ wλΠϓϛεɺߏจνΣοΫͳͲΛ୲͏૚

Slide 19

Slide 19 text

Ҿ༻ݩɿ5FTUJOH+BWB4DSJQU  IUUQTUFTUJOHKBWBTDSJQUDPN w+FTU΍UFTUJOHMJCSBSZΛ࢖༻ wͭͷؔ਺ɺϩδοΫʹରͯ͠ςετΛ ॻ͘૚ 5FTUJOH5SPQIZ6OJU૚

Slide 20

Slide 20 text

Ҿ༻ݩɿ5FTUJOH+BWB4DSJQU  IUUQTUFTUJOHKBWBTDSJQUDPN w6OJUςετͰ͸Χόʔͮ͠Β͍ෳ਺ͷ  ίϯϙʔωϯτ΍ػೳΛ૊ΈΘͤͨςε τΛ͢Δ૚ wϞοΫΛՄೳͳݶΓ࢖༻ͤͣɺ  ຊདྷͷػೳ௨ΓͷςετΛ໨ࢦ͢ w6OJU5FTUͱͷ໌֬ͳ۠෼͸ͳ͍ͷͰɺ  νʔϜͰͲͷػೳൣғ͕*OUFHSBUJPO ૚ͳͷ͔ٞ࿦͢ΔͱΑ͍ 5FTUJOH5SPQIZ*OUFHSBUJPO૚

Slide 21

Slide 21 text

Ҿ༻ݩɿ5FTUJOH+BWB4DSJQU  IUUQTUFTUJOHKBWBTDSJQUDPN w$ZQSFTTͳͲͷ  &&ϑϨʔϜϫʔΫΛ࢖༻ wαʔόʔͱͷ௨৴ΛڬΉςετͳͲ  ΞϓϦέʔγϣϯ্Ͱόά͕͋ͬͯ͸ࠔ ΔॏཁͳػೳΛςετ͢Δ૚ 5FTUJOH5SPQIZ&OEUP&OE૚

Slide 22

Slide 22 text

5FTUJOH8PSLTIPQ IUUQTHJUIVCDPNLFOUDEPEETUFTUJOHXPSLTIPQ w,FOU$%PEET͕࡞੒ͨ͠ϨϙδτϦ

Slide 23

Slide 23 text

Ҿ༻ݩɿ5FTUJOH+BWB4DSJQU  IUUQTUFTUJOHKBWBTDSJQUDPN ࠓճ͸্Ґ૚Λίʔυͱڞʹઆ໌͍ͯ͘͠

Slide 24

Slide 24 text

6OJU5FTU

Slide 25

Slide 25 text

Ҿ༻ݩɿ5FTUJOH+BWB4DSJQU  IUUQTUFTUJOHKBWBTDSJQUDPN w+FTU w'BDFCPPL੡ͷ044ϥΠϒϥϦ w6OJU5FTUʹඞཁͳ"TTFSU .PDL $PWFSBHFͳͲ ͷػೳΛ΋͍ͬͯΔ w5FTUJOH-JCSBSZ w,FOU$%PEET͕࡞੒ͨ͠ϥΠϒϥϦ w%0.Λૢ࡞͢Δ"1*Λఏڙ w%0.5FTUJOH-JCSBSZ΍3FBDU5FTUJOH-JCSBSZ ͕͋Δ +FTUͱ5FTUJOH-JCSBSZ

Slide 26

Slide 26 text

+FTUΛ༻͍ͨίʔυ੒ޭ wKFTU UTKFTUΛ࢖༻

Slide 27

Slide 27 text

+FTUΛ༻͍ͨίʔυ੒ޭ

Slide 28

Slide 28 text

+FTUΛ༻͍ͨίʔυࣦഊ wظ଴͢Δ݁Ռͱࠓͷ݁Ռͷҧ͍͸ɺ͙͢ʹΘ͔Δ

Slide 29

Slide 29 text

+FTUΛ༻͍ͨίʔυࣦഊ

Slide 30

Slide 30 text

+FTUΛ༻͍ͨίʔυ.PDLͷ࢖༻ wϥϯμϜͷ݁ՌΛऔಘ͢ΔͷͰ҆ఆ͠ͳ͍ςετ

Slide 31

Slide 31 text

+FTUΛ༻͍ͨίʔυ.PDLͷ࢖༻

Slide 32

Slide 32 text

+FTUΛ༻͍ͨίʔυ.PDLͷ࢖༻ w.PDL͢Δ͜ͱʹΑΓ݁Ռ͕҆ఆ͢Δ

Slide 33

Slide 33 text

+FTUΛ༻͍ͨίʔυ.PDLͷ࢖༻

Slide 34

Slide 34 text

3FBDUͷςετ৔߹ w!UFTUJOHMJCSBSZSFBDUΛ࢖༻

Slide 35

Slide 35 text

3FBDUͷςετ৔߹

Slide 36

Slide 36 text

3FBDUͷςετ৔߹

Slide 37

Slide 37 text

3FBDU$VTUPN)PPLTͷςετ৔߹ w!UFTUJOHMJCSBSZSFBDUIPPLTΛ࢖༻

Slide 38

Slide 38 text

3FBDU$VTUPN)PPLTͷςετ৔߹

Slide 39

Slide 39 text

3FBDU$VTUPN)PPLTͷςετ৔߹

Slide 40

Slide 40 text

5FTUJOH3FDJQFT IUUQTSFBDUKTPSHEPDTUFTUJOHSFDJQFTIUNM

Slide 41

Slide 41 text

*OUFHSBUJPO5FTU

Slide 42

Slide 42 text

5FTUJOH8PSLTIPQͷ5FTUΛݟ͍ͯ͘

Slide 43

Slide 43 text

࣮ࡍʹςετ͍ͯ͠ΔMPHJOػೳ

Slide 44

Slide 44 text

ϩάΠϯػೳͷςετίʔυ

Slide 45

Slide 45 text

ϩάΠϯػೳͷςετίʔυ

Slide 46

Slide 46 text

ϩάΠϯػೳͷςετίʔυ

Slide 47

Slide 47 text

ϩάΠϯػೳͷςετίʔυ

Slide 48

Slide 48 text

&OEUP&OE5FTU

Slide 49

Slide 49 text

$ZQSFTT Ҿ༻ݩɿDZQSFTTJP  IUUQTXXXDZQSFTTJP

Slide 50

Slide 50 text

$ZQSFTTʹ͍ͭͯ w&OEUP&OEςετϑϨʔϜϫʔΫ w044 IUUQTHJUIVCDPNDZQSFTTJPDZQSFTT wෳ਺ͷϒϥ΢βΛαϙʔτ wಈ࡞͕ૣ͍ w࿥ը΍Ωϟϓνϟ͕Ͱ͖Δ w$*Ͱ΋ಈ͔͢͜ͱ͕Ͱ͖Δ wৄ͘͠͸͜͜  IUUQTEPDTDZQSFTTJPHVJEFTPWFSWJFXXIZDZQSFTTIUNM 

Slide 51

Slide 51 text

$ZQSFTTͷಈ࡞

Slide 52

Slide 52 text

$ZQSFTTͷίʔυ

Slide 53

Slide 53 text

$ZQSFTTͰ௨৴Λςετ

Slide 54

Slide 54 text

$ZQSFTTͷઃఆ wDZQSFTTKTPOʹઃఆΛهड़Ͱ͖Δ wϒϥ΢β෯΍ߴ͞ɺςετϑΥϧμͷࢦఆͳͲ

Slide 55

Slide 55 text

$ZQSFTTΛศརʹ͢Δπʔϧ w$ZQSFTT5FTUJOH-JCSBSZ  $ZQSFTTͷDZίϚϯυΛ֦ுͯ͘͠ΕΔ w$ZQSFTT&4-JOU1MVHJO  $ZQSFTTͷ5FTUϑΝΠϧʹద༻Ͱ͖Δ

Slide 56

Slide 56 text

·ͱΊ

Slide 57

Slide 57 text

·ͱΊ w໌೔͔ΒςετΛॻ͍͍ͯ͜͏ʂ wςετͰίʔυʹ৴པΛ࣋ͬͯɺ  ։ൃ͍ͯ͘͠ wςετ΋όϥϯεͱύϑΥʔϚϯεΛ  ҙࣝ͢Δ w5FTUJOH 5SPQIZ ͸ϑϩϯτΤϯυͷͭͷ 5FTUख๏ w*OUFHSBUJPO5FTU΍6OJU5FTUͲ͏෼͚Δ ͷ͔νʔϜͰ࿩͠߹͏ͷ͕େࣄ

Slide 58

Slide 58 text

͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠