Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
RailsTokyo 2026#4: AI様があれば、 Hotwireの弱点は消えるか?
Search
Naofumi Kagami
May 21, 2026
Programming
1.2k
5
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
RailsTokyo 2026#4: AI様があれば、 Hotwireの弱点は消えるか?
https://railstokyo.connpass.com/event/385285/
での発表スライドです。
Naofumi Kagami
May 21, 2026
Transcript
62 slides
(JUIVCOBPGVNJ ༀاۀͰόΠΦܥݚڀऀ όΠΦؔ࿈ϚʔέςΟϯά ʹόΠΦܥϝσΟΞ 3BJMT Ͱ ىۀ ΦϨΦϨ41"ϑϨʔϜϫʔΫ ,BNJTIJCBJKT όΠΦؔ࿈ηʔϧε
όΠΦༀཧ ͔ΒϑϦʔϥϯε 3BJMT !OBPGVNJ
3FBDUʢपΓͷίʔυ ͳΜͰ͜Μͳʹ͋Δͷʁ
͍ͭ৺ʹ ΨϦϨΦΛ
IUUQTXXXZPVUVCFDPNXBUDI W#VJ&&*QXPUT
ʹΦϨΦϨ41"Λ࡞ͬͨ ਓؒͱͯ͠ɺͳͥ)PUXJSF͔ʁ
3FBDUͱ)PUXJSF Λߟ͑Δ
Α͋͘Δݟํ 6*69 ͷগͳ͞ 6*ϥΠϒϥϦ )PUXJSF 3FBDU
ࢲͷݟํ 6*69 ͷগͳ͞ ܕ҆શੑ ෳࡶͳυϝΠϯ ηΩϡϦςΟ 6*ϥΠϒϥϦ )PUXJSF 3FBDU
ࢲͷݟํ "* 6*69 ͷগͳ͞ ܕ҆શੑ ෳࡶͳυϝΠϯ ηΩϡϦςΟ 6*ϥΠϒϥϦ )PUXJSF 3FBDU
"*༷ʹΑΔҠ২
ࠓͷ 6*69 ͷগͳ͞ ܕ҆શੑ ෳࡶͳυϝΠϯ ηΩϡϦςΟ 6*ϥΠϒϥϦ )PUXJSF 3FBDU 6*69
ͷগͳ͞ 6*ϥΠϒϥϦ
6*69ʹ͍ͭͯ 6*69 ͷগͳ͞ ܕ҆શੑ ෳࡶͳυϝΠϯ ηΩϡϦςΟ 6*ϥΠϒϥϦ )PUXJSF 3FBDU
TJHOBMͷ'J[[Z #BTFDBNQΛ ͬͯΈ͍ͯͩ͘͞ ແྉόʔδϣϯ͋Γ·͢ʂ ʮΑΓূڌʯ
None
None
None
ࠓ͞ͳ͍͚Ͳɺ ΣϒαΠτΛݟ͍ͯͩ͘͞ IUUQTIPUXJSFBOFDEPUBDBTUMFDPN
3FBDUͷେม͞ 6*69 ͷগͳ͞ ܕ҆શੑ ෳࡶͳυϝΠϯ ηΩϡϦςΟ 6*ϥΠϒϥϦ )PUXJSF 3FBDU
3FBDUίʔυΛݟͯࢲ͕ߟ͑Δ͜ͱ ͦͷ Ͳ͏ͯ͠ΫϥΞϯταΠυͷϧʔλ͕ඞཁͳͷʁ αʔόͷϧʔλ͚ͩͰेͰʁ Ͳ͏ͯ͠+40/"1*͕ඞཁͳͷʁ )5.-ΛαʔόͰϨϯμʔ͢ΕෆཁͰʁ Ͳ͏ͯ͠0QFO"1* 4XBHHFS ͕ඞཁͳͷʁ ͋Μͳͷਓ͕ؒཧ͢Δͷ͡Όͳ͍ʂ
Ͳ͏ͯ͠γϦΞϥΠβ͕ඞཁͳͷʁ ؆୯ͳ&3#Λॻ͘ํ͕γϯϓϧɻ+40/"1*͕ແ͚Εෆཁ Ͳ͏ͯ͠ΫϥΠΞϯταΠυͰೝূΛ͢Δͷʁ αʔό͔ΒIUUQPOMZDPPLJFΛൃߦ͢ΕेͰʁ #'' Ͳ͏ͯ͠"1*ઐ༻ΤϯυϙΠϯτ͕ඞཁͳͷʁ ϖʔδݻ༗ͷ"1*Λ͑ྑ͍ͷͰʁ Ͳ͏ͯ̍͠ϖʔδ͋ͨΓෳͷ"1*Λୟ͘ͷʁ 69ѱ͘ͳΔ͠ɺαʔόෛՙ૿͑Δ͠ɺͳΜͰʁ Ͳ͏ͯ͠εςʔτ͕ͦΜͳʹඞཁͳͷʁ ྫ͑ϩʔσΟϯάఔͰεςʔτຊʹඞཁʁ
3FBDUίʔυΛݟͯࢲ͕ߟ͑Δ͜ͱ ͦͷ Ͳ͏ͯ͠"1*ͰෆཁσʔλૹͬͪΌ͏ͷʁ ݖݶཧΛ͢Γൈ͚Δσʔλ࿙Ӯ͕ා͘ͳ͍ʁ 5ZQF4DSJQUݴ͏΄ͲޮՌͳ͍ΑͶʁ +40/"1*͕ܖͱζϨ͍ͯͨΒݕͰ͖ͳ͍ΑͶʁ &&ςετਏ͍ΑͶʁ 'MBLZͩ͠ɺΤϥʔ͕ग़ͯݪҼಛఆ͕͍͠ΑͶʁ +40/"1*ͷSFRVFTUTQFDਏ͍ΑͶʁ &3#ͳΒγϯϓϧɻ"1*ͩͱશϑΟʔϧυ֬ೝ͕ଟ͘ͳ͍ʁ
ͦͦେͨ͠6*͡Όͳ͍͜ͱ͕ଟ͍ΑͶʁ ͨͬͨҰ෦ͷͨΊʹɺϖʔδશମΛ3FBDUʹ͢Δͷʁ $44ϞδϡʔϧͬͯͳΜͰ͏ͷʁ ී௨ʹ#&.ͱ͔ͷ໋໊نଇͰ$44Λ͚۠Ͱ͖ΔΑͶʁ ίϯϙʔωϯτ͕ଟ͗͢ͳ͍ʁ $44ΛͯΔ͚ͩͳͷʹίϯϙʔωϯτԽ͢Δඞཁ͋Δʁ NF͕ͳΜͰάϩʔόϧεςʔτʁ શ"1*Ͳ͏ͤೝূ͍ͯ͠ΔΜͰɺશ"1*ʹࡌͤΕྑ͘ͳ͍ʁ
None
3FBDU )PUXJSF 4UBUFཧ %BUBGFUDI 0QFO"1* 4XBHHFS &SSPSIBOEMJOH "1*DPOUSPMMFS $MJFOUTJEFSPVUFS +40/TFSJBMJ[FS
"VUI #BDLFOE-PHJD &3#
IUUQT[FOOEFWOBPGVNJLBSUJDMFTDFFECE
*OFSUJBKT ϚδͰ͙Β͍ʹݮΔ 5IF.PEFSO.POPMJUI
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
IUUQTXXXZPVUVCFDPNXBUDI W3"OC:,B+ID
ࢲͷݟํ 6*69 ͷগͳ͞ ܕ҆શੑ ෳࡶͳυϝΠϯ ηΩϡϦςΟ 6*ϥΠϒϥϦ )PUXJSF 3FBDU
Ճʑඒ࢙!OBPGVNJ 3BJMT5PLZP "*༷͕͋Εɺ )PUXJSFͷऑফ͑Δ͔ʁ ຊ ͷ ԋ
None
4IBE$/͔Β)5.-$44ͷมϫʔΫϑϩʔ 3FBDUίϯϙʔωϯτ Λιʔεͱͯ͠ຒΊࠐΉ 7BOJMMB)5.-$44+4 4UJNVMVTʹॻ͖͑ 1MBZXSJHIU.$1Ͱ ࠶ݱਫ਼ͱಉ࡞֬ೝ ਓ͕ؒಈ࡞֬ೝ (15$PEFY
ਓؒ ͪͳΈʹࢲ·ͩ"*Ϩϕϧ̍
IUUQTHJUIVCDPNOBPGVNJBJ@VJ@MJCSBSZ@DPOWFSTJPO
None
"*༷ Ҡ২͕͘͢͝ಘҙ
None
IUUQT[FOOEFWBTIVOBSBSUJDMFTBDFBE
None
None
ࠓͷ 6*69 ͷগͳ͞ ܕ҆શੑ ෳࡶͳυϝΠϯ ηΩϡϦςΟ 6*ϥΠϒϥϦ )PUXJSF 3FBDU "*༷ʹΑΔҠ২
3BJMTͬͯίϯϙʔωϯτऑ͘ͳ͍ʁ
3BJMTΣϒͷίϯϙʔωϯτͷߟ͑ํ 1BSUJBM 7JFX)FMQFS UBHIFMQFS )5.- ίϯϙʔωϯτ 4UJNVMVT +BWB4DSJQU ίϯϙʔωϯτ $44
#&. $44 ίϯϙʔωϯτ 3FBDUίϯϙʔωϯτϞϊϦεత ΣϒͰී௨͢Δ
ҙ )PUXJSFͰ3FBDUίϯϙʔωϯτΛ ਅࣅΔඞཁͳ͍
None
4IBE$/WFSTJPO 7BOJMMB)5.-$44WFSTJPO ؔ$PNQPOFOU͡Όͳͯ͘$44Ͱදݱ #&.ه๏ͰWBSJBOUΛදݱ͢Δ
1SPQTΛ$44ʹ ม͍ͯ͠Δ͚ͩ 4IBEDO#VUUPO
ܦݧஊ 4IBEDOΛ1BSUJBM7JFXIFMQFSʹ ม͠Α͏ͱͯ͠൵͘͠ͳͬͨ 3FBDUͷίϯϙʔωϯτ ΣϒͬΆ͘ͳͯ͘ಛघ
ҙ )PUXJSFͰ3FBDUίϯϙʔωϯτΛ ਅࣅΔඞཁͳ͍
ࠓͷ 6*69 ͷগͳ͞ ܕ҆શੑ ෳࡶͳυϝΠϯ ηΩϡϦςΟ 6*ϥΠϒϥϦ )PUXJSF 3FBDU "*༷ʹΑΔҠ২
3FBDUͷີ͔ͳ
3FBDUͷ 6*69 ͷগͳ͞ ܕ҆શੑ ෳࡶͳυϝΠϯ ηΩϡϦςΟ 6*ϥΠϒϥϦ )PUXJSF 3FBDU
3FBDU5ZQF4DSJQUͰݻΊͯɺ ܕ҆શੑ3BJMT&3#ʹྼΔ
5ZQF4DSJQUͳͧͳͧ 3FBDUϑϩϯτΤϯυ 5ZQF4DSJQUͰݻΊ͍ͯΔ +40/"1* ϒϥβը໘
5ZQF4DSJQUͳͧͳͧ +40/"1* Կ͕ى͜ΔͰ͠ΐ͏͔ʁ 5ZQF4DSJQUܕΤϥʔ ࣮ߦ࣌Τϥʔը໘ ໊લ͕ۭനʹͳΔ #&͕ϑΟʔϧυ໊Λมߋͨ͠ ϑϩϯτΤϯυະߋ৽
5ZQF4DSJQUͳͧͳͧ +40/"1* Կ͕ى͜ΔͰ͠ΐ͏͔ʁ 5ZQF4DSJQUܕΤϥʔ ࣮ߦ࣌Τϥʔը໘ ໊લ͕ۭനʹͳΔ #&͕ϑΟʔϧυ໊Λมߋͨ͠ ϑϩϯτΤϯυະߋ৽
5ZQF4DSJQUͳͧͳͧ +40/"1* /BNF͕ۭനʹͳΔ͚ͩ ؾ͖ͮʹ͍͘ͷͰɺຊ൪ڥʹग़ͯ͠·͏ 5ZQF4DSJQUίϯύΠϥ✅ ϒϥβը໘
None
&3#ͷ߹ ΤϥʔʹͳΔ SFRVFTUTQFDམͪΔ ͷͰɺ ຊ൪ʹग़ͯ͠·͏͜ͱ௨ৗ͋Γಘͳ͍
&3#ϑϩϯτΤϯυͷςετઓུ 3FRVFTU4QFDͰ Ϩϯμʔ͢Δ͚ͩͰ 3VCZͷڧ͍ܕ͚ͷ͓͔͛
Ϟσϧ "1* ίϯτϩʔϥ +40/ γϦΞϥΠβ "1*GFUDI 5ZQF +49 3VCZͷ ಈత
ܕใ 5ZQF4DSJQUͷ ੩త ܕใ 0QFO"1* DPEFHFO DPNNJUUFFHFN Ϟσϧ ίϯτϩʔϥ &3# 3VCZͷ ಈత ܕใ 3FBDU5ZQF4DSJQU 3BJMT&3#
3FBDU5ZQF4DSJQUͰݻΊͯɺ ܕ҆શੑ3BJMT&3#ʹྼΔ ຊ൪ʹόάΛग़͞ͳ͍ ҙຯͰ
Α͋͘Δݟํ 6*69 ͷগͳ͞ 6*ϥΠϒϥϦ )PUXJSF 3FBDU
ࠓͷ 6*69 ͷগͳ͞ ܕ҆શੑ ෳࡶͳυϝΠϯ ηΩϡϦςΟ 6*ϥΠϒϥϦ )PUXJSF 3FBDU "*
·ͱΊ 6*69 ͷগͳ͞ ܕ҆શੑ ෳࡶͳυϝΠϯ ηΩϡϦςΟ 6*ϥΠϒϥϦ )PUXJSF 3FBDU 6*69
ͷগͳ͞ 6*ϥΠϒϥϦ
)PUXJSFΛͬͯ ϑϩϯτΤϯυΛָ͠͏‼
More Decks by Naofumi Kagami
See All by Naofumi Kagami
高度なUI/UXこそHotwireで作ろう Kaigi on Rails 2025
naofumi
4
13k
Other Decks in Programming
See All in Programming
Claude Code ハーネスDeep Dive – 君はどこまで制御する? -
takateeen_knj
6
5.8k
protojson における文字化けの扱い
kazuki1023
0
430
止まらない比較を止める — 余帰納法で無限ストリームを比べる
tarao
0
150
React Native経験者が Flutterを30⽇間触って驚いたこと
3saito
0
190
GraphQL の onError と Nullability のこれから
quramy
0
220
flutter_test のその先へ — Flutter アプリの LLM 機能に「評価」という品質保証を
kosukesaigusa
0
200
AIがコードを書いてくれる時代、我々は何を確かめるのか
yosuke_furukawa
PRO
13
5.9k
ローカルLLMの基本と近況 2611 / Local LLM basics and recent situation 2611
kishida
2
420
自宅サーバはどこまで再現できるのか - Proxmox VE上のVM環境をIaCとバックアップで戻してみた
youto
0
240
AI時代のシニアエンジニアとは
yosuke_furukawa
PRO
15
12k
SFCで実現する病院・医療システムの動的組み立て式UI
koukimiura
1
180
Engineering Biometric UX Across Android Versions | DroidKnights 2026
ryunen344
1
210
Featured
See All Featured
Un-Boring Meetings
codingconduct
0
500
Navigating Team Friction
lara
192
16k
Leo the Paperboy
mayatellez
11
2.5k
Code Review Best Practice
trishagee
74
20k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
460
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
62k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
68
60k
Evolving SEO for Evolving Search Engines
ryanjones
0
360
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
400
The #1 spot is gone: here's how to win anyway
tamaranovitovic
4
1.2k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
750
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
2
800