Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Hotwire or React? ~アフタートーク・本編に含めなかった話~ / Hotwi...
Search
haruna tsujita
November 05, 2024
Programming
1
180
Hotwire or React? ~アフタートーク・本編に含めなかった話~ / Hotwire or React? after talk
After Kaigi on Rails 〜マイベスト x YOUTRUST x SmartBank共催〜
haruna tsujita
November 05, 2024
Tweet
Share
More Decks by haruna tsujita
See All by haruna tsujita
Hotwire or React? ~Reactの録画機能をHotwireに置き換えて得られた知見~ / hotwire_or_react
harunatsujita
9
8k
fbc-graduation-napple
harunatsujita
0
89
Rails Girls 2022 LT
harunatsujita
0
570
はじめてのしくじり /fjordbootcamp-211009
harunatsujita
0
1.1k
Other Decks in Programming
See All in Programming
Boost Your Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
1.6k
Deoptimization: How YJIT Speeds Up Ruby by Slowing Down / RubyKaigi 2025
k0kubun
0
810
AIコードエディタの基盤となるLLMのFlutter性能評価
alquist4121
0
210
AIコーディングワークフローの試行 〜AIエージェント×ワークフローでの自動化を目指して〜
rkaga
2
3.7k
AWS で実現する安全な AI エージェントの作り方 〜 Bedrock Engineer の実装例を添えて 〜 / how-to-build-secure-ai-agents
gawa
8
810
Building Scalable Mobile Projects: Fast Builds, High Reusability and Clear Ownership
cyrilmottier
2
280
Signal-Based Data FetchingWith the New httpResource
manfredsteyer
PRO
0
180
趣味全開のAITuber開発
kokushin
0
200
「”誤った使い方をすることが困難”な設計」で良いコードの基礎を固めよう / phpcon-odawara-2025
taniguhey
0
140
リアルタイムレイトレーシング + ニューラルレンダリング簡単紹介 / Real-Time Ray Tracing & Neural Rendering: A Quick Introduction (2025)
shocker_0x15
1
300
AI時代の開発者評価について
ayumuu
0
150
Lambda(Python)の リファクタリングが好きなんです
komakichi
3
200
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
40
7.2k
How to Ace a Technical Interview
jacobian
276
23k
StorybookのUI Testing Handbookを読んだ
zakiyama
29
5.6k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.1k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
34
2.2k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.4k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
119
51k
How GitHub (no longer) Works
holman
314
140k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Product Roadmaps are Hard
iamctodd
PRO
52
11k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
41
2.2k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
32
5.4k
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 ཧղͷ͋ΔνʔϜʹײँ ‣͘ॴଐ͍ͯ͠ΔͱͨΓલʹͳͬͯ͠·͍͕ͪ
৽ٕज़ͷಋೖͨ͘͞Μͷϐʔε ͕ἧͬͨ࣌ʹޭ͢Δ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠🌈