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
850
私が考えるReactのよさ #fukuokajs
Hiroyuki ANAI
February 26, 2019
Tweet
Share
More Decks by Hiroyuki ANAI
See All by Hiroyuki ANAI
fukuoka.ts #3 社内でESLintの共通設定を配りたい2025年春版
pirosikick
3
420
compilerOptions、全部読んだ
pirosikick
1
230
Step Functionsの設計時に知っておいたほうがいいかもしれないこと
pirosikick
0
450
Go言語による並行処理「4.4 orチャネル」の図
pirosikick
0
400
サイボウズWebフロントエンド脱レガシーの今までとこれから
pirosikick
6
17k
@cybozu/eslint-configから学ぶ、全社共通ESLint configの運用
pirosikick
4
1.8k
Web Share Target API #w3fukuoka
pirosikick
0
700
Google I/O '19のWebをまとめる会
pirosikick
2
850
PuppeteerでいらないCSSを消す
pirosikick
23
29k
Other Decks in Programming
See All in Programming
Micro Frontendsで築いた 共通基盤と運用の試行錯誤 / Building a Shared Platform with Micro Frontends: Operational Learnings
kyntk
0
130
[SF Ruby Conf 2025] Rails X
palkan
0
350
社内オペレーション改善のためのTypeScript / TSKaigi Hokuriku 2025
dachi023
1
130
「10分以内に機能を消せる状態」 の実現のためにやっていること
togishima
1
540
『実践MLOps』から学ぶ DevOps for ML
nsakki55
2
470
CSC509 Lecture 13
javiergs
PRO
0
260
CloudNative Days Winter 2025: 一週間で作る低レイヤコンテナランタイム
ternbusty
7
1.7k
知られているようで知られていない JavaScriptの仕様 4選
syumai
0
630
ゼロダウンタイムでミドルウェアの バージョンアップを実現した手法と課題
wind111
0
210
GeistFabrik and AI-augmented software development
adewale
PRO
0
160
Atomics APIを知る / Understanding Atomics API
ssssota
1
200
AI時代もSEOを頑張っている話
shirahama_x
0
160
Featured
See All Featured
Fireside Chat
paigeccino
41
3.7k
The Invisible Side of Design
smashingmag
302
51k
Build The Right Thing And Hit Your Dates
maggiecrowley
38
2.9k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
Unsuck your backbone
ammeep
671
58k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.6k
Why You Should Never Use an ORM
jnunemaker
PRO
60
9.6k
The Pragmatic Product Professional
lauravandoore
36
7k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Become a Pro
speakerdeck
PRO
30
5.6k
How STYLIGHT went responsive
nonsquared
100
5.9k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3k
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 ϑϨʔϜϫʔΫɾϥΠϒϥϦಉ࢜Ͱ͍͍ͱ͜ΖΛ औΓೖΕ͍͋ͬͯΔͷͰɺ΄΅ಉ͜͡ͱ͕Ͱ͖Δ
͋Γ͕ͱ͏ ͍͟͝·ͨ͠