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
Hotwire or React? ~アフタートーク・本編に含めなかった話~ / Hotwi...
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
haruna tsujita
November 05, 2024
Programming
310
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Hotwire or React? ~アフタートーク・本編に含めなかった話~ / Hotwire or React? after talk
After Kaigi on Rails 〜マイベスト x YOUTRUST x SmartBank共催〜
haruna tsujita
November 05, 2024
More Decks by haruna tsujita
See All by haruna tsujita
Rebuilding Turbo Streams with ruby.wasm and Ruby Sockets
harunatsujita
1
2.4k
Hotwire or React? ~Reactの録画機能をHotwireに置き換えて得られた知見~ / hotwire_or_react
harunatsujita
11
11k
fbc-graduation-napple
harunatsujita
0
130
Rails Girls 2022 LT
harunatsujita
0
670
はじめてのしくじり /fjordbootcamp-211009
harunatsujita
0
1.2k
Other Decks in Programming
See All in Programming
PumaからFalconに移行したRailsアプリケーションでの実践
falcon8823
0
320
Coding with AI: How to trust the storyteller (AWS Community Day Adria, Ljubljana 2026)
slobodan
0
130
個人開発者よ、Honoを使え(おじさんver)
tanahiro2010
2
300
[Dev Group Paris Octobre 26] Agentforce, SIforce, Claudeforce, Slackbot… on s'y retrouve ?
nabondance
0
130
AI時代のシニアエンジニアとは
yosuke_furukawa
PRO
14
11k
React Native에 현대적인 빌드 도구 더하기: Rollipop 구현기
leegeunhyeok
0
180
最近”作らせてる” ローカルAIアプリの話
akit37
0
530
當我們開始不讀 Code - AI Agent 時代,Code Review 與 Clean Code 還剩下什麼?
jame2408
1
350
TanStack Vue Query と Pinia Colada から学ぶ非同期状態の型設計
aoshi
0
590
Vapor Mode でアクセシビリティは 壊れないか検証した話
fuqda
1
300
Inertia Rails: The One-Person Framework with React & Friends
skryukov
0
210
Snowflake Openflow Connector利用の勘所 / 20261024developersio2026tokyo-snowflake-openflow
kasacchiful
PRO
0
270
Featured
See All Featured
Ten Tips & Tricks for a 🌱 transition
stuffmc
1
280
We Have a Design System, Now What?
morganepeng
55
8.4k
Fashionably flexible responsive web design (full day workshop)
malarkey
409
67k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
370
Design in an AI World
tapps
1
380
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.6k
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.7k
Marketing to machines
jonoalderson
1
6k
Building a Scalable Design System with Sketch
lauravandoore
464
34k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.4k
We Are The Robots
honzajavorek
0
420
Transcript
)PUXJSFPS3FBDU dΞϑλʔτʔΫɾຊฤʹؚΊͳ͔ͬͨd )BSVOB5TVKJUB !IBSVOBUTVKJUB "GUFS,BJHJPO3BJMTʙϚΠϕετY:0653645Y4NBSU#BOLڞ࠵ʙ
ࣗݾհ !IBSVOBUTVKJUB ✦ˠגࣜձࣾΩϟλϧʢӳޠक़ΛӡӦʣ ✦όοΫΤϯυΤϯδχΞʢ3BJMTͱɺͨ·ʹ3FBDUʣ
)PUXJSFPS3FBDU ͱ͍͏λΠτϧͰొஃ͠·ͨ͠
ࠓ͢͜ͱ w τʔΫΛͬ͘͟Γͱ͓͞Β͍ w τʔΫʹؚΊͳ͔ͬͨ
τʔΫͷ͓͞Β͍ $MBVEF4POOFUʢ࠷৽൛ʣ࡞
$MBVEF4POOFUʢ࠷৽൛ʣ࡞ ᶃখنΞϓϦέʔγϣϯͷ୲ϓϩμΫτʹ 3FBDUΦʔόʔεϖοΫ͔ɻ Ͱ)PUXJSFͰ։ൃͰ͖Δ͔ෆ҆ɾɾ ͠߹͍͕ͬͯͯ͑Ͱͳ͍͔Βɺ 4UJNVMVTͷٕज़ݕূΛͯ͠ΈΑ͏
$MBVEF4POOFUʢ࠷৽൛ʣ࡞ ᶄ3FBDUͷըػೳΛ4UJNVMVTʹஔ͖͑ͨΒ ͏·͘4UJNVMVTΛѻ͑ͣ+BWB4DSJQU·ΈΕʹɾɾ ʮ͜ΕͳΒ3FBDUͰྑ͍ʯͱ νʔϜϝϯόʔʹݴΘΕɺ4UJNVMVTಋೖ࠳
$MBVEF4POOFUʢ࠷৽൛ʣ࡞ ᶅͦ͏ݴΘΕͨͷͷ͜͜ͰఘΊͯྑ͍ͷ͔ʁ )PUXJSFΛ͍͜ͳ͢ʹͲ͏ͨ͠Βɾɾʁ ʢࢼߦࡨޡʣ
$MBVEF4POOFUʢ࠷৽൛ʣ࡞ ᶆҰ࠳ͨ͠4UJNVMVTͷಋೖʹޭʂ 3FBDU͔Β)PUXJSFஔ͖͑ͷ13Ϛʔδ🎉 $36%ϕʔεͳΒे)PUXJSF͑Δʂʂ
$MBVEF4POOFUʢ࠷৽൛ʣ࡞ Ұܾఆͨ͠νʔϜͷ݁ ʰ4UJNVMVTಋೖ͠ͳ͍ʱΛ ෴ͤͳ͍Մೳੑ͋ͬͨ ٕज़ͷಋೖࣦഊ͔Βޭ·Ͱɺ ͜͜ͰԿ͕͋ͬͨʁʁʁʁ
ಋೖΛޙԡͨ͠͠ͷʁ τʔΫʹؚΊͳ͔ͬͨ
ͲΜͳ݁Ͱਖ਼ʹͭ͢ΓͰ͍ͨʂ
ࢥ͍ඳ͍͍ͯͨ݁ύλʔϯ
ʰ͏·͍ͬͯ͘4UJNVMVTΛಋೖͰ͖·ͨ͠ʂʱ w ࢲʹͱͬͯͷϋοϐʔΤϯυ w ࠓճͪ͜ΒʹͨͲΓண͍ͨ
ʢ͞·͟·ͳཧ༝Ͱʣʰ3FBDUΛબͼ·ͨ͠ʱ w lͱ͋ΔνʔϜͷ݁zͱͯ͠ͷτʔΫʹ͢Δ ‣͜Ε͜ΕͰϦΞϧ ‣ӕ͚ͭͳ͍ͷͰํͳ͍ ‣τʔΫͱͯ͠όουΤϯυײ😇
❌ΰʔϧݟӫ͑ͷྑ͍τʔΫͷͨΊͷٕज़બఆ
⭕ΰʔϧνʔϜͷೲಘͷ͍ٕ͘ज़બఆ
νʔϜϝϯόʔΛઆ͖෬ͤͯ ແཧΓಋೖ͢ΔͭΓͳ͔ͬͨ
ʢϋοϐʔΤϯυΛܴ͑ΔͨΊʹ Ͱ͖Δྗ͠Α͏ɾɾ💭ʣ
ಋೖΛޙԡͨͭ͠͠ͷ͜ͱ τʔΫʹؚΊͳ͔ͬͨ
ͬͨ͜ͱᶃ ผͷ3FBDU࣮Λ 3BJMT )PUXJSF 5VSCP ʹஔ͖͑
ผͷॴΛ3BJMT 5VSCPʹஔ͖͑ w (SBQI2-Λണ͕͍ͨ͠ͱ͍͏ผ՝ʹରͯ͠Ξϓϩʔν ‣ʮ(SBQI2-Λണ͕͢ͳΒɺ͜͜3FBDU͡Όͳͯ͘ྑ͍Ͱ͢Ͷ😊ʯ
ಉҙΛಘ্ͨͰ3BJMT 5VSCPʹஔ͖͑
ผͷॴΛ3BJMT 5VSCPʹஔ͖͑ w ʮίʔυྔݮΓ·͢Ͷʙ😀ʂʂʂʯ w ʮ)PUXJSFศརͰ͢Ͷʙ😀ʂʂʂʯ ‣࣮ࡍޮՌ͕͔͋ͬͨṖ😇
ͬͨ͜ͱᶄ ଞͷΞϓϦέʔγϣϯͷ ٕज़ελοΫௐࠪ
ଞͷΞϓϦέʔγϣϯͷٕज़ελοΫௐࠪ w ͜Ε্͕࢘ͯ͘͠Εͨ͜ͱ ‣)PUXJSFΛར༻͍ͯ͠ΔଞαʔϏεΛௐͯ͘Ε͍ͯͨ w ײँʂʂ😭
w ΤϥʔτϥοΩϯάαʔϏε͕)PUXJSFΛར༻ w ଞͷ৴པͰ͖ΔαʔϏε͕ಋೖ͍ٕͨ͠ज़Λ͍ͬͯΔ ‣҆৺ײ͕ಘΒΕΔ w ϓϨθϯ͢Δͱ͖ͷҰͭͷࡐྉʹͳΔ͔ ଞͷΞϓϦέʔγϣϯͷٕज़ελοΫௐࠪ
ͬͨ͜ͱᶅ ʢτʔΫ༰Ͱ͕͢ʣ ࣭ͷߴ͍ίʔυΛॻ͘
࣭ͷߴ͍ίʔυΛॻ͘ w τϥΠˍΤϥʔΛ܁Γฦ͞ͳ͍ͱḷΓண͚ͳ͍ w ͍ΘΏΔ࣏ίʔυͷ࣭Ͱ͋Γ͍ͨ w ཧղͷ͋ΔνʔϜʹײँ ‣͘ॴଐ͍ͯ͠ΔͱͨΓલʹͳͬͯ͠·͍͕ͪ
৽ٕज़ͷಋೖͨ͘͞Μͷϐʔε ͕ἧͬͨ࣌ʹޭ͢Δ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠🌈