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
120
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
8
5.5k
fbc-graduation-napple
harunatsujita
0
78
Rails Girls 2022 LT
harunatsujita
0
520
はじめてのしくじり /fjordbootcamp-211009
harunatsujita
0
1.1k
Other Decks in Programming
See All in Programming
3 Effective Rules for Using Signals in Angular
manfredsteyer
PRO
0
100
Jakarta EE meets AI
ivargrimstad
0
510
Tauriでネイティブアプリを作りたい
tsucchinoko
0
370
NSOutlineView何もわからん:( 前編 / I Don't Understand About NSOutlineView :( Pt. 1
usagimaru
0
330
ローコードSaaSのUXを向上させるためのTypeScript
taro28
1
610
OnlineTestConf: Test Automation Friend or Foe
maaretp
0
100
ヤプリ新卒SREの オンボーディング
masaki12
0
130
3rd party scriptでもReactを使いたい! Preact + Reactのハイブリッド開発
righttouch
PRO
1
600
TypeScript Graph でコードレビューの心理的障壁を乗り越える
ysk8hori
2
1.1k
CSC509 Lecture 12
javiergs
PRO
0
160
A Journey of Contribution and Collaboration in Open Source
ivargrimstad
0
870
リアーキテクチャxDDD 1年間の取り組みと進化
hsawaji
1
220
Featured
See All Featured
Designing on Purpose - Digital PM Summit 2013
jponch
115
7k
Intergalactic Javascript Robots from Outer Space
tanoku
269
27k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.8k
Typedesign – Prime Four
hannesfritz
40
2.4k
Statistics for Hackers
jakevdp
796
220k
For a Future-Friendly Web
brad_frost
175
9.4k
StorybookのUI Testing Handbookを読んだ
zakiyama
27
5.3k
Building Applications with DynamoDB
mza
90
6.1k
Gamification - CAS2011
davidbonilla
80
5k
Rails Girls Zürich Keynote
gr2m
94
13k
Adopting Sorbet at Scale
ufuk
73
9.1k
Building an army of robots
kneath
302
43k
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 ཧղͷ͋ΔνʔϜʹײँ ‣͘ॴଐ͍ͯ͠ΔͱͨΓલʹͳͬͯ͠·͍͕ͪ
৽ٕज़ͷಋೖͨ͘͞Μͷϐʔε ͕ἧͬͨ࣌ʹޭ͢Δ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠🌈