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

Developers Summit 2025（2025.02.13-14） - 翔泳社イベント 1日目 13-E-9
あなたのプロダクトが見たい！個人開発リレーセッション で話したときの資料です。

https://event.shoeisha.jp/devsumi/20250213/session/5551

Transcript

1. ݸਓ։ൃ͔Βެࣜػೳ΁ 1MBZXSJHIUͱ3BJMTΛͭͳ͛ͨ೥ͷي੻ !:VTVLF*XBLJ
   
   
   
   %FWFMPQFST
   4VNNJU
   
2. 3VCZ
   PO
   3BJMT
   
   
3. l೥zͷي੻
4. ʙ݄
   ݸਓ։ൃͷzର৅z͕ܾ·Δ·Ͱ
5. ೥͝Ζ·Ͱʜ ʮ͓ͭͬͯ͘͠·͍ʯ ؾʹͳٕͬͨज़͸
   ͱΓ͋͑ͣࢼͯ͠ΈΔ
6. 1VQQFUFFSͱͷग़ձ͍ʜ ߴਫ਼౓ͳࣗಈԽ͕
   ؆୯ʹͰ͖Δɻ
7. 1VQQFUFFS͸/PEFKTͷϥΠϒϥϦ ɾɾɾެࣜͷ࣮૷ ɾɾɾQZQQFUFFS ɾɾɾQVQQFUFFSEBSU ࣗ෼͕ຊۀͰ࢖͍ͬͯΔ ɾɾɾ'FSSVN
8. 'FSSVNͰ͸1VQQFUFFSͷྑ͕͞ग़ͤͳ͍ 1BHFXBJU'PS4FMFDUPS
   ɾಛఆͷཁૉ͕ݱΕΔ·Ͱফ͑Δ·Ͱ଴ͭ
   ɾ಺෦࣮૷ʹ͸ɺ.VUBUJPO0CTFSWFSΛ࢖༻ɻ
   ɹTMFFQͰ଴ͭͷʹൺ΂ͯऔΓ͜΅͕͠օແɻ
   ʜ
   'FSSVN 1BHFXBJU'PS4FMFDUPS͕ະ࣮૷
9. 1VQQFUFFSΛ3VCZͰ࠶࣮૷͢Δʂ 1BHFXBJU'PS4FMFDUPS
   ɾಛఆͷཁૉ͕ݱΕΔ·Ͱফ͑Δ·Ͱ଴ͭ
   ɾ಺෦࣮૷ʹ͸ɺ.VUBUJPO0CTFSWFSΛ࢖༻ɻ
   ɹTMFFQͰ଴ͭͷʹൺ΂ͯऔΓ͜΅͕͠օແɻ ߴਫ਼౓ͳࣗಈԽ͕
   ؆୯ʹͰ͖Δɻ
10. d݄
    ଓ͚ΔͨΊͷ޻෉ϙΠϯτΛݟग़͢
11. QVQQFUFFSSVCZΛ࡞Γ࢝ΊΔ΋ʜ
12. ࡞Γଓ͚Δʹ͸ʮ޻෉ʯ͕ඞཁ ɾ୯ͳΔϙʔςΟϯάͰ͋ͬͯ΋ɺࠔ೉͸ଟ͍ɻ
    ɹ1VQQFUFFSͷҠ২Ͱ͸ɺBTZODBXBJUΛ3VCZͰͲ͏ॻ͔͚ͩ͘Ͱ
    ɹ̎ϲ݄͘Β͍೰Μͩ
    ɹˠ;ͭ͏ʹߟ͑Δͱʮ1VQQFUFFS࢖͍͍ͨͳΒ+4Ͱ͑͑΍Μʯͱͳͬͯ͘Δ
    
    ɾٕज़Λ͔͡Δˠ໾ʹཱͭ΋ͷΛ࡞Δ
    ΁ͷϚΠϯυνΣϯδɻ
    ɹࣗ෼͕΍Γ͍ͨ͜ͱ͸1VQQFUFFSΛ࢖ͬͯ΋Β͏͜ͱͰ͸ͳ͘
    ɹ3VCZͰෆ҆ఆͳςετʹۤ͠ΉਓΛٹ͏͜ͱʂ
13. ʮϝΠϯλʔήοτ͸ΦϨʯ ɾ୯ͳΔϙʔςΟϯάͰ͋ͬͯ΋ɺࠔ೉͸ଟ͍ɻ
    ɹ1VQQFUFFSͷҠ২Ͱ͸ɺBTZODBXBJUΛ3VCZͰͲ͏ॻ͔͚ͩ͘Ͱ
    ɹ̎ϲ݄͘Β͍೰Μͩ
    ɹˠ;ͭ͏ʹߟ͑Δͱʮ1VQQFUFFS࢖͍͍ͨͳΒ+4Ͱ͑͑΍Μʯͱͳͬͯ͘Δ
    
    ɾٕज़Λ͔͡Δˠ໾ʹཱͭ΋ͷΛ࡞Δ
    ΁ͷϚΠϯυνΣϯδɻ
    ɹࣗ෼͕΍Γ͍ͨ͜ͱ͸1VQQFUFFSΛ࢖ͬͯ΋Β͏͜ͱͰ͸ͳ͘
    ɹ3VCZͰෆ҆ఆͳςετʹۤ͠Ήɹ
    
    
    
    
    
    
    Λٹ͏͜ͱʂ ΦϨ ࣗ෼ͷ໾ʹཱͭιϑτ΢ΣΞΛ࡞ΔΠϯηϯςΟϒ͸େ͖͍
14. ʮ࢖ͬͯ΋Β͍͍ͨʯ͕ͦͷͨΊʹ͸ʜ ੈͷதͷϓϩͷΤϯδχΞ͸ɺ
    ͋ͳ͕ͨझຯͰॻ͍ͨίʔυΛʮ੡඼Ͱ࢖ͬͯେৎ෉ʯͱࢥ͏͔ʁ w ඼࣭͕୲อͰ͖͍ͯΔ͜ͱΛࣔ͢
    ˠ୯ମςετΛॻ͍ͯ࢓༷Λ໢ཏ͢Δ
    ˠόʔδϣϯΞοϓͷͨͼʹखಈࢼݧͰؤுΒͳͯ͘΋͍͍
    ɹɹˠ̎೥ޙੜଘ཰͕ܶతʹ্͕Δ
    wlඇެࣜͰ΋࢖͍͍ͨz
    ཧ༝Λ໌֬ʹ͢Δ
    ˠଘࡏՁ஋ʹϑΥʔΧε͠ɺར༻ऀʢར༻࣮੷ʣΛ૿΍͢ ྫྷ੩ʹࣗ໰ࣗ౴
15. ݸਓ։ൃͦ͜ɺ୯ମςετॻ͘ w ओཁػೳͷTQFD͸࣮֬ʹॻ͍͓ͯ͘ͱΑ͍
    ɹ☝ػೳੑ͕୲อ͞Ε͍ͯΔͱ࣮ײˍઆ໌͠΍͍͢
    ɹ☝Ξοϓσʔτ࡞ۀ͕֨ஈʹϥΫʢগͳ͍࣌ؒͰͰ͖Δʣ
    w l΋ͬͱ͖Ε͍ʹॻ͚Δz
    ͱ͍͏ؾ࣋ͪ͸ࣺͯͯɺ
    ͳΔ΂͘ӈ͔Βࠨ΁ϙʔςΟϯάͨ͠΄͏͕͍͍ɻ
    ͜Ε͸044ͷϙʔςΟϯά͢Δ৔߹ʹ͚ͩݴ͑Δ͜ͱ
    ɹ☝ಠ࣮ࣗ૷Λ͢Ε͹͢Δ΄ͲɺຊՈΞοϓσʔτ௥ैͷࡍʹٲʹͳΔ
    ɹɹΩϟϝϧέʔεεωʔΫέʔε
    GPSจ
    
    FBDI
    ͳͲ
    ɹɹίʔσΟϯάελϯμʔυͷҧ͍͸ಠ࣮ࣗ૷͡Όͳ͍ͷͰ0,
16. ଘࡏՁ஋΁ͷϑΥʔΧεˍ෍ڭ ɾ͋Ε͜Ε࣮૷͢ΔΑΓ΋ɺݸͷ೰Έ͕׬શʹղܾͰ͖Δ΄͏͕͍͍ɻ
    ɹ☝
    ن໛ͷେ͖ͳ044΄Ͳಋೖোน͕ߴ͘ͳΔʢಋೖ࣮੷͕ٻΊΒΕΔʣ
    ɹ☝
    ࣮ࡍʹՁ஋͕͋Δ͔͸ɺ࢖ΘΕΔ͜ͱͰ͔͠෼͔Βͳ͍
17. ଘࡏՁ஋΁ͷϑΥʔΧεˍ෍ڭ ɾ͋Ε͜Ε࣮૷͢ΔΑΓ΋ɺݸͷ೰Έ͕׬શʹղܾͰ͖Δ΄͏͕͍͍ɻ
    ɹ☝
    ن໛ͷେ͖ͳ044΄Ͳಋೖোน͕ߴ͘ͳΔʢಋೖ࣮੷͕ٻΊΒΕΔʣ
    ɹ☝
    ࣮ࡍʹՁ஋͕͋Δ͔͸ɺ࢖ΘΕΔ͜ͱͰ͔͠෼͔Βͳ͍
    ɾࣗຫ͸͠ͳ͍Ͱɺ՝୊ղܾͰ͖Δ͜ͱΛ࿦ཧతʹࣔ͢͜ͱ͕ୈҰ
    ɹ☝
    ࢖ΘΕ͍ͯͳ͍΋ͷΛɺࣗຫͨ͠ͱͯೝΊͯ͘ΕΔਓ͸΄΅͍ͳ͍
    ɹ☝
    ΈΜͳͷ೰Έ͸ͳͥى͖Δͷ͔ɺͲ͏΍ͬͯࣗ෼͸ղܾ͠Α͏ͱ͍ͯ͠Δ͔ʁ ͕͜͜ஸೡʹઆ໌͞ΕΔͱɺղܾࡦ͕ଟগ·͍ͣͬͯͯ΋ڞײ͕ಘΒΕ΍͍͢
18. ଘࡏՁ஋΁ͷϑΥʔΧεˍ෍ڭ ɾ͋Ε͜Ε࣮૷͢ΔΑΓ΋ɺݸͷ೰Έ͕׬શʹղܾͰ͖Δ΄͏͕͍͍ɻ
    ɹ☝
    ن໛ͷେ͖ͳ044΄Ͳಋೖোน͕ߴ͘ͳΔʢಋೖ࣮੷͕ٻΊΒΕΔʣ
    ɹ☝
    ࣮ࡍʹՁ஋͕͋Δ͔͸ɺ࢖ΘΕΔ͜ͱͰ͔͠෼͔Βͳ͍
    ɾࣗຫ͸͠ͳ͍Ͱɺ՝୊ղܾͰ͖Δ͜ͱΛ࿦ཧతʹࣔ͢͜ͱ͕ୈҰ
    ɹ☝
    ࢖ΘΕ͍ͯͳ͍΋ͷΛɺࣗຫͨ͠ͱͯೝΊͯ͘ΕΔਓ͸΄΅͍ͳ͍
    ɹ☝
    ΈΜͳͷ೰Έ͸ͳͥى͖Δͷ͔ɺͲ͏΍ͬͯࣗ෼͸ղܾ͠Α͏ͱ͍ͯ͠Δ͔ʁ ͕͜͜ஸೡʹઆ໌͞ΕΔͱɺղܾࡦ͕ଟগ·͍ͣͬͯͯ΋ڞײ͕ಘΒΕ΍͍͢ ෍ڭ͢Δର৅ʹΑͬͯઆ໌ͷϨϕϧ͸
    ม͑Δඞཁ͕͋Γ·͢ɻ
19. d݄
    ଓ͚ΔͨΊͷ޻෉ϙΠϯτΛݟग़͢ ɾϝΠϯλʔήοτ͸zΦϨzɻࣗ෼ͷ໾ʹཱͭ΋ͷΛ࡞Δ
    ɾ඼࣭ҡ࣋
    ܧଓ։ൃͷͨΊʹ୯ମࢼݧΛӈ͔Βࠨ΁Ͱྑ͍ͷͰॻ͘
    ɾ͋Ε͜ΕखΛ޿͛ͣɺଘࡏՁ஋ʹϑΥʔΧεˍ෍ڭ͢Δ
20. 1MBZXSJHIUͱ3BJMTΛͭͳ͛Δ
21. 8IZ
    1MBZXSJHIU w 1MBZXSJHIU͸Ϋϩεϒϥ΢βରԠͰɺ
    *&ରԠෆཁͷαΠτͰ͸4FMFOJVNʹ୅ΘΔ༗ྗͳબ୒ࢶͰ͋ͬͨɻ
    w 1MBZXSJHIU͸αʔόʔΫϥΠΞϯτߏ੒ͷͨΊɺ
    3VCZ͸ΫϥΠΞϯτଆ͚ͩ࡞Ε͹ྑ͍ɻ
    1VQQFUFFSʹൺ΂ΔͱϙʔςΟϯάͷ࣮૷ྔ͕গͳͯ͘ࡁΉʂ
    w ೥݄̎ʹ͸ɺ1VQQFUFFSͰ͔͠Ͱ͖ͳ͍͜ͱ͕ແ͘ͳͬͨɻ
    ʮ1MBZXSJHIU͕1VQQFUFFSͷ্Ґޓ׵ʯͱݴ͑Δঢ়ଶʹɻ 1VQQFUFFS͡Όͳ͘1MBZXSJHIUͷ࣌୅͕དྷΔʂͱ͍͏֬৴͕͋ͬͨ
22. 1MBZXSJHIUͷ3VCZϙʔςΟϯά 1MBZXSJHIU
    GPS
    1ZUIPO΋·ͩඇެࣜαϙʔτͩͬͨͱ͖ʹɺ
    ೥຤೥࢝ͷٳՋதʹউखʹ3VCZΫϥΠΞϯτΛ࡞ͬͯΈͨɻ
23. 1MBZXSJHIUͷ3VCZϙʔςΟϯά ϝΠϯλʔήοτ͸
    lΦϨzʁ
    ˠ
    1VQQFUFFSͱมΘΒͣ:FT
    ɹ
    1MBZXSJHIU͸ΫϥΠΞϯτ͚ͩॻ͚͹͍͍ͨΊ
    ɹ
    1VQQFUFFSΑΓ΋ϥΫʹ3VCZϢʔβΛٹ͑Δ ෍ڭʹ஋͢ΔଘࡏՁ஋͸ʜ
    ˠ
    1VQQFUFFSʹൺ΂Δͱɺ1MBZXSJHIU͸֨ஈʹηοτΞοϓ͕໘౗ɻ
    ɹ
    ෆ҆ఆͳςετΛิڧ͢ΔͷͱͷτϨʔυΦϑʹෛ͚Δɻ 3VCZ3BJMTϢʔβʹର͢Δ1MBZXSJHIUͷଘࡏՁ஋ΛվΊͯߟ͑Δඞཁɻ
24. ଘࡏՁ஋ΛվΊͯߟ͑ͨɻ $BQZCBSB ࢓૊ΈΛ஌͍ͬͯͳ͍ͱ
    ηοτΞοϓ͕೉͍͠ ʮγεςϜςετʯͱ͍͏3BJMTඪ४ͷ࢓૊Έ͕࢖͑Δɻ
    தͷ࢓૊Έ·Ͱ஌͍ͬͯΔਓ͸গͳ͍ɻ ςετͷηοτΞοϓϓϩηεʹண໨ɻ ෆ҆ఆ ҆ఆ
25. ଘࡏՁ஋ΛվΊͯߟ͑ͨɻ $BQZCBSB ࢓૊ΈΛ஌͍ͬͯͳ͍ͱ
    ηοτΞοϓ͕೉͍͠ ʮγεςϜςετʯͱ͍͏3BJMTඪ४ͷ࢓૊Έ͕࢖͑Δɻ
    தͷ࢓૊Έ·Ͱ஌͍ͬͯΔਓ͸গͳ͍ɻ ςετͷηοτΞοϓϓϩηεʹண໨ɻ ҆ఆ ඪ४ͷ࢓૊Έʹ৐ͤΔ͜ͱͰɺ
    ςετίʔυΛม͑ͣʹ҆ఆͤ͞ΒΕΔ
26. 1MBZXSJHIUͱ3BJMTΛͭͳ͙෦෼ $BQZCBSBͷ಺෦ΛಡΈղ͖ɺ
    $BQZCBSB͔Β1MBZXSJHIUΛ࢖͏ͨΊͷυϥΠόΛ։ൃ
27. $BQZCBSBͷઃఆΛม͑Δ͚ͩͰɺςετίʔυΛม͑ͣʹҠߦ͕Ͱ͖Δ ˣ4FMFOJVNυϥΠό ˣ1MBZXSJHIUυϥΠό ͔͠΋σόοά΋Ͱ͖Δ
28. ଘࡏՁ஋Λ࣠ʹɺొஃϕʔεͰ෍ڭ
29. 1MBZXSJHIUͱ3BJMTΛͭͳ͛Δ ɾ1MBZXSJHIUͷ3VCZΫϥΠΞϯτΛ͍ͪૣ࣮͘૷ͨ͠ɻ
    ɹɾϥΠϒϥϦͷଘࡏՁ஋ΛͦΕʹ߹Θͤͯߟ͑௚ͨ͠ɻ
    ɾ1MBZXSJHIUͷ಺෦ɺ$BQZCBSBͷ಺෦ͳͲɺ
    ɹΈΜͳ͕ϒϥοΫϘοΫεѻ͍͍ͯ͠ΔՕॴΛࠜؾڧ͘ಡΈղ͍ͨɻ
    ɾ$BQZCBSBυϥΠόΛ࣮૷ͯ͠ɺొஃϕʔεͰ෍ڭͨ͠ɻ
30. ܧଓ͸ྗͳΓɻ
    ͻͨ͢Βܧଓ͢Δɻ
31. ͻͨ͢Βܧଓ͢Δɻ ɾ࢖ΘΕ࢝ΊΔͱɺউखʹࣙΊΔΘ͚ʹ͸͍͔ͳ͍ɻ
    ɹɾ1MBZXSJHIUͷຖ݄ͷΞοϓσʔτ͸͢͹΍͓͘͜ͳ͏
    ɹɾக໋తͳCVH fi Y΋͢͹΍͘ରԠ͢Δ
    
    ɾଘࡏՁ஋ʹϑΥʔΧε͍ͯ͠ΔͱɺঃʑʹϢʔβ͸૿͑Δ
32. ͻͨ͢Βܧଓ͢Δ͕ʜ ɾػೳ௥Ճ͸৻ॏʹʜ
    ɹ
    ☝
    ଘࡏՁ஋͕ϒϨΔɻϝϯςφϯείετ্͕͕Δɻ εςϧεʢػցͱόϨʹ͘͘͢Δʣػೳ
    ˠ࢖͏ଆͰBEE*OJU4DSJQU͢Δ͚ͩΑ͘ɺ
    ɹϥΠϒϥϦ͕αϙʔτ͢Δඞཁ͕ͳ͍ɻ
    ˠ3VCZ3BJMTʹಛԽͨ͠ϢʔεέʔεͰ΋ͳ͍ɻ ޿ࠂϒϩοΫػೳ
    ˠ"E#MPDLܥͷ֦ுػೳͱཱ྆Ͱ͖ͳ͍ͷ͕໰୊
    ˠMBVODI1FSTJTUFOU$POUFYUͱ͍͏ຊՈͷػೳ
    ɹ͚ͩ͸࣮૷ͨ͠ɻ
33. ͻͨ͢Βܧଓ͢Δɻ ɾຖ݄ͷΞοϓσʔτΛॏͶͭͭ
    ɹϢʔβ͕͡ΜΘΓ૿͍͑ͯ͘ͷΛோΊ͍ͯΔ͚ͩʜʢۤসʣ
    ɾػೳ௥Ճ͸ɺଘࡏՁ஋͕ߴ·Δ΋ͷ͚ͩʹݶఆ͢Δɻ
34. 3BJMTͱͷ౷߹
35. ࣮͸΍͍ͬͯͨɺԼ४උʜ ೥ʹɺ3BJMTͷγεςϜςετͷݹ͍ίʔυ࡟আ
    ʮͦͷ͏ͪ͜͜ʹ1MBZXSJHIUೖΕΔͱ͍͍ͳʯͱ౰࣌ߟ͍͑ͯͨʢۤসʣ ࣮ࡍʹ࢖ΘΕ͍ͯͨ΋ͷ
    ɹ4FMFOJVN
    $VQSJUF
    3BJMTͰඪ४ར༻Մೳͩͬͨ΋ͷ
    ɹ4FMFOJVN
    QPMUFSHFJTU
    DBQZCBSBXFCLJU
    
    
    $VQSJUF ࣮࣭తʹऔΓ͏Δબ୒ࢶ͸̎ݸͳͷʹ
    υΩϡϝϯτ্͸৭ʑ࢖͑ΔΑ͏ʹݟ͍͑ͯͨ
36. 3VCZ
    PO
    3BJMT΁ͷ౷߹ʜ 3BJMTͷίϛολʔ͕ɺʮ࣮ࡍʹ࢖ͬͯྑ͔͔ͬͨΒʯͱऔΓࠐΜͰ͘Εͨ
37. ͦͷޙʜ
38. ·ͱΊ ݸਓ։ൃͰ1MBZXSJHIUͷ3VCZΫϥΠΞϯτΛ࡞Γ࢝ΊΔ·Ͱɺ࡞Γ࢝Ί͔ͯΒͷ޻෉఺ ɾࣗ෼͕໾ʹཱͭ΋ͷΛ࡞Δɺͱ͍͏ΠϯηϯςΟϒઃܭ
    ɾ୯ମࢼݧʹΑΔɺܧଓ։ൃɾ඼࣭ҡ࣋
    ɾଘࡏՁ஋Λఆٛ͠ɺଘࡏՁ஋ʹϑΥʔΧεͯ͠ػೳ௥Ճɻ
    ɾ՝୊ղܾͷελϯε ଘࡏՁ஋
    ΛొஃൃදϕʔεͰ෍ڭɻ
39. ݸਓ։ൃ
    ϙʔςΟϯά৬ਓͷεεϝ /PEFKT΍1ZUIPOͰ͸౰ͨΓલʹ࢖͑Δ\ΞϨ^͕
    \ࣗ෼ͷ࢖͏ݴޠ^
    ʹ͸ͳ͍ ˠ
    ϏδωεͩͱʮͳΜͰͦΜͳݴޠ࠾༻͢ΔΜͩʁʯͱͳΔ
    ɹ
    ͦͷԆ௕Ͱɺ\ࣗ෼ͷ࢖͏ݴޠ^
    Λୟ͘ਓ΋Ұఆ਺͍Δ ˠ
    ݸਓ։ൃͩͱ
    \ΞϨ^Λ\ࣗ෼ͷ࢖͏ݴޠ^ʹϙʔςΟϯά෍ڭ͢Ε͹
    ɹ
    Ձ஋͕ੜ·ΕΔ͔΋
    ΊͬͪΌίϯτϦϏϡʔγϣϯνϟϯεʂ
    ɹ
    ʢ͞Βʹɺ\ΞϨ^
    ͷ಺෦ߏ଄ʹ΋ҟৗʹৄ͘͠ͳΓ
    \ΞϨ^
    ͷίϯαϧ΋Ͱ͖ΔΑ͏ʹʜʣ
40. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠