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
160
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
7.4k
fbc-graduation-napple
harunatsujita
0
84
Rails Girls 2022 LT
harunatsujita
0
550
はじめてのしくじり /fjordbootcamp-211009
harunatsujita
0
1.1k
Other Decks in Programming
See All in Programming
Grafana Loki によるサーバログのコスト削減
mot_techtalk
1
130
SpringBoot3.4の構造化ログ #kanjava
irof
2
1k
AWS Organizations で実現する、 マルチ AWS アカウントのルートユーザー管理からの脱却
atpons
0
150
富山発の個人開発サービスで日本中の学校の業務を改善した話
krpk1900
4
390
1年目の私に伝えたい!テストコードを怖がらなくなるためのヒント/Tips for not being afraid of test code
push_gawa
0
180
Immutable ActiveRecord
megane42
0
140
WebDriver BiDiとは何なのか
yotahada3
1
140
技術を根付かせる / How to make technology take root
kubode
1
250
定理証明プラットフォーム lapisla.net
abap34
1
1.8k
XStateを用いた堅牢なReact Components設計~複雑なClient Stateをシンプルに~ @React Tokyo ミートアップ #2
kfurusho
1
910
第3回関東Kaggler会_AtCoderはKaggleの役に立つ
chettub
3
1k
SwiftUIで単方向アーキテクチャを導入して得られた成果
takuyaosawa
0
270
Featured
See All Featured
Into the Great Unknown - MozCon
thekraken
35
1.6k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
100
18k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
How STYLIGHT went responsive
nonsquared
98
5.4k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
330
Bootstrapping a Software Product
garrettdimon
PRO
306
110k
Git: the NoSQL Database
bkeepers
PRO
427
64k
Scaling GitHub
holman
459
140k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
12
960
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
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 ཧղͷ͋ΔνʔϜʹײँ ‣͘ॴଐ͍ͯ͠ΔͱͨΓલʹͳͬͯ͠·͍͕ͪ
৽ٕज़ͷಋೖͨ͘͞Μͷϐʔε ͕ἧͬͨ࣌ʹޭ͢Δ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠🌈