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
React Version Up
Search
yun8boo
August 06, 2019
Technology
1
1.2k
React Version Up
Reactのメジャーバージョンアップ〜react-railsを用いた事例〜
yun8boo
August 06, 2019
Tweet
Share
More Decks by yun8boo
See All by yun8boo
Redux - Normalization
yun8boo
1
310
Other Decks in Technology
See All in Technology
react-callを使ってダイヤログをいろんなとこで再利用しよう!
shinaps
2
260
Claude Code でアプリ開発をオートパイロットにするためのTips集 Zennの場合 / Claude Code Tips in Zenn
wadayusuke
3
230
実践!カスタムインストラクション&スラッシュコマンド
puku0x
0
490
AIエージェントで90秒の広告動画を制作!台本・音声・映像・編集をつなぐAWS最新アーキテクチャの実践
nasuvitz
3
330
未経験者・初心者に贈る!40分でわかるAndroidアプリ開発の今と大事なポイント
operando
5
730
ブロックテーマ時代における、テーマの CSS について考える Toro_Unit / 2025.09.13 @ Shinshu WordPress Meetup
torounit
0
130
自作JSエンジンに推しプロポーザルを実装したい!
sajikix
1
190
Automating Web Accessibility Testing with AI Agents
maminami373
0
1.3k
Platform開発が先行する Platform Engineeringの違和感
kintotechdev
4
580
Aurora DSQLはサーバーレスアーキテクチャの常識を変えるのか
iwatatomoya
1
1.1k
Codeful Serverless / 一人運用でもやり抜く力
_kensh
7
450
スクラムガイドに載っていないスクラムのはじめかた - チームでスクラムをはじめるときに知っておきたい勘所を集めてみました! - / How to start Scrum that is not written in the Scrum Guide 2nd
takaking22
1
120
Featured
See All Featured
How to Ace a Technical Interview
jacobian
279
23k
Unsuck your backbone
ammeep
671
58k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
61k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
GitHub's CSS Performance
jonrohan
1032
460k
GraphQLとの向き合い方2022年版
quramy
49
14k
The Cult of Friendly URLs
andyhume
79
6.6k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
For a Future-Friendly Web
brad_frost
180
9.9k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.6k
Transcript
3FBDUͷϝδϟʔόʔδϣϯΞοϓ Ϡϑʔ໊ݹ5FDI.FFUVQ ʙ3FBDU3BJMTΛ༻͍ͨࣄྫʙ :VNB8BUBOBCF
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE ࣗݾհ 2 Yuma Watanabe 2019.4 גࣜձࣾελϝϯʹೖࣾ 2019.8 ݱࡏϑϩϯτΤϯυνʔϜ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE ɹ56/"(ʢπφάʣ 3 w ࣾͷ৴པؔߏஙΛతͱͨ͠اۀ͚4/4 w ͓ޓ͍ΛΓɺཧղ͢Δ͜ͱ͕త w ࣾҎ্ͷاۀʹಋೖ͞Εɺສਓ͕ར༻த
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE ରऀ 4 w3FBDU3BJMT͍ͬͯΔ wࠓޙ3FBDUͷόʔδϣϯΛ͍͋͛ͨ wࠓ·ͰDSFBUFSFBDUBQQΛ͍ͬͯͯ XFCQBDLʹ͍ͭͯΓ͍ͨ ࣗ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE ΞδΣϯμ 5 3FBDU3BJMTΛͬͨࣄྫ ͡Ίʹ ϝδϟʔόʔδϣϯΞοϓσʔτͷରԠ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE ΞδΣϯμ 6 3FBDU3BJMTΛͬͨࣄྫ ͡Ίʹ ϝδϟʔόʔδϣϯΞοϓσʔτͷରԠ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE ΞδΣϯμ 7 3FBDU3BJMTΛͬͨࣄྫ ͡Ίʹ ϝδϟʔόʔδϣϯΞοϓσʔτͷରԠ
͡Ίʹ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 56/"(ڥ 9
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 10
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 11
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 12
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 13
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE ͡Ίʹ 14 ͳͥόʔδϣϯΛ ্͛Α͏ͱࢥ͔ͬͨ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE ͡Ίʹ 15 3FBDUͷػೳ ؔ࿈ϥΠϒϥϦ͕͑ͳ͔ͬͨ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE ͡Ίʹ 16 3FBDUͷόʔδϣϯΛ͋͛Α͏
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 17 3FBDU3BJMTΛͬͨࣄྫ ͡Ίʹ ϝδϟʔόʔδϣϯΞοϓσʔτͷରԠ
3FBDU3BJMTΛͬͨࣄྫ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 19 wϑϩϯτͷίʔυΛॻ͍ͨਓ͕͍ͳͯࣗ͘Ͱ ಡΈղ͍͍͔ͯ͘͠ͳ͔ͬͨ w։ൃڥΛΒͣʹ։ൃ͍ͯͨ͠
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 20 wϑϩϯτͷίʔυΛॻ͍ͨਓ͕͍ͳͯࣗ͘Ͱ ಡΈղ͍͍͔ͯ͘͠ͳ͔ͬͨ w։ൃڥΛΒͣʹ։ൃ͍ͯͨ͠
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 21 3FBDUͷػೳ ؔ࿈ϥΠϒϥϦ͕͑ͳ͔ͬͨ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 22 3FBDUͷόʔδϣϯΛ͋͛Α͏
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 23 ͍͖ͳΓϋϚΔ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 24
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 25 QBDLBHFKTPOΛݟΔ ࢦఆͷόʔδϣϯʹॻ͖͑Δ ্͕ͬͨ͜ͱΛ֬ೝ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 26
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 27
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 28 QBDLBHFKTPOʹهࡌ͞Ε͍ͯΔ 3FBDUͷόʔδϣϯ ࣮ࡍʹى͖͍ͯΔΤϥʔ ΑΓݹ͍ͱى͖ΔΤϥʔ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 29
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 30 ࠷৽ʹ͋͛ͯΈΔ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 31 มΘΒͳ͍
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 32
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 33 DPOTPMFMPH 3FBDUWFSTJPO
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 34
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 35 QBDLBHFKTPOʹهࡌ͞Ε͍ͯ ΔόʔδϣϯͱݶΒͳ͍
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 36 QBDLBHFKTPOΛݟΔ ࢦఆͷόʔδϣϯʹॻ͖͑Δ ্͕ͬͨ͜ͱΛ֬ೝ ❌
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 37 XFCQBDLͷ FYUFSOBMTΦϓγϣϯʹΑͬͯ ֎෦ϑΝΠϧΛݟ͍ͯͨ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 38 FYUFSOBMTʁ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 39 wࢦఆϞδϡʔϧΛCVOEMFର͔Β֎ͯ͠ɺ֎෦ґଘʹͰ͖Δ wࢦఆϞδϡʔϧΛϩʔυ͢ΔલఏͰXFCQBDL࣮ߦ࣌ͷΤϥʔ Λճආ͢Δ͜ͱ͕Ͱ͖Δ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 40 3FBDU͕ΘΕ͍ͯΔͱ͜ΖͰ TDSJQUλάͰ3FBDUΛϩʔυ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 41 ·ͨϋϚΔ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 42
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 43 ͬͱؾ͘
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 44 BQQBTTFUTKBWBTDSJQU BQQMJDBUJPOKT
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 45
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 46 3FBDUͷWΛ͏ 3FBDU3BJMTͷόʔδϣϯ ʹͳ͍ͬͯͨ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 47 3FBDU3BJMTͷόʔδϣϯΛ͋ ͛Δ͜ͱʹΑͬͯɺ3FBDUͷόʔ δϣϯΛ͋͛Δ͜ͱʹޭ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 48
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 49 ςετ༻ʹελϝϯݶఆͰ ઌߦϦϦʔεΛͯ͠ ͦͷޙʹશࣾϦϦʔε
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 50 BQQMJDBUJPOKT શࣾ BQQMJDBUJPOTUNOKT ελϝϯ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 51 ·ͨϋϚΔ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE BQQMJDBUJPOKT 52
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE BQQMJDBUJPOTUNOKT 53
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 54
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 55 3FBDU3BJMTΛͬͨࣄྫ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 56 ͜ΕͳΒ͍͚Δ 3FBDU3BJMTΛͬͨࣄྫ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 57
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE BQQMJDBUJPOKT 58
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE BQQMJDBUJPOTUNOKT 59
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 60 ͜ΕͰແࣄʹ3FBDUͷόʔδϣϯ Λ͋͛Δ͜ͱʹޭ͠·ͨ͠
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 61
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 62 w3FBDU)PPLT w3FEVY)PPLT w5ZQFTDSJQU
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 63 3FBDU3BJMTͷ ϝϦοτ͕Θ͔Βͳ͍
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 64 3FBDUͷίʔυ͚͍ͨ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE BQQMJDBUJPOKT 65
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE BQQMJDBUJPOTUNOKT 66
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE XFCQBDLDPOGJH 67
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE QBDLBHFKTPO 68
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE XFCQBDLDPOGJH 69
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 3FBDU3BJMTΛͬͨࣄྫ 70 3FBDU3BJMTΛͬͨࣄྫ ͡Ίʹ ϝδϟʔόʔδϣϯΞοϓσʔτͷରԠ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE ϝδϟʔόʔδϣϯΞοϓσʔτͷରԠ 71 3FBDU3BJMTΛͬͨࣄྫ ͡Ίʹ ϝδϟʔόʔδϣϯΞοϓσʔτͷରԠ
ϝδϟʔόʔδϣϯ ΞοϓσʔτͷରԠ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 73 d
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 74 w3FBDU1SPQ5ZQFTഇࢭ w.BQͱ4FUͷରԠ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 75 w3FBDU1SPQ5ZQFTഇࢭ w.BQͱ4FUͷରԠ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 76 w3FBDU1SPQ5ZQFTഇࢭ w.BQͱ4FUͷରԠ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 77 w3FBDU1SPQ5ZQFTഇࢭ w.BQͱ4FUͷରԠ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 78 3FBDU1SPQ5ZQFT͕ผύο έʔδʹͳΓຊମ͔ΒΓ͞ ΕͨͷͰQSPQUZQFTʹஔ͖ ͑Δ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 79 SFBDUDPEFNPE ͱ KTDPEFTIJGU
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 80 QSPQUZQFTΛZBSOPSOQNͰΠϯετʔϧ IUUQTHJUIVCDPNSFBDUKTSFBDUDPEFNPEHJU OQNJOTUBMMHKTDPEFTIJGU
OQNPSZBSOJOTUBMM KTDPEFTIJGUUUSBOTGPSNT3FBDU1SPQ5ZQFT UPQSPQUZQFTKTରͷϑΝΠϧσΟϨΫτϦͷ ύε
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 81
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 82 5SBOTGPSNBUJPOFSSPS
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 83 QBSTFSGMPX
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 84 w3FBDU1SPQ5ZQFTഇࢭ w.BQͱ4FUͷରԠ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE 85
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 86 ZBSOPSOQNJOTUBMMDPSFKT FOUSZͷKTϑΝΠϧʹ JNQPSUbDPSFKTNBQ` JNQPSUbDPSFKTTFU`
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 87 6ODBVHIU3FGFSFODF&SSPS 4FUJTOPUEFGJOFE
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 88 IUUQTDEOKTDMPVEGMBSFDPN BKBYMJCTDPSFKTDPSFNJOKT
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE όʔδϣϯΞοϓରԠ 89 w3FBDU1SPQ5ZQFTഇࢭ w.BQͱ4FUͷ1PMZpMMͷಋೖ
࠷ޙʹ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE ࠷ޙʹ 91 ։ൃڥΛ͠Δ͜ͱ
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE ࠷ޙʹ 92 ։ൃڥΛ͠Δ͜ͱ XFCQBDL FYUFSOBMT
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE ࠷ޙʹ 93 ։ൃڥΛ͠Δ͜ͱ XFCQBDL FYUFSOBMT QBDLBHFKTPO
$PQZSJHIUTUNO JOD"MMSJHIUTSFTFSWFE ࢀߟ 94 w3FBDUΛWʹ্͛ΔͨΊʹߦͬͨ͜ͱ IUUQTOVNCUFDIIBUFOBCMPHDPNFOUSZ w3FBDUެࣜυΩϡϝϯτ IUUQTKBSFBDUKTPSH
wXFCQBDLެࣜυΩϡϝϯτ IUUQTXFCQBDLKTPSHDPOpHVSBUJPOFYUFSOBMT wXFCQBDLͷFYUFSOBMTʹ͍ͭͯ IUUQTLJHINFNPIBUFOBCMPHDPNFOUSZ