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
200
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
8.2k
fbc-graduation-napple
harunatsujita
0
90
Rails Girls 2022 LT
harunatsujita
0
570
はじめてのしくじり /fjordbootcamp-211009
harunatsujita
0
1.1k
Other Decks in Programming
See All in Programming
漸進。
ssssota
0
1.1k
『Python → TypeScript』オンボーディング奮闘記
takumi_tatsuno
1
140
MLOps Japan 勉強会 #52 - 特徴量を言語を越えて一貫して管理する, 『特徴量ドリブン』な MLOps の実現への試み
taniiicom
2
570
tsconfigのオプションで変わる型世界
keisukeikeda
1
130
〜可視化からアクセス制御まで〜 BigQuery×Looker Studioで コスト管理とデータソース認証制御する方法
cuebic9bic
1
260
❄️ tmux-nixの実装を通して学ぶNixOSモジュール
momeemt
1
120
REST API設計の実践 – ベストプラクティスとその落とし穴
kentaroutakeda
2
310
CRUD から CQRS へ ~ 分離が可能にする柔軟性
tkawae
0
220
事業KPIを基に価値の解像度を上げる
nealle
0
200
鯛変だったRubyKaigi 2025 ── それでも楽しかった!
pndcat
0
130
Parallel::Pipesの紹介
skaji
2
870
【TSkaigi 2025】これは型破り?型安全? 真実はいつもひとつ!(じゃないかもしれない)TypeScript クイズ〜〜〜〜!!!!!
kimitashoichi
1
300
Featured
See All Featured
Producing Creativity
orderedlist
PRO
346
40k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Scaling GitHub
holman
459
140k
Music & Morning Musume
bryan
47
6.5k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Making the Leap to Tech Lead
cromwellryan
133
9.3k
KATA
mclloyd
29
14k
Building Applications with DynamoDB
mza
95
6.4k
Why You Should Never Use an ORM
jnunemaker
PRO
56
9.4k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.3k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
GraphQLとの向き合い方2022年版
quramy
46
14k
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 ཧղͷ͋ΔνʔϜʹײँ ‣͘ॴଐ͍ͯ͠ΔͱͨΓલʹͳͬͯ͠·͍͕ͪ
৽ٕज़ͷಋೖͨ͘͞Μͷϐʔε ͕ἧͬͨ࣌ʹޭ͢Δ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠🌈