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
820
私が考える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
1
310
compilerOptions、全部読んだ
pirosikick
1
180
Step Functionsの設計時に知っておいたほうがいいかもしれないこと
pirosikick
0
350
Go言語による並行処理「4.4 orチャネル」の図
pirosikick
0
340
サイボウズWebフロントエンド脱レガシーの今までとこれから
pirosikick
5
17k
@cybozu/eslint-configから学ぶ、全社共通ESLint configの運用
pirosikick
4
1.8k
Web Share Target API #w3fukuoka
pirosikick
0
650
Google I/O '19のWebをまとめる会
pirosikick
2
810
PuppeteerでいらないCSSを消す
pirosikick
23
29k
Other Decks in Programming
See All in Programming
[NG India] Event-Based State Management with NgRx SignalStore
markostanimirovic
1
150
AHC045_解説
shun_pi
0
530
大LLM時代にこの先生きのこるには-ITエンジニア編
fumiyakume
7
3k
これだけは知っておきたいクラス設計の基礎知識 version 2
masuda220
PRO
24
6.4k
Rollupのビルド時間高速化によるプレビュー表示速度改善とバンドラとASTを駆使したプロダクト開発の難しさ
plaidtech
PRO
1
170
State of Namespace
tagomoris
4
1.6k
ComposeでWebアプリを作る技術
tbsten
0
110
メモリウォールを超えて:キャッシュメモリ技術の進歩
kawayu
0
1.9k
AIコーディングの理想と現実
tomohisa
22
29k
趣味全開のAITuber開発
kokushin
0
200
小田原でみんなで一句詠みたいな #phpcon_odawara
stefafafan
0
330
AIコードエディタの基盤となるLLMのFlutter性能評価
alquist4121
0
210
Featured
See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.4k
Designing Experiences People Love
moore
141
24k
Music & Morning Musume
bryan
47
6.5k
Code Reviewing Like a Champion
maltzj
522
40k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.2k
GraphQLとの向き合い方2022年版
quramy
46
14k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Scaling GitHub
holman
459
140k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Done Done
chrislema
183
16k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.5k
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 ϑϨʔϜϫʔΫɾϥΠϒϥϦಉ࢜Ͱ͍͍ͱ͜ΖΛ औΓೖΕ͍͋ͬͯΔͷͰɺ΄΅ಉ͜͡ͱ͕Ͱ͖Δ
͋Γ͕ͱ͏ ͍͟͝·ͨ͠