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のよさ #fukuokajs
Search
Hiroyuki ANAI
February 26, 2019
Programming
2
800
私が考えるReactのよさ #fukuokajs
Hiroyuki ANAI
February 26, 2019
Tweet
Share
More Decks by Hiroyuki ANAI
See All by Hiroyuki ANAI
compilerOptions、全部読んだ
pirosikick
1
140
Step Functionsの設計時に知っておいたほうがいいかもしれないこと
pirosikick
0
270
Go言語による並行処理「4.4 orチャネル」の図
pirosikick
0
300
サイボウズWebフロントエンド脱レガシーの今までとこれから
pirosikick
5
17k
@cybozu/eslint-configから学ぶ、全社共通ESLint configの運用
pirosikick
4
1.7k
Web Share Target API #w3fukuoka
pirosikick
0
610
Google I/O '19のWebをまとめる会
pirosikick
2
780
PuppeteerでいらないCSSを消す
pirosikick
24
28k
Progressive Hydration #react_fukuoka
pirosikick
5
1.6k
Other Decks in Programming
See All in Programming
距離関数を極める! / SESSIONS 2024
gam0022
0
280
OnlineTestConf: Test Automation Friend or Foe
maaretp
0
110
Amazon Qを使ってIaCを触ろう!
maruto
0
400
Why Jakarta EE Matters to Spring - and Vice Versa
ivargrimstad
0
1.1k
シェーダーで魅せるMapLibreの動的ラスタータイル
satoshi7190
1
480
ActiveSupport::Notifications supporting instrumentation of Rails apps with OpenTelemetry
ymtdzzz
1
230
ECS Service Connectのこれまでのアップデートと今後のRoadmapを見てみる
tkikuc
2
250
Remix on Hono on Cloudflare Workers
yusukebe
1
280
Realtime API 入門
riofujimon
0
150
Pinia Colada が実現するスマートな非同期処理
naokihaba
4
220
詳細解説! ArrayListの仕組みと実装
yujisoftware
0
580
ペアーズにおけるAmazon Bedrockを⽤いた障害対応⽀援 ⽣成AIツールの導⼊事例 @ 20241115配信AWSウェビナー登壇
fukubaka0825
6
1.9k
Featured
See All Featured
The Art of Programming - Codeland 2020
erikaheidi
52
13k
GitHub's CSS Performance
jonrohan
1030
460k
The Cult of Friendly URLs
andyhume
78
6k
Building Adaptive Systems
keathley
38
2.3k
VelocityConf: Rendering Performance Case Studies
addyosmani
325
24k
Scaling GitHub
holman
458
140k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
506
140k
How To Stay Up To Date on Web Technology
chriscoyier
788
250k
GraphQLの誤解/rethinking-graphql
sonatard
67
10k
[RailsConf 2023] Rails as a piece of cake
palkan
52
4.9k
How to train your dragon (web standard)
notwaldorf
88
5.7k
Making Projects Easy
brettharned
115
5.9k
Transcript
'VLVPLB+4 !QJSPTJLJDL 5VF
w ݀Ҫ w !QJSPTJLJDL w ϠϑʔגࣜձࣾΤϯδχΞ w "QFY-FHFOETʹڵຯ͕͋Γ·͢ w 'BSDSZ/FX%BXOʹڵຯ͕͋Γ·͢
w %BZT(POFʹʢҎԼུʣ
3FBDUೖʢᠳӭࣾʣ ڞஶ 8&# %#13&44 ࿈ࡌʮͲΜͱ͍͜ϑϩϯτΤϯυ։ൃʯ ࿈ࡌ࠷ऴճʂ
ΑΖ͘͠ ͓ئ͍க͠·͢
None
ొஃऀͷํʑ͔Βɺ ʮ˓˓͕͖ʂʯ ʮ˓˓͕ັྗʂʯ ʮ͕͜͜࠷ߴʂʯ ͳͲɺ ؾͷෝ͘··ʹ͓͍ͯͨͩ͜͠͏ͱ ࢥ͍·͢ʂ
ࢲ͕ߟ͑Δ3FBDUͷΑ͞ w γϯϓϧ͞ w %9ͷΑ͞ w એݴతʹ6*ΛఆٛͰ͖Δ
Α͞ᶃɿγϯϓϧ͞
3FBDUͷγϯϓϧ͞ w ʮ"+BWB4DSJQUMJCSBSZGPSCVJMEJOHVTFSJOUFSGBDFTʯ w ͣͬͱมΘͬͯͳ͍ w 3FBDU୯ମͰΞϓϦέʔγϣϯΛ࡞Δ͜ͱك w Կ͔ͱΈ߹Θͤͯ։ൃ w
3FEVYɺίϯϙʔωϯτूFUD
ݸਓͷΈ͔͠Εͳ͍ w ϞϊϦεͱൺΔͱϝϦσϝ͋Δͱࢥ͏ w γϯϓϧͳύʔπΛΈ߹ΘͤͯɺશମΛߏங͢Δ w ύʔπຖʹཧղ͢ΕΑ͍ͷͰɺཧղ͍͢͠ w ύʔπ୯ҐͰަՄೳ w
։ൃπʔϧϞϊϦγοΫͰɺ ϥΠϒϥϦγϯϓϧͳͷͷΈ߹Θ͕ͤݸਓతͳΈ
Α͞ᶄɿ%9
%9 w %FWFMPQFS&YQFSJFODFʹ։ൃऀͷମݧ w %9%FWFMPQFS&YQFSJFODFʢ։ൃମݧʣॏཁͩ IUUQTHGYIBUFOBCMPHDPNFOUSZ w %969ͷҰछͰ͋Δ w %9͕Α͍ͱʑͷ։ൃΛָ͠ΊΔΑ͏ʹͳΓɺ
ؾ࣋ͪʹ༨༟͕Ͱ͖Δ w %9͕ѱ͍ͱ։ൃΛָ͠Ίͣɺ ʮఆΊΒΕͨλεΫʯҎ֎ͷ͜ͱΛͨ͘͠ͳ͘ͳΔ
ϥΠϒϥϦɾϑϨʔϜϫʔΫ ͷ%9 w υΩϡϝϯτ͕ἧ͍ͬͯΔ͔ɺ༁͞Ε͍ͯΔ͔ w σόοάπʔϧ͕͋Δ͔ w ΤίγεςϜͱੑ͕͋Δ͔ w FY
&4-JOUɺ5ZQF4DSJQUʹରԠ͍ͯ͠Δ͔ʁ
w &4-JOU 5ZQF4DSJQUͱͷ૬ੑ͔ͳΓ͍͍ w ͍࢝Ίͨࠒʢɺόʔδϣϯ͕͘Β͍ ʣ पลπʔϧͷରԠ͕Α͔ͬͨهԱ w &4-JOUͷ+49ରԠ݄ɺ #BCFMʢUPʣ݄ʹ+49αϙʔτ͍ͯͨ͠
3FBDUͷ%9
3FBDUͷ%9 w 3FBDU%FW5PPMTʢެࣜʣ w 6TFS5JNJOH"1*ΛͬͯͷϓϩϑΝΠϦϯά w $ISPNF%FW5PPMTͷύϑΥʔϚϯελϒʹදࣔ͞ΕΔ IUUQTSFBDUKTPSHEPDTPQUJNJ[JOHQFSGPSNBODFIUNMQSPpMJOHDPNQPOFOUTXJUIUIF DISPNFQFSGPSNBODFUBC
3FBDUͷ%9 w ࠷ۙɺυΩϡϝϯτ༁͞Εͨ IUUQTKBSFBDUKTPSH
Α͞ᶅɿ એݴతʹ6*Λهड़Ͱ͖Δ
None
໋ྩతɾએݴత w ݸਓతͳղऍ w ໋ྩతɿ ʢతΛୡ͢ΔͨΊͷʣखॱɾखଓ͖Λॻ͘ w એݴతɿ తΛॻ͘ʢͱखॱɾखଓ͖উखʹͬͯ͘ΕΔʣ
໋ྩతɾએݴత w 3FBDUʹͯΊΔ w 6*ͷߏΛએݴ͢Δ ʢͱɺखଓ͖ɾखॱউखʹͬͯ͘ΕΔʣ w खଓ͖ɾखॱ σʔλͷՃɾมߋɾআʹର͢Δޮతͳ%0.ͷߋ৽ w
Ծ%0.͕Χόʔ
+49 w +BWB4DSJQUͷதʹ)5.-λά͕هड़Ͱ͖Δߏจ w 6*Λએݴతʹهड़Ͱ͖Δ w ͨͩͷ3FBDUDSFBUF&MFNFOUͷҥߏจɺมޙͷ༧ଌָ͕ w એݴతʹهड़Ͱ͖Δ͕+4ͷΛେ͖͘֎Ε͍ͯͳ͍ ͜Ε͕+49
3FBDU)PPLTͰ DMBTTίϯϙʔωϯτએݴతʹ w 3FBDUʹɺίϯϙʔωϯτΛॻ͘ํ๏͕ͭ w ؔPSΫϥε w ίϯϙʔωϯτͰঢ়ଶϥΠϑαΠΫϧͷར༻͕ ඞཁͳ߹ɺΫϥεͰॻ͘ඞཁ͕͋ͬͨ
3FBDU)PPLTͰ DMBTTίϯϙʔωϯτએݴతʹ w 3FBDU)PPLT w ؔίϯϙʔωϯτͰঢ়ଶϥΠϑαΠΫϧΛ ѻ͏Έ w 3FBDUͰՃ
ྫʣը໘αΠζͷऔಘ DMBTTίϯϙʔωϯτ൛
ྫʣը໘αΠζͷऔಘ DMBTTίϯϙʔωϯτ൛ తΛୡ͢ΔͨΊͷखଓ͖
ྫʣը໘αΠζͷऔಘ DMBTTίϯϙʔωϯτ൛ ঢ়ଶΛѻ͏෦ ϥΠϑαΠΫϧΛѻ͏෦
ྫʣը໘αΠζͷऔಘ 3FBDU)PPLT൛ ը໘αΠζΛ͏͜ͱΛએݴ
w VTF8JOEPX4J[F w ը໘αΠζΛࢀর͢Δ͜ͱΛએݴ w SFNPWF&WFOU-JTUFOFSͷखଓ͖એݴͷཪʹӅṭ w એݴతʹهड़Ͱ͖Δ͜ͱͰత͕໌֬ʹͳΔ
·ͱΊ w 3FBDUKTɺ͍͍Αʙ w 3FBDU)PPLTͰΑΓΑ͘ͳͬͨΑʙ w ϑϨʔϜϫʔΫɾϥΠϒϥϦಉ࢜Ͱ͍͍ͱ͜ΖΛ औΓೖΕ͍͋ͬͯΔͷͰɺ΄΅ಉ͜͡ͱ͕Ͱ͖Δ
͋Γ͕ͱ͏ ͍͟͝·ͨ͠