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
Building a cloud native business on open source
lizrice
0
160
All About Sansan – for New Global Engineers
sansan33
PRO
1
1.2k
事業開発におけるDify活用事例
kentarofujii
4
1.2k
React19.2のuseEffectEventを追う
maguroalternative
2
590
NLPコロキウム20251022_超効率化への挑戦: LLM 1bit量子化のロードマップ
yumaichikawa
1
180
物体検出モデルでシイタケの収穫時期を自動判定してみた。 #devio2025
lamaglama39
0
270
「魔法少女まどか☆マギカ Magia Exedra」のIPのキャラクターを描くための3Dルック開発
gree_tech
PRO
0
140
FinOps について (ちょっと) 本気出して考えてみた
skmkzyk
0
190
組織改革から開発効率向上まで! - 成功事例から見えたAI活用のポイント - / 20251016 Tetsuharu Kokaki
shift_evolve
PRO
2
230
AWS UG Grantでグローバル20名に選出されてre:Inventに行く話と、マルチクラウドセキュリティの教科書を執筆した話 / The Story of Being Selected for the AWS UG Grant to Attending re:Invent, and Writing a Multi-Cloud Security Textbook
yuj1osm
1
120
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
12
81k
Introdução a Service Mesh usando o Istio
aeciopires
1
280
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
130k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
How to Think Like a Performance Engineer
csswizardry
27
2.1k
Building a Scalable Design System with Sketch
lauravandoore
463
33k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.7k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
37
2.6k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
Optimizing for Happiness
mojombo
379
70k
The Straight Up "How To Draw Better" Workshop
denniskardys
238
140k
Thoughts on Productivity
jonyablonski
70
4.9k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Mobile First: as difficult as doing things right
swwweet
225
10k
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