191130_SeleniumConf二都物語/seleniumconf_a_tale_of_two_cities

Slide 1

Slide 1 text

SeleniumConf ೋ౎෺ޠ /PWγεςϜςετࣗಈԽΧϯϑΝϨϯε Տݪా੓య Masanori Kawarada  (Mark Ward) @mkwrd A Tale of Two Cities

Slide 2

Slide 2 text

w 2VBMJUZ1IJMPTPQIFS w Ձ஋ࢤ޲ɾจܥാग़਎ΤϯδχΞ w ւ֎ΧϯϑΝϨϯεΑ͘ߦ͘ܥΤϯδχΞ w Ո௞ ԁͷ͓෦԰ࡏॅΤϯδχΞ w 4FMFOJVN$POG5PLZP࣮ߦҕһ Տݪా੓య Masanori Kawarada  (Mark Ward) @mkwrd

Slide 3

Slide 3 text

Տݪా੓య Masanori Kawarada  (Mark Ward) @mkwrd ݩɾ੨͍ςετձࣾ ݱɾ੨͍FinTechձࣾ ࣍ɾ੨͍ڭҭࣄۀձࣾ Job History

Slide 4

Slide 4 text

Conference ! " # $ % ! Տݪా੓య Masanori Kawarada  (Mark Ward) @mkwrd

Slide 5

Slide 5 text

Special Thanks Տݪా੓య Masanori Kawarada  (Mark Ward) @mkwrd

Slide 6

Slide 6 text

Image Materials Տݪా੓య Masanori Kawarada  (Mark Ward) @mkwrd

Slide 7

Slide 7 text

SeleniumConf ೋ౎෺ޠ A Tale of Two Cities @mkwrd

Slide 8

Slide 8 text

Charles Dickens @mkwrd

Slide 9

Slide 9 text

@mkwrd

Slide 10

Slide 10 text

@mkwrd ౦ΞδΞॳͷ4FMFOJVNެࣜΧϯϑΝϨϯε ϲࠃ͔ΒਓҎ্͕ࢀՃ ண૝͔Β࣮ݱ·Ͱɺ೥൒Ҏ্ʂ ೥݄೔ʙ೔ʢ೔ɿ8PSLTIPQʣ

Slide 11

Slide 11 text

@mkwrd

Slide 12

Slide 12 text

࣮ݱ·Ͱͷεςοϓ w ೥݄೔ɹ4FMFOJVN$PNNJUUFS%BZ։࠵ 㾎͜ͷ࣌఺Ͱ͸4FMFOJVN$POG5PLZP͸ະ֬ఆʂʂ 㾎ಉ࣌௨༁෇͖Πϕϯτ @mkwrd w ೥݄೔ɹ4FMFOJVN6TFS$PNNVOJUZ಺Ͱ࣮ࢪ֬ఆ͕ൃද 㾎༗ࢤืूຊ֨Խɿϝϯόʔ͸໿ਓ 㾎໾ׂ෼୲ ‣ ໰͍߹ΘͤରԠɺ5XJUUFS޿ใ ‣ ଞɿεϙϯαʔɺձ৔ɺ௨༁ɺνέοτɺϫʔΫγϣοϓFUD

Slide 13

Slide 13 text

࣮ݱ·Ͱͷεςοϓ @mkwrd w ೥݄த०ɹ$'1కΊ੾Γ 㾎ւ֎͔Β໿ຊɺࠃ಺͔Β໿ຊ 㾎64ͱͷଧͪ߹ΘͤΛॏͶͭͭɺ৻ॏʹݕ౼ 㾎ւ֎$'1͸શ෦ӳޠ ‣ େᷢ೔ʹશ෦(PPHMF຋༁ʹ͔͚ͯυΩϡϝϯτ࡞੒ w ೥݄ɹ΄΅ຖ೔ϝʔϧͷ΍ΓऔΓ 㾎ຖ೔4FMFOJVN$POG5PLZPͷ͜ͱΛ΍͍ͬͯͨ

Slide 14

Slide 14 text

࣮ݱ·Ͱͷεςοϓ @mkwrd w ೥݄ɾ݄ɹνέοτൢചՂڥ 㾎ଞࠃ࣮ࢪͷ4FMFOJVN$POGΑΓ΋͍ͩͿՁ֨Λ཈͑ͯ͝ఏڙ 㾎ւ֎͔Βͷஂମߪೖ͕ൢചऴྃલʹೖΔͳͲ 㾎ऩࢧ͸େৎ෉ͩɺ໰୊ͳ͍ w w ೥݄ɹ4FMFOJVN$POG5PLZPࣄલษڧձ 㾎$'1Λग़ͯ͠ͳ͍ਓ΋ɺग़ͯ͠མͪͨਓ΋ొஃ 㾎ಈը഑৴࣮ݧ

Slide 15

Slide 15 text

ӡӦνʔϜͷίϛϡχέʔγϣϯ @mkwrd िʹ౓ɺ݄༵ͷ໷ʹ  ෼ͷ0OMJOF.5( ͨ·ʹू·ΕΔਓͰ  0⒐JOF.5(

Slide 16

Slide 16 text

@mkwrd

Slide 17

Slide 17 text

@mkwrd

Slide 18

Slide 18 text

@mkwrd τϥοΫɾηογϣϯ ӳޠɿ೔ຊޠɿࠞ߹ʹɿɿ ˞-5Λࠞ߹ͱͯ͠Χ΢ϯτ Ͱશηογϣϯ഑৴

Slide 19

Slide 19 text

@mkwrd State of the Union Simon Stewart @shs96c Selenium Lead Committer w 4FMFOJVN$POG߃ྫͷʮҰൠڭॻԋઆɿ4FMFOJVNͷݱঢ়ʯ w Ϧʔυίϛολʔ͕ࣗΒ4FMFOJVNͷྺ࢙ɾݱࡏɾະདྷΛޠΔ w 4FMFOJVNBMQIBͷެ։͕ൃද͞ΕΔ

Slide 20

Slide 20 text

@mkwrd Clean code that works –– How can we go there? Takuto Wada @t_wada Author of power-assert-js  TDD practitioner w ༁ॻʰςετۦಈ։ൃʱͷॻ͖ग़͠Λग़ൃ఺ʹޠΒΕΔ5%% w 5%%ͷऔΓ૊Έ͕ͳͥͭ·͍ͮͯ͠·͏ͷ͔Λ෼ੳ w ʮಈ͔ͳ͍Ԛ͍ίʔυʯ͔Βʮಈ͘៉ྷͳίʔυʯʹ͠ଓ͚Δي੻

Slide 21

Slide 21 text

@mkwrd Windows Browsers: How to Run them in Docker containers Ivan Krutov @vania_pooh Developer –– Aerokube w %PDLFSίϯςφͰ*&ͱ&EHFΛಈ͔͢ํ๏ͱݶքΛղઆ w $-*΍4FMFOPJEΛ࢖͏ɺ։ൃ஌ࣝͷ͋Δਓ޲͚ηογϣϯ w ։ൃऀدΓͷࣃԠ͑͋ΔൃදͳͷͰɺಈըͰ܁Γฦ֬͠ೝ͍ͨ͠

Slide 22

Slide 22 text

@mkwrd w -5Λ͠·ͨ͠ w ͕ͬͭΓ࡞ͬͨεϥΠυͰ෼ؒ w ߴΊͷςϯγϣϯɾ೔ຊޠʢӳޠ͸ಉ࣌௨༁͞Μʹ͓೚ͤʂʣ

Slide 23

Slide 23 text

@mkwrd

Slide 24

Slide 24 text

@mkwrd

Slide 25

Slide 25 text

@mkwrd ϥϯνλΠϜʹ ొஃऀ߇͑ࣨ଴ػ୲౰ɻ ΠϯλϏϡʔ͢Δ͔ʔ ͱࢥ͚ͬͨͲɺձٞதɾɾɾ

Slide 26

Slide 26 text

@mkwrd

Slide 27

Slide 27 text

@mkwrd

Slide 28

Slide 28 text

@mkwrd

Slide 29

Slide 29 text

-0/%0/ 6,c0$50#&3 5IFP⒏DJBM&VSPQFBO4FMFOJVNDPOGFSFODF @mkwrd

Slide 30

Slide 30 text

@mkwrd ূڌ ࣸਅ

Slide 31

Slide 31 text

@mkwrd ࢀՃऀ༻  IDΧʔυ ূڌ ࣸਅ

Slide 32

Slide 32 text

@mkwrd

Slide 33

Slide 33 text

@mkwrd τϥοΫɾηογϣϯ ॳڃɿதڃɿ্ڃʹɿɿ ˞ίϛολʔύωϧͳͲηογϣϯ͸আ֎ Ͱશηογϣϯ഑৴

Slide 34

Slide 34 text

@mkwrd Beginner Redeﬁning test automation Richard Bradshaw @FriendlyTester CEO –– Ministry of Testing w ೥͔Βͷࣗ਎ͷऔΓ૊ΈΛϕʔεʹɺςετࣗಈԽʹඞཁͳ஌ࣝɾ ߟ͑ํΛॱ൪ʹऔΓ্͍͛ͯ͘ w ໨ΛҾ͘εϥΠυɺτʔΫ͸ܰົɺௌऺΛҾ͖͚ͭΔ޻෉͕ਵॴʹޫΔ w 5FTUBCJMJUZ"CJMJUZUPUFTUͱύϥϑϨʔζ͢ΔͳͲɺઆಘྗ͕͋Δ

Slide 35

Slide 35 text

Intermediate @mkwrd Screwing up. The automated way! Madalina Bejinariu Test Automation Engineer –– Smart2Pay w ςετࣗಈԽͷʮ͘͠͡Γઌੜʯ w ԯϢʔβʔ͕ొ࿥͞Ε͍ͯΔຊ൪؀ڥͰࣗಈςετΛಈ͔ͨ͠Β αʔϏε͕ࢭ·ͬͨ w 4IBSJOHJT$BSJOHrrࣗಈςετͷ͜ͱ͔ͩΒ๊ͬͯ͑ͳ͍͜ͱ

Slide 36

Slide 36 text

Advanced @mkwrd The automation break up:  saying goodbye to full stack tests with task analysis Mark Winteringham @2bittester DojoBoss –– Ministry of Testing w 53*.4 5BSHFUFE 3FMJBCMF *OGPSNBUJWF .BJOUBJOBCMF 4QFFEZ Λຬͨ͢ ʮՁ஋͋ΔνΣοΫʯΛࢤ޲ w ͦͷͨΊʹγεςϜશମͷλεΫ෼ੳ͕ඞཁʢ෼ੳ͖͠Εͳ͍ʁɹෳࡶ͗͢Δʣ w แׅతͳ6*ࣗಈςετͷ୅ΘΓʹૂ͍ΛߜΓߴ଎ͳςετΛͭͳ͛ͨ'VMM4UBDL 4NPLF5FTUͱ͍͏ߟ͑ํ

Slide 37

Slide 37 text

@mkwrd 40 countries, 35 brands, 1 test automation framework Michel Lalmohamed & Wout de Jong Test Automation Specialist  –– Valori Full Stack Testing w &ίϚʔεϓϥοτϑΥʔϜ޲͚δΣωϦοΫςετࣗಈԽ'8 w $VDVNCFS 8FC%SJWFS*0 "QQJVN $JSDMF$* :".- w npm run test Ͱࠃ͝ͱͷࣗಈςετΛΩοΫ w ࠃ͕૿͑Δͱɺςετ΋ࠃผͷಠࣗ࢓༷ରԠ΋૿͑ΔʜʜͲ͏ରԠͨ͠ʁ Intermediate

Slide 38

Slide 38 text

@mkwrd Beginner 4-1-4: four ways how to communicate one thing to four diﬀerent people! Petra Bouskova @BouskovaPetra Test Coordinator –– tesena w ؾ࣭λΠϓ෼ੳ*OTJHIUT%JTDPWFSZΛମݧܗࣜͰ࣮ફతʹ঺հ w ʮ಺޲ɾ֎޲ʯʮײ֮ɾࢥߟʯͷ࣠෼ྨͱϩʔϧผͷಛ௃ w ΍ͨΒΤωϧΪογϡͳʮϓϨθϯςʔγϣϯίʔνʯ w ௌऺΛཱͨͤͨΓൃݴͤͨ͞ΓͱɺසൟʹΞΫγϣϯΛٻΊΔ

Slide 39

Slide 39 text

@mkwrd

Slide 40

Slide 40 text

@mkwrd

Slide 41

Slide 41 text

@mkwrd ͋ɺ͋ͷɺ͜Μʹͪ͸ϖτϥ

Slide 42

Slide 42 text

@mkwrd ͋ɺ͋ͷɺ͜Μʹͪ͸ϖτϥ ͋Β͜Μʹͪ͸

Slide 43

Slide 43 text

@mkwrd ͋ɺ͋ͷɺ͜Μʹͪ͸ϖτϥ ͋Β͜Μʹͪ͸ ͑ͬͱɺ΅͘ͷ͜ͱ֮͑ͯ·͔͢ʁ

Slide 44

Slide 44 text

@mkwrd ͋ɺ͋ͷɺ͜Μʹͪ͸ϖτϥ ͋Β͜Μʹͪ͸ ͑ͬͱɺ΅͘ͷ͜ͱ֮͑ͯ·͔͢ʁ ೥લʹϕϧϦϯͰʜʜ

Slide 45

Slide 45 text

Slide 46

Slide 46 text

Slide 47

Slide 47 text

@mkwrd ͋ɺ͋ͷɺ͜Μʹͪ͸ϖτϥ ͋Β͜Μʹͪ͸ ͑ͬͱɺ΅͘ͷ͜ͱ֮͑ͯ·͔͢ʁ ೥લʹϕϧϦϯͰʜʜ ͋͋͋ʙʙʙʙ͋ͳͨΞϨͶɺ͍֮͑ͯΔΘʂɹ#FSMJOͰొஃ͕ ऴΘͬͨ࣌ʹࢲͷͱ͜Ζʹۦ͚د͖ͬͯͯʮͱͯ΋ײಈ͠·͠ ͨʂɹ΅͘΋কདྷ͋ͳͨͷΑ͏ʹ4FMFOJVN$POGͰొஃΛ͍ͨ͠ Ͱ͢ʂʯͱݴͬͯ͘ΕͨWFSZFOUIVTJBTUJDHVZͶʂʂɹ͋ͷ࣌ɺ ʙதུʙ ձ͑ͯخ͍͠Θɺࢲ͖ͬ͞ձ৔ʹண͍ͨͱ͜Ζͳͷ

Slide 48

Slide 48 text

@mkwrd ͋ɺ͋ͷɺ͜Μʹͪ͸ϖτϥ ͋Β͜Μʹͪ͸ ͑ͬͱɺ΅͘ͷ͜ͱ֮͑ͯ·͔͢ʁ ೥લʹϕϧϦϯͰʜʜ ͋͋͋ʙʙʙʙ͋ͳͨΞϨͶɺ͍֮͑ͯΔΘʂɹ#FSMJOͰొஃ͕ ऴΘͬͨ࣌ʹࢲͷͱ͜Ζʹۦ͚د͖ͬͯͯʮͱͯ΋ײಈ͠·͠ ͨʂɹ΅͘΋কདྷ͋ͳͨͷΑ͏ʹ4FMFOJVN$POGͰొஃΛ͍ͨ͠ Ͱ͢ʂʯͱݴͬͯ͘ΕͨWFSZFOUIVTJBTUJDHVZͶʂʂɹ͋ͷ࣌ɺ ͱ͜ΖͰ͋ͳͨͷट͔Βఏ͍͛ͯΔͦΕ͸Կ͔͠Βʁࢲͷͱ৭͕ ҧ͏ΘͶɻࢲͷ͸ొஃऀ༻Αɻ͑ɺ͋ͳͨొஃ͠ͳ͍ͷʁͲ͏͠ ʙதུʙ ձ͑ͯخ͍͠Θɺࢲ͖ͬ͞ձ৔ʹண͍ͨͱ͜Ζͳͷ

Slide 49

Slide 49 text

@mkwrd 5IF8PNBO XJUIUIF .BDIJOF(VO

Slide 50

Slide 50 text

@mkwrd w ొஃͰ͸ͳ͍͚Ͳ-5Λ͖ͯ͠·ͨ͠ɺ΋ͪΖΜτοϓόολʔ w εϥΠυͳ͠Ͱ෼ؒɺ4FMFOJVN$POG5PLZP͕࢒ͨ͠΋ͷͷ࿩ w ڍಈෆ৹ɾഁ஡໓஡ӳޠɾ౜ಥͳ&YDFMσΟεΓ w ࣍͸ຊηογϣϯͰొஃ͍ͨ͠

Slide 51

Slide 51 text

Photo Session with Engineers @mkwrd

Slide 52

Slide 52 text

ϩϯυϯ໊෺μϒϧσοΧʔ⬇ ೔ຊ৯Ϩετϥϯʜʜ⬆ ͠ɺौ୩ʂʁ ⬅೥ͷྺ࢙Λ࣋ͭ࿝ฮࡿళ ⬆੺ϨϯΨͷ֗ฒΈ ΩϯάζɾΫϩεӺ @mkwrd ਂ໷ɺӍͷ࿏஍

Slide 53

Slide 53 text

Φϖϥ࠲ͷոਓ⬇ ϩϯυϯͰಓ࿏෧࠯ͨ͠؀ڥஂମͷσϞ➡ ⬆⬇όοΩϯΨϜٶ఼ͱӴฌަ୅ࣜ ॻళ಺ΧϑΣͰ➡ ॆ࣮ͨ͠ςΟʔλΠϜ 'JTI$IJQTͰன͔Βң΋ͨΕ @mkwrd

Slide 54

Slide 54 text

@mkwrd @mkwrd

Slide 55

Slide 55 text

@mkwrd @mkwrd ࣍୅Λܴ͑Δ4FMFOJVN ॳࢀՃɾॳొஃͷएख͕ͲΜͲΜ૿͍͑ͯΔ ϕςϥϯ੎͸੒ՌΛΘ͔Γ΍͘͢঺հ͍ͯ͠Δ

Slide 56

Slide 56 text

@mkwrd ࢀՃऀͱͷަྲྀʹਅՁ ςετࣗಈԽʹۃΊͯେྔͷΤωϧΪʔΛ܏͚ΔΤϯδχΞ͕ੈք͔Βू·Δ ςετɾ඼࣭อূͷ஌ݟΛٻΊΔਓʑ΋ࢀՃɺେ͍ʹࢹ໺Λ޿͛Δ @mkwrd

Slide 57

Slide 57 text

@mkwrd ࣗ෼WTੈք ϓϩδΣΫτ಺ɾ෦ॺ಺ɾࣾ಺ɾ஍Ҭ಺ɾࠃ಺ʹด͍ͯ͡Δ࢓ࣄ͕ ੈքͰͲΕ΄Ͳ௨༻͢Δ΋ͷͳͷ͔ɺഽͰײ͡Δ ৺ͷίϯύε͕࣍ʹਐΉ΂͖৔ॴΛࢦࣔ͢͠ @mkwrd

Slide 58

Slide 58 text

@mkwrd @mkwrd

Slide 59

Slide 59 text

@mkwrd @mkwrd $PNF-FBSO%P 5FBDI5FTU 5FTUJOH /PUKVTUGPSUFTUFST .PTDPX % %FDFNCFSUI "NTUFSEBN + 'FCSVBSZUI

Slide 60

Slide 60 text

@mkwrd ΤϯδχΞͷઓ৔͸

Slide 61

Slide 61 text

@mkwrd ΤϯδχΞͷઓ৔͸ੈքͩ

Slide 62

Slide 62 text

SeleniumConf ೋ౎෺ޠ /PWγεςϜςετࣗಈԽΧϯϑΝϨϯε Տݪా੓య Masanori Kawarada  (Mark Ward) @mkwrd A Tale of Two Cities