RailsTokyo 2026#4: AI様があれば、 Hotwireの弱点は消えるか？

https://railstokyo.connpass.com/event/385285/ での発表スライドです。

Transcript

1. (JUIVC
   OBPGVNJ ੡ༀاۀͰόΠΦܥݚڀऀ
   όΠΦؔ࿈ϚʔέςΟϯά
   ೥ʹόΠΦܥϝσΟΞ 3BJMT Ͱ ىۀ
   ೥
   ΦϨΦϨ41"ϑϨʔϜϫʔΫ
   ,BNJTIJCBJKT
   όΠΦؔ࿈ηʔϧε
   όΠΦ੡ༀ޻৔؅ཧ
   ೥͔ΒϑϦʔϥϯε 3BJMT !OBPGVNJ
2. 3FBDUʢपΓͷίʔυ
   ͳΜͰ͜Μͳʹ͋Δͷʁ
3. ͍ͭ΋৺ʹ
   ΨϦϨΦΛ
4. IUUQTXXXZPVUVCFDPNXBUDI W#VJ&&*QXPUT
5. ೥ʹΦϨΦϨ41"Λ࡞ͬͨ
   ਓؒͱͯ͠ɺͳͥ)PUXJSF͔ʁ
6. 3FBDU
   ͱ
   )PUXJSF
   Λߟ͑Δ
7. Α͋͘Δݟํ 6*69 ޻਺ͷগͳ͞ 6*ϥΠϒϥϦ )PUXJSF 3FBDU
8. ࢲͷݟํ 6*69 ޻਺ͷগͳ͞ ܕ҆શੑ ෳࡶͳυϝΠϯ ηΩϡϦςΟ 6*ϥΠϒϥϦ )PUXJSF 3FBDU
9. ࢲͷݟํ "* 6*69 ޻਺ͷগͳ͞ ܕ҆શੑ ෳࡶͳυϝΠϯ ηΩϡϦςΟ 6*ϥΠϒϥϦ )PUXJSF 3FBDU "*༷ʹΑΔҠ২
10. ࠓ೔ͷ࿩ 6*69 ޻਺ͷগͳ͞ ܕ҆શੑ ෳࡶͳυϝΠϯ ηΩϡϦςΟ 6*ϥΠϒϥϦ )PUXJSF 3FBDU 6*69 ޻਺ͷগͳ͞ 6*ϥΠϒϥϦ
11. 6*69ʹ͍ͭͯ 6*69 ޻਺ͷগͳ͞ ܕ҆શੑ ෳࡶͳυϝΠϯ ηΩϡϦςΟ 6*ϥΠϒϥϦ )PUXJSF 3FBDU
12. TJHOBMͷ
    'J[[Z
    #BTFDBNQΛ ࢖ͬͯΈ͍ͯͩ͘͞
    
    ແྉόʔδϣϯ͋Γ·͢ʂ ʮ࿦ΑΓূڌʯ
16. ࠓ೔͸࿩͞ͳ͍͚Ͳɺ
    ΢ΣϒαΠτΛݟ͍ͯͩ͘͞ IUUQTIPUXJSFBOFDEPUBDBTUMFDPN
17. 3FBDUͷେม͞ 6*69 ޻਺ͷগͳ͞ ܕ҆શੑ ෳࡶͳυϝΠϯ ηΩϡϦςΟ 6*ϥΠϒϥϦ )PUXJSF 3FBDU
18. 3FBDUίʔυΛݟͯࢲ͕ߟ͑Δ͜ͱ
    ͦͷ Ͳ͏ͯ͠ΫϥΞϯταΠυͷϧʔλ͕ඞཁͳͷʁ αʔόͷϧʔλ͚ͩͰे෼Ͱ͸ʁ Ͳ͏ͯ͠+40/
    "1*͕ඞཁͳͷʁ )5.-ΛαʔόͰϨϯμʔ͢Ε͹ෆཁͰ͸ʁ Ͳ͏ͯ͠0QFO
    "1*
    4XBHHFS ͕ඞཁͳͷʁ ͋Μͳͷਓ͕ؒ؅ཧ͢Δ΋ͷ͡Όͳ͍ʂ Ͳ͏ͯ͠γϦΞϥΠβ͕ඞཁͳͷʁ ؆୯ͳ&3#Λॻ͘ํ͕γϯϓϧɻ+40/
    "1*͕ແ͚Ε͹ෆཁ Ͳ͏ͯ͠ΫϥΠΞϯταΠυͰೝূΛ͢Δͷʁ αʔό͔ΒIUUQPOMZ
    DPPLJFΛൃߦ͢Ε͹े෼Ͱ͸ʁ
    #'' Ͳ͏ͯ͠"1*ઐ༻ΤϯυϙΠϯτ͕ඞཁͳͷʁ ϖʔδݻ༗ͷ"1*Λ࢖͑͹ྑ͍ͷͰ͸ʁ Ͳ͏ͯ̍͠ϖʔδ͋ͨΓෳ਺ͷ"1*Λୟ͘ͷʁ 69͸ѱ͘ͳΔ͠ɺαʔόෛՙ͸૿͑Δ͠ɺͳΜͰʁ Ͳ͏ͯ͠εςʔτ͕ͦΜͳʹඞཁͳͷʁ ྫ͑͹ϩʔσΟϯάఔ౓Ͱεςʔτ͸ຊ౰ʹඞཁʁ
19. 3FBDUίʔυΛݟͯࢲ͕ߟ͑Δ͜ͱ
    ͦͷ Ͳ͏ͯ͠"1*Ͱෆཁσʔλ΋ૹͬͪΌ͏ͷʁ ݖݶ؅ཧΛ͢Γൈ͚Δσʔλ࿙Ӯ͕ා͘ͳ͍ʁ 5ZQF4DSJQU͸ݴ͏΄ͲޮՌͳ͍ΑͶʁ +40/
    "1*͕ܖ໿ͱζϨ͍ͯͨΒݕ஌Ͱ͖ͳ͍ΑͶʁ &&ςετ͸ਏ͍ΑͶʁ 'MBLZͩ͠ɺΤϥʔ͕ग़ͯ΋ݪҼಛఆ͕೉͍͠ΑͶʁ +40/
    "1*ͷSFRVFTU
    TQFD͸ਏ͍ΑͶʁ &3#ͳΒγϯϓϧɻ"1*ͩͱશϑΟʔϧυ֬ೝ͕ଟ͘ͳ͍ʁ ͦ΋ͦ΋େͨ͠6*͡Όͳ͍͜ͱ͕ଟ͍ΑͶʁ ͨͬͨҰ෦෼ͷͨΊʹɺϖʔδશମΛ3FBDUʹ͢Δͷʁ $44ϞδϡʔϧͬͯͳΜͰ࢖͏ͷʁ ී௨ʹ#&.ͱ͔ͷ໋໊نଇͰ$44Λ۠෼͚Ͱ͖ΔΑͶʁ ίϯϙʔωϯτ͕ଟ͗͢ͳ͍ʁ $44Λ౰ͯΔ͚ͩͳͷʹίϯϙʔωϯτԽ͢Δඞཁ͋Δʁ NF͕ͳΜͰάϩʔόϧεςʔτʁ શ"1*͸Ͳ͏ͤೝূ͍ͯ͠ΔΜͰɺશ"1*ʹࡌͤΕ͹ྑ͘ͳ͍ʁ
21. 3FBDU )PUXJSF 4UBUF؅ཧ %BUB
    GFUDI 0QFO"1*
    4XBHHFS &SSPS
    IBOEMJOH "1*
    DPOUSPMMFS $MJFOUTJEF
    SPVUFS +40/
    TFSJBMJ[FS "VUI #BDLFOE
    -PHJD &3#
22. IUUQT[FOOEFWOBPGVNJLBSUJDMFTDFFECE
23. *OFSUJBKT
    ϚδͰ൒෼͙Β͍ʹݮΔ 5IF
    .PEFSO
    .POPMJUI
24. rails new [project name] cd [project name] bundle add inertia_rails bin/rails generate inertia:install bin/dev bin/rails g inertia:scaffold Post title body:text IUUQTJOFSUJBSBJMTEFWHVJEFTFSWFSTJEFTFUVQ
25. IUUQTXXXZPVUVCFDPNXBUDI W3"OC:,B+ID
26. ࢲͷݟํ 6*69 ޻਺ͷগͳ͞ ܕ҆શੑ ෳࡶͳυϝΠϯ ηΩϡϦςΟ 6*ϥΠϒϥϦ )PUXJSF 3FBDU
27. Ճʑඒ௚࢙
    !OBPGVNJ
    3BJMT
    5PLZP
     "*༷͕͋Ε͹ɺ
    )PUXJSFͷऑ఺͸ফ͑Δ͔ʁ ຊ ೔ ͷ ԋ ୊
29. 4IBE$/͔Β)5.-$44΁ͷม׵ϫʔΫϑϩʔ 3FBDUίϯϙʔωϯτ Λιʔεͱͯ͠ຒΊࠐΉ 7BOJMMB
    )5.-$44+4
    
    4UJNVMVTʹॻ͖׵͑ 1MBZXSJHIU
    .$1Ͱ
    ࠶ݱਫ਼౓ͱಉ࡞֬ೝ ਓ͕ؒಈ࡞֬ೝ (15
    $PEFY
     ਓؒ ͪͳΈʹࢲ͸·ͩ
    "*Ϩϕϧ̍
30. IUUQTHJUIVCDPNOBPGVNJBJ@VJ@MJCSBSZ@DPOWFSTJPO
32. "*༷͸
    Ҡ২͕͘͢͝ಘҙ
34. IUUQT[FOOEFWBTIVOBSBSUJDMFTBDFBE
37. ࠓ೔ͷ࿩ 6*69 ޻਺ͷগͳ͞ ܕ҆શੑ ෳࡶͳυϝΠϯ ηΩϡϦςΟ 6*ϥΠϒϥϦ )PUXJSF 3FBDU "*༷ʹΑΔҠ২
38. 3BJMTͬͯίϯϙʔωϯτऑ͘ͳ͍ʁ
39. 3BJMT΢Σϒͷίϯϙʔωϯτͷߟ͑ํ 1BSUJBM 7JFX
    )FMQFS
    UBH
    IFMQFS )5.-
    ίϯϙʔωϯτ 4UJNVMVT +BWB4DSJQU
    ίϯϙʔωϯτ $44
    #&. $44
    ίϯϙʔωϯτ 3FBDU
    ίϯϙʔωϯτ͸ϞϊϦεత
    ΢ΣϒͰ͸ී௨͸෼཭͢Δ
40. ஫ҙ఺
    )PUXJSFͰ͸3FBDUίϯϙʔωϯτΛ
    ਅࣅΔඞཁ͸ͳ͍
42. 4IBE$/
    WFSTJPO 7BOJMMB
    )5.-$44
    WFSTJPO ؔ਺$PNQPOFOU͡Όͳͯ͘$44Ͱදݱ
    #&.ه๏ͰWBSJBOUΛදݱ͢Δ
43. 1SPQTΛ$44ʹ
    ม׵͍ͯ͠Δ͚ͩ 4IBEDO
    #VUUPO
44. ܦݧஊ
    4IBEDOΛ1BSUJBM7JFX
    IFMQFSʹ
    ม׵͠Α͏ͱͯ͠൵͘͠ͳͬͨ 3FBDUͷίϯϙʔωϯτ͸
    ΢ΣϒͬΆ͘ͳͯ͘ಛघ
45. ஫ҙ఺
    )PUXJSFͰ͸3FBDUίϯϙʔωϯτΛ
    ਅࣅΔඞཁ͸ͳ͍
46. ࠓ೔ͷ࿩ 6*69 ޻਺ͷগͳ͞ ܕ҆શੑ ෳࡶͳυϝΠϯ ηΩϡϦςΟ 6*ϥΠϒϥϦ )PUXJSF 3FBDU "*༷ʹΑΔҠ২
47. 3FBDUͷີ͔ͳ໰୊఺
48. 3FBDUͷ໰୊఺ 6*69 ޻਺ͷগͳ͞ ܕ҆શੑ ෳࡶͳυϝΠϯ ηΩϡϦςΟ 6*ϥΠϒϥϦ )PUXJSF 3FBDU
49. 3FBDU
    5ZQF4DSJQU
    ͰݻΊͯ΋ɺ
    ܕ҆શੑ͸
    3BJMT
    &3#
    ʹྼΔ
50. 5ZQF4DSJQUͳͧͳͧ 3FBDUϑϩϯτΤϯυ
    5ZQF4DSJQUͰݻΊ͍ͯΔ +40/
    "1* ϒϥ΢βը໘
51. 5ZQF4DSJQUͳͧͳͧ +40/
    "1* Կ͕ى͜ΔͰ͠ΐ͏͔ʁ
    5ZQF4DSJQU
    ܕΤϥʔ
    ࣮ߦ࣌
    Τϥʔը໘
    ໊લ͕ۭനʹͳΔ #&͕ϑΟʔϧυ໊Λมߋͨ͠
    ϑϩϯτΤϯυ͸ະߋ৽
52. 5ZQF4DSJQUͳͧͳͧ +40/
    "1* Կ͕ى͜ΔͰ͠ΐ͏͔ʁ
    5ZQF4DSJQU
    ܕΤϥʔ
    ࣮ߦ࣌
    Τϥʔը໘
    ໊લ͕ۭനʹͳΔ #&͕ϑΟʔϧυ໊Λมߋͨ͠
    ϑϩϯτΤϯυ͸ະߋ৽
53. 5ZQF4DSJQUͳͧͳͧ +40/
    "1* /BNF͕ۭനʹͳΔ͚ͩ
    
    
    ؾ͖ͮʹ͍͘ͷͰɺຊ൪؀ڥʹग़ͯ͠·͏ 5ZQF4DSJQUίϯύΠϥ͸✅ ϒϥ΢βը໘
55. &3#ͷ৔߹ ΤϥʔʹͳΔ SFRVFTU
    TQFD΋མͪΔ ͷͰɺ
    ຊ൪ʹग़ͯ͠·͏͜ͱ͸௨ৗ͋Γಘͳ͍
56. &3#ϑϩϯτΤϯυͷςετઓུ
    3FRVFTU
    4QFDͰ
    Ϩϯμʔ͢Δ͚ͩͰ
     3VCZͷڧ͍ܕ෇͚ͷ͓͔͛
57. Ϟσϧ "1*
    ίϯτϩʔϥ +40/
    γϦΞϥΠβ "1*
    GFUDI
    
    5ZQF +49 3VCZͷ ಈత ܕ৘ใ 5ZQF4DSJQUͷ ੩త ܕ৘ใ 0QFO
    "1* DPEFHFO DPNNJUUFF
    HFN Ϟσϧ ίϯτϩʔϥ &3# 3VCZͷ ಈత ܕ৘ใ 3FBDU
    5ZQF4DSJQU 3BJMT
    &3#
58. 3FBDU
    5ZQF4DSJQU
    ͰݻΊͯ΋ɺ
    ܕ҆શੑ͸
    3BJMT
    &3#
    ʹྼΔ ຊ൪ʹόάΛग़͞ͳ͍
    ҙຯͰ͸
59. Α͋͘Δݟํ 6*69 ޻਺ͷগͳ͞ 6*ϥΠϒϥϦ )PUXJSF 3FBDU
60. ࠓ೔ͷ࿩ 6*69 ޻਺ͷগͳ͞ ܕ҆શੑ ෳࡶͳυϝΠϯ ηΩϡϦςΟ 6*ϥΠϒϥϦ )PUXJSF 3FBDU "*
61. ·ͱΊ 6*69 ޻਺ͷগͳ͞ ܕ҆શੑ ෳࡶͳυϝΠϯ ηΩϡϦςΟ 6*ϥΠϒϥϦ )PUXJSF 3FBDU 6*69 ޻਺ͷগͳ͞ 6*ϥΠϒϥϦ
62. )PUXJSFΛ࢖ͬͯ
    ϑϩϯτΤϯυΛָ͠΋͏‼