個人開発から公式機能へ: PlaywrightとRailsをつなげた3年の軌跡

by Yusuke Iwaki

Slide 1

Slide 1 text

ݸਓ։ൃ͔Βެࣜػೳ΁ 1MBZXSJHIUͱ3BJMTΛͭͳ͛ͨ೥ͷي੻ !:VTVLF*XBLJ%FWFMPQFST4VNNJU

Slide 2

Slide 2 text

3VCZPO3BJMT

Slide 3

Slide 3 text

l೥zͷي੻

Slide 4

Slide 4 text

ʙ݄ ݸਓ։ൃͷzର৅z͕ܾ·Δ·Ͱ

Slide 5

Slide 5 text

೥͝Ζ·Ͱʜ ʮ͓ͭͬͯ͘͠·͍ʯ ؾʹͳٕͬͨज़͸ ͱΓ͋͑ͣࢼͯ͠ΈΔ

Slide 6

Slide 6 text

1VQQFUFFSͱͷग़ձ͍ʜ ߴਫ਼౓ͳࣗಈԽ͕ ؆୯ʹͰ͖Δɻ

Slide 7

Slide 7 text

1VQQFUFFS͸/PEFKTͷϥΠϒϥϦ ɾɾɾެࣜͷ࣮૷ ɾɾɾQZQQFUFFS ɾɾɾQVQQFUFFSEBSU ࣗ෼͕ຊۀͰ࢖͍ͬͯΔ ɾɾɾ'FSSVN

Slide 8

Slide 8 text

'FSSVNͰ͸1VQQFUFFSͷྑ͕͞ग़ͤͳ͍ 1BHFXBJU'PS4FMFDUPS ɾಛఆͷཁૉ͕ݱΕΔ·Ͱফ͑Δ·Ͱ଴ͭ ɾ಺෦࣮૷ʹ͸ɺ.VUBUJPO0CTFSWFSΛ࢖༻ɻ ɹTMFFQͰ଴ͭͷʹൺ΂ͯऔΓ͜΅͕͠օແɻ ʜ'FSSVN 1BHFXBJU'PS4FMFDUPS͕ະ࣮૷

Slide 9

Slide 9 text

1VQQFUFFSΛ3VCZͰ࠶࣮૷͢Δʂ 1BHFXBJU'PS4FMFDUPS ɾಛఆͷཁૉ͕ݱΕΔ·Ͱফ͑Δ·Ͱ଴ͭ ɾ಺෦࣮૷ʹ͸ɺ.VUBUJPO0CTFSWFSΛ࢖༻ɻ ɹTMFFQͰ଴ͭͷʹൺ΂ͯऔΓ͜΅͕͠օແɻ ߴਫ਼౓ͳࣗಈԽ͕ ؆୯ʹͰ͖Δɻ

Slide 10

Slide 10 text

d݄ ଓ͚ΔͨΊͷ޻෉ϙΠϯτΛݟग़͢

Slide 11

Slide 11 text

QVQQFUFFSSVCZΛ࡞Γ࢝ΊΔ΋ʜ

Slide 12

Slide 12 text

࡞Γଓ͚Δʹ͸ʮ޻෉ʯ͕ඞཁ ɾ୯ͳΔϙʔςΟϯάͰ͋ͬͯ΋ɺࠔ೉͸ଟ͍ɻ ɹ1VQQFUFFSͷҠ২Ͱ͸ɺBTZODBXBJUΛ3VCZͰͲ͏ॻ͔͚ͩ͘Ͱ ɹ̎ϲ݄͘Β͍೰Μͩ ɹˠ;ͭ͏ʹߟ͑Δͱʮ1VQQFUFFS࢖͍͍ͨͳΒ+4Ͱ͑͑΍Μʯͱͳͬͯ͘Δ ɾٕज़Λ͔͡Δˠ໾ʹཱͭ΋ͷΛ࡞Δ΁ͷϚΠϯυνΣϯδɻ ɹࣗ෼͕΍Γ͍ͨ͜ͱ͸1VQQFUFFSΛ࢖ͬͯ΋Β͏͜ͱͰ͸ͳ͘ ɹ3VCZͰෆ҆ఆͳςετʹۤ͠ΉਓΛٹ͏͜ͱʂ

Slide 13

Slide 13 text

ʮϝΠϯλʔήοτ͸ΦϨʯ ɾ୯ͳΔϙʔςΟϯάͰ͋ͬͯ΋ɺࠔ೉͸ଟ͍ɻ ɹ1VQQFUFFSͷҠ২Ͱ͸ɺBTZODBXBJUΛ3VCZͰͲ͏ॻ͔͚ͩ͘Ͱ ɹ̎ϲ݄͘Β͍೰Μͩ ɹˠ;ͭ͏ʹߟ͑Δͱʮ1VQQFUFFS࢖͍͍ͨͳΒ+4Ͱ͑͑΍Μʯͱͳͬͯ͘Δ ɾٕज़Λ͔͡Δˠ໾ʹཱͭ΋ͷΛ࡞Δ΁ͷϚΠϯυνΣϯδɻ ɹࣗ෼͕΍Γ͍ͨ͜ͱ͸1VQQFUFFSΛ࢖ͬͯ΋Β͏͜ͱͰ͸ͳ͘ ɹ3VCZͰෆ҆ఆͳςετʹۤ͠ΉɹΛٹ͏͜ͱʂ ΦϨ ࣗ෼ͷ໾ʹཱͭιϑτ΢ΣΞΛ࡞ΔΠϯηϯςΟϒ͸େ͖͍

Slide 14

Slide 14 text

ʮ࢖ͬͯ΋Β͍͍ͨʯ͕ͦͷͨΊʹ͸ʜ ੈͷதͷϓϩͷΤϯδχΞ͸ɺ ͋ͳ͕ͨझຯͰॻ͍ͨίʔυΛʮ੡඼Ͱ࢖ͬͯେৎ෉ʯͱࢥ͏͔ʁ w ඼࣭͕୲อͰ͖͍ͯΔ͜ͱΛࣔ͢ ˠ୯ମςετΛॻ͍ͯ࢓༷Λ໢ཏ͢Δ ˠόʔδϣϯΞοϓͷͨͼʹखಈࢼݧͰؤுΒͳͯ͘΋͍͍ ɹɹˠ̎೥ޙੜଘ཰͕ܶతʹ্͕Δ wlඇެࣜͰ΋࢖͍͍ͨzཧ༝Λ໌֬ʹ͢Δ ˠଘࡏՁ஋ʹϑΥʔΧε͠ɺར༻ऀʢར༻࣮੷ʣΛ૿΍͢ ྫྷ੩ʹࣗ໰ࣗ౴

Slide 15

Slide 15 text

ݸਓ։ൃͦ͜ɺ୯ମςετॻ͘ w ओཁػೳͷTQFD͸࣮֬ʹॻ͍͓ͯ͘ͱΑ͍ ɹ☝ػೳੑ͕୲อ͞Ε͍ͯΔͱ࣮ײˍઆ໌͠΍͍͢ ɹ☝Ξοϓσʔτ࡞ۀ͕֨ஈʹϥΫʢগͳ͍࣌ؒͰͰ͖Δʣ w l΋ͬͱ͖Ε͍ʹॻ͚Δzͱ͍͏ؾ࣋ͪ͸ࣺͯͯɺ ͳΔ΂͘ӈ͔Βࠨ΁ϙʔςΟϯάͨ͠΄͏͕͍͍ɻ ͜Ε͸044ͷϙʔςΟϯά͢Δ৔߹ʹ͚ͩݴ͑Δ͜ͱ ɹ☝ಠ࣮ࣗ૷Λ͢Ε͹͢Δ΄ͲɺຊՈΞοϓσʔτ௥ैͷࡍʹٲʹͳΔ ɹɹΩϟϝϧέʔεεωʔΫέʔε GPSจFBDIͳͲ ɹɹίʔσΟϯάελϯμʔυͷҧ͍͸ಠ࣮ࣗ૷͡Όͳ͍ͷͰ0,

Slide 16

Slide 16 text

ଘࡏՁ஋΁ͷϑΥʔΧεˍ෍ڭ ɾ͋Ε͜Ε࣮૷͢ΔΑΓ΋ɺݸͷ೰Έ͕׬શʹղܾͰ͖Δ΄͏͕͍͍ɻ ɹ☝ن໛ͷେ͖ͳ044΄Ͳಋೖোน͕ߴ͘ͳΔʢಋೖ࣮੷͕ٻΊΒΕΔʣ ɹ☝࣮ࡍʹՁ஋͕͋Δ͔͸ɺ࢖ΘΕΔ͜ͱͰ͔͠෼͔Βͳ͍

Slide 17

Slide 17 text

ଘࡏՁ஋΁ͷϑΥʔΧεˍ෍ڭ ɾ͋Ε͜Ε࣮૷͢ΔΑΓ΋ɺݸͷ೰Έ͕׬શʹղܾͰ͖Δ΄͏͕͍͍ɻ ɹ☝ن໛ͷେ͖ͳ044΄Ͳಋೖোน͕ߴ͘ͳΔʢಋೖ࣮੷͕ٻΊΒΕΔʣ ɹ☝࣮ࡍʹՁ஋͕͋Δ͔͸ɺ࢖ΘΕΔ͜ͱͰ͔͠෼͔Βͳ͍ ɾࣗຫ͸͠ͳ͍Ͱɺ՝୊ղܾͰ͖Δ͜ͱΛ࿦ཧతʹࣔ͢͜ͱ͕ୈҰ ɹ☝࢖ΘΕ͍ͯͳ͍΋ͷΛɺࣗຫͨ͠ͱͯೝΊͯ͘ΕΔਓ͸΄΅͍ͳ͍ ɹ☝ΈΜͳͷ೰Έ͸ͳͥى͖Δͷ͔ɺͲ͏΍ͬͯࣗ෼͸ղܾ͠Α͏ͱ͍ͯ͠Δ͔ʁ ͕͜͜ஸೡʹઆ໌͞ΕΔͱɺղܾࡦ͕ଟগ·͍ͣͬͯͯ΋ڞײ͕ಘΒΕ΍͍͢

Slide 18

Slide 18 text

Slide 19

Slide 19 text

d݄ ଓ͚ΔͨΊͷ޻෉ϙΠϯτΛݟग़͢ ɾϝΠϯλʔήοτ͸zΦϨzɻࣗ෼ͷ໾ʹཱͭ΋ͷΛ࡞Δ ɾ඼࣭ҡ࣋ ܧଓ։ൃͷͨΊʹ୯ମࢼݧΛӈ͔Βࠨ΁Ͱྑ͍ͷͰॻ͘ ɾ͋Ε͜ΕखΛ޿͛ͣɺଘࡏՁ஋ʹϑΥʔΧεˍ෍ڭ͢Δ

Slide 20

Slide 20 text

1MBZXSJHIUͱ3BJMTΛͭͳ͛Δ

Slide 21

Slide 21 text

8IZ1MBZXSJHIU w 1MBZXSJHIU͸Ϋϩεϒϥ΢βରԠͰɺ *&ରԠෆཁͷαΠτͰ͸4FMFOJVNʹ୅ΘΔ༗ྗͳબ୒ࢶͰ͋ͬͨɻ w 1MBZXSJHIU͸αʔόʔΫϥΠΞϯτߏ੒ͷͨΊɺ 3VCZ͸ΫϥΠΞϯτଆ͚ͩ࡞Ε͹ྑ͍ɻ 1VQQFUFFSʹൺ΂ΔͱϙʔςΟϯάͷ࣮૷ྔ͕গͳͯ͘ࡁΉʂ w ೥݄̎ʹ͸ɺ1VQQFUFFSͰ͔͠Ͱ͖ͳ͍͜ͱ͕ແ͘ͳͬͨɻ ʮ1MBZXSJHIU͕1VQQFUFFSͷ্Ґޓ׵ʯͱݴ͑Δঢ়ଶʹɻ 1VQQFUFFS͡Όͳ͘1MBZXSJHIUͷ࣌୅͕དྷΔʂͱ͍͏֬৴͕͋ͬͨ

Slide 22

Slide 22 text

1MBZXSJHIUͷ3VCZϙʔςΟϯά 1MBZXSJHIUGPS1ZUIPO΋·ͩඇެࣜαϙʔτͩͬͨͱ͖ʹɺ ೥຤೥࢝ͷٳՋதʹউखʹ3VCZΫϥΠΞϯτΛ࡞ͬͯΈͨɻ

Slide 23

Slide 23 text

1MBZXSJHIUͷ3VCZϙʔςΟϯά ϝΠϯλʔήοτ͸lΦϨzʁ ˠ1VQQFUFFSͱมΘΒͣ:FT ɹ1MBZXSJHIU͸ΫϥΠΞϯτ͚ͩॻ͚͹͍͍ͨΊ ɹ1VQQFUFFSΑΓ΋ϥΫʹ3VCZϢʔβΛٹ͑Δ ෍ڭʹ஋͢ΔଘࡏՁ஋͸ʜ ˠ1VQQFUFFSʹൺ΂Δͱɺ1MBZXSJHIU͸֨ஈʹηοτΞοϓ͕໘౗ɻ ɹෆ҆ఆͳςετΛิڧ͢ΔͷͱͷτϨʔυΦϑʹෛ͚Δɻ 3VCZ3BJMTϢʔβʹର͢Δ1MBZXSJHIUͷଘࡏՁ஋ΛվΊͯߟ͑Δඞཁɻ

Slide 24

Slide 24 text

ଘࡏՁ஋ΛվΊͯߟ͑ͨɻ $BQZCBSB ࢓૊ΈΛ஌͍ͬͯͳ͍ͱ ηοτΞοϓ͕೉͍͠ ʮγεςϜςετʯͱ͍͏3BJMTඪ४ͷ࢓૊Έ͕࢖͑Δɻ தͷ࢓૊Έ·Ͱ஌͍ͬͯΔਓ͸গͳ͍ɻ ςετͷηοτΞοϓϓϩηεʹண໨ɻ ෆ҆ఆ ҆ఆ

Slide 25

Slide 25 text

ଘࡏՁ஋ΛվΊͯߟ͑ͨɻ $BQZCBSB ࢓૊ΈΛ஌͍ͬͯͳ͍ͱ ηοτΞοϓ͕೉͍͠ ʮγεςϜςετʯͱ͍͏3BJMTඪ४ͷ࢓૊Έ͕࢖͑Δɻ தͷ࢓૊Έ·Ͱ஌͍ͬͯΔਓ͸গͳ͍ɻ ςετͷηοτΞοϓϓϩηεʹண໨ɻ ҆ఆ ඪ४ͷ࢓૊Έʹ৐ͤΔ͜ͱͰɺ ςετίʔυΛม͑ͣʹ҆ఆͤ͞ΒΕΔ

Slide 26

Slide 26 text

1MBZXSJHIUͱ3BJMTΛͭͳ͙෦෼ $BQZCBSBͷ಺෦ΛಡΈղ͖ɺ $BQZCBSB͔Β1MBZXSJHIUΛ࢖͏ͨΊͷυϥΠόΛ։ൃ

Slide 27

Slide 27 text

$BQZCBSBͷઃఆΛม͑Δ͚ͩͰɺςετίʔυΛม͑ͣʹҠߦ͕Ͱ͖Δ ˣ4FMFOJVNυϥΠό ˣ1MBZXSJHIUυϥΠό ͔͠΋σόοά΋Ͱ͖Δ

Slide 28

Slide 28 text

ଘࡏՁ஋Λ࣠ʹɺొஃϕʔεͰ෍ڭ

Slide 29

Slide 29 text

1MBZXSJHIUͱ3BJMTΛͭͳ͛Δ ɾ1MBZXSJHIUͷ3VCZΫϥΠΞϯτΛ͍ͪૣ࣮͘૷ͨ͠ɻ ɹɾϥΠϒϥϦͷଘࡏՁ஋ΛͦΕʹ߹Θͤͯߟ͑௚ͨ͠ɻ ɾ1MBZXSJHIUͷ಺෦ɺ$BQZCBSBͷ಺෦ͳͲɺ ɹΈΜͳ͕ϒϥοΫϘοΫεѻ͍͍ͯ͠ΔՕॴΛࠜؾڧ͘ಡΈղ͍ͨɻ ɾ$BQZCBSBυϥΠόΛ࣮૷ͯ͠ɺొஃϕʔεͰ෍ڭͨ͠ɻ

Slide 30

Slide 30 text

ܧଓ͸ྗͳΓɻ ͻͨ͢Βܧଓ͢Δɻ

Slide 31

Slide 31 text

ͻͨ͢Βܧଓ͢Δɻ ɾ࢖ΘΕ࢝ΊΔͱɺউखʹࣙΊΔΘ͚ʹ͸͍͔ͳ͍ɻ ɹɾ1MBZXSJHIUͷຖ݄ͷΞοϓσʔτ͸͢͹΍͓͘͜ͳ͏ ɹɾக໋తͳCVH fi Y΋͢͹΍͘ରԠ͢Δ ɾଘࡏՁ஋ʹϑΥʔΧε͍ͯ͠ΔͱɺঃʑʹϢʔβ͸૿͑Δ

Slide 32

Slide 32 text

ͻͨ͢Βܧଓ͢Δ͕ʜ ɾػೳ௥Ճ͸৻ॏʹʜ ɹ☝ଘࡏՁ஋͕ϒϨΔɻϝϯςφϯείετ্͕͕Δɻ εςϧεʢػցͱόϨʹ͘͘͢Δʣػೳ ˠ࢖͏ଆͰBEE*OJU4DSJQU͢Δ͚ͩΑ͘ɺ ɹϥΠϒϥϦ͕αϙʔτ͢Δඞཁ͕ͳ͍ɻ ˠ3VCZ3BJMTʹಛԽͨ͠ϢʔεέʔεͰ΋ͳ͍ɻ ޿ࠂϒϩοΫػೳ ˠ"E#MPDLܥͷ֦ுػೳͱཱ྆Ͱ͖ͳ͍ͷ͕໰୊ ˠMBVODI1FSTJTUFOU$POUFYUͱ͍͏ຊՈͷػೳ ɹ͚ͩ͸࣮૷ͨ͠ɻ

Slide 33

Slide 33 text

ͻͨ͢Βܧଓ͢Δɻ ɾຖ݄ͷΞοϓσʔτΛॏͶͭͭ ɹϢʔβ͕͡ΜΘΓ૿͍͑ͯ͘ͷΛோΊ͍ͯΔ͚ͩʜʢۤসʣ ɾػೳ௥Ճ͸ɺଘࡏՁ஋͕ߴ·Δ΋ͷ͚ͩʹݶఆ͢Δɻ

Slide 34

Slide 34 text

3BJMTͱͷ౷߹

Slide 35

Slide 35 text

࣮͸΍͍ͬͯͨɺԼ४උʜ ೥ʹɺ3BJMTͷγεςϜςετͷݹ͍ίʔυ࡟আ ʮͦͷ͏ͪ͜͜ʹ1MBZXSJHIUೖΕΔͱ͍͍ͳʯͱ౰࣌ߟ͍͑ͯͨʢۤসʣ ࣮ࡍʹ࢖ΘΕ͍ͯͨ΋ͷ ɹ4FMFOJVN $VQSJUF 3BJMTͰඪ४ར༻Մೳͩͬͨ΋ͷ ɹ4FMFOJVN QPMUFSHFJTU DBQZCBSBXFCLJU$VQSJUF ࣮࣭తʹऔΓ͏Δબ୒ࢶ͸̎ݸͳͷʹ υΩϡϝϯτ্͸৭ʑ࢖͑ΔΑ͏ʹݟ͍͑ͯͨ

Slide 36

Slide 36 text

3VCZPO3BJMT΁ͷ౷߹ʜ 3BJMTͷίϛολʔ͕ɺʮ࣮ࡍʹ࢖ͬͯྑ͔͔ͬͨΒʯͱऔΓࠐΜͰ͘Εͨ

Slide 37

Slide 37 text

ͦͷޙʜ

Slide 38

Slide 38 text

·ͱΊ ݸਓ։ൃͰ1MBZXSJHIUͷ3VCZΫϥΠΞϯτΛ࡞Γ࢝ΊΔ·Ͱɺ࡞Γ࢝Ί͔ͯΒͷ޻෉఺ ɾࣗ෼͕໾ʹཱͭ΋ͷΛ࡞Δɺͱ͍͏ΠϯηϯςΟϒઃܭ ɾ୯ମࢼݧʹΑΔɺܧଓ։ൃɾ඼࣭ҡ࣋ ɾଘࡏՁ஋Λఆٛ͠ɺଘࡏՁ஋ʹϑΥʔΧεͯ͠ػೳ௥Ճɻ ɾ՝୊ղܾͷελϯεଘࡏՁ஋ΛొஃൃදϕʔεͰ෍ڭɻ

Slide 39

Slide 39 text

ݸਓ։ൃϙʔςΟϯά৬ਓͷεεϝ /PEFKT΍1ZUIPOͰ͸౰ͨΓલʹ࢖͑Δ\ΞϨ^͕ \ࣗ෼ͷ࢖͏ݴޠ^ʹ͸ͳ͍ ˠϏδωεͩͱʮͳΜͰͦΜͳݴޠ࠾༻͢ΔΜͩʁʯͱͳΔ ɹ ͦͷԆ௕Ͱɺ\ࣗ෼ͷ࢖͏ݴޠ^Λୟ͘ਓ΋Ұఆ਺͍Δ ˠݸਓ։ൃͩͱ\ΞϨ^Λ\ࣗ෼ͷ࢖͏ݴޠ^ʹϙʔςΟϯά෍ڭ͢Ε͹ ɹՁ஋͕ੜ·ΕΔ͔΋ ΊͬͪΌίϯτϦϏϡʔγϣϯνϟϯεʂ ɹʢ͞Βʹɺ\ΞϨ^ͷ಺෦ߏ଄ʹ΋ҟৗʹৄ͘͠ͳΓ \ΞϨ^ͷίϯαϧ΋Ͱ͖ΔΑ͏ʹʜʣ

Slide 40

Slide 40 text

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