Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
JS/Reactを初心者に説明するときに困ったポイント
Search
Naoya Ishii
March 20, 2018
Technology
600
3
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
JS/Reactを初心者に説明するときに困ったポイント
JS/Reactを初心者に説明するときに困ったポイントを紹介。
主にReactのコンポーネントに関数を渡すことについて。
Naoya Ishii
March 20, 2018
Transcript
15 slides
+BWB4DSJQU3FBDUΛ ॳ৺ऀʹઆ໌͢Δͱ͖ʹ ࠔͬͨϙΠϯτΛڞ༗͍ͨ͠ʂ !LBJEFNQB
ࣗݾհ ੴҪ!LBJEFNQB ϑϩϯτΤϯυΤϯδχΞ 3FBDU3FEVY εϓϥϞϯϋϯ16#(
ຊΛॻ͖·ͨ͠ʂ 3FEVYʹ͍͔ͭͯͬ͠Γઆ໌͍ͯ͠Δ ʢݱ࣌Ͱʣ།Ұͷॻ੶ͩͱࢥ͍·͢ɻ
+BWB4DSJQU͍͠ w ʮͦΕࠓΘͳ͍ΜͩΑͶʯʮͦΕ݁ߏ͏ΜͩΑͶʯ w ʮ͋ʔͦΕ&4ͳΒ͜͏ॻ͚ΔΑʯ w ʮͦΕ·ͩਖ਼ࣜʹ༷͡Όͳ͍ΜͩΑͶʙʯ
+BWB4DSJQU͍͠ w ແ໊ؔʁಗ໊ؔʁଈ࣌ؔʁߴ֊ؔʁ w GVODUJPOจͱΞϩʔϑΝϯΫγϣϯͬͯͲ͏ҧ͏ͷʁ w UIJTͬͯԿʁ
3FBDU3FEVY͍͠ w +4 +49 w 1SPQT 4UBUF w
εςʔτϨεͬͯԿʁϐϡΞͬͯԿʁ w $BOOPUSFBEQSPQFSUZTFU4UBUFPGVOEFpOFE
w ׳ΕͯΔ͔ΒΘ͔Δ͚ͲɺͪΌΜͱઆ໌͠Α͏ͱ͢Δͱ͍͜͠ͱ ͕ଟ͍Ͱ͢ΑͶɻ w ͦΜͳʮΘ͔ΒΜʯ͕٧·ͬͨྫͱͯ͠ɺ ϘλϯʹؔΛඥ͚Δ ͕͋Δͱࢥ͍·͢ɻ
ϘλϯʹؔΛඥ͚Δ w Γํ͕ͦͦෳ͋Δ w ίϯετϥΫλͰUIJTIBOEMF$MJDLUIJTIBOEMF$MJDLCJOE UIJT w
IBOEMF$MJDL \^ w CVUUPOPO$MJDL\ \UIJTIBOEMF$MJDL ^^
ਖ਼ղɾɾɾແ͍ʁ w ͷॻ͖ํ͕͍͍ͳͱࢥ͍·͢ɻ w Ұ൪UZQFྔ͕গͳ͍ʂ w ύϑΥʔϚϯεͰෆརͳ͕ͳ͍
Ͱઆ໌͕͍͠ w ·ͩຊ࠾༻͞Εͯͳ͍จ๏ TUBHF ͦΖͦΖ࠾༻ IUUQTHJUIVCDPNUDQSPQPTBMDMBTTpFMET w ʮͦ͏͍͏ΜͩΑʯͱݴ͏ͷ؆୯͕ͩɺͦΕͩͱԠ༻ͷར͔ͳ ͍ΤϯδχΞʹͳͬͪΌ͏͔
ඥղ͍͍ͯ͘ w &$."4DSJQUͷ$MBTT'JFME ϓϩϙʔβϧͱɺΠϯελϯ εมΛ؆қʹॻ͚ΔΈɻ w ͰϓϩϙʔβϧͷྫͰؔ ࠓ·Ͱͷํ๏ͰCJOE͞Εͯ Δɻɻɻ
ඥղ͍͍ͯ͘ w Λఆٛ͢Δͷͱಉ͡Α͏ʹɺ ؔΛఆٛ͢Δɻ w Ͱ͜͜ͰGVODUJPOࣜΛ͏ͱ ͩΊʼʻ w GVODUJPOจͱΞϩʔϑΝϯΫγϣ ϯͰUIJTͷѻ͍͕ҧ͏͜ͱΛ
͍ͬͯͳ͍ͱϋϚͬͯ͠·͏ɻ
ඥղ͍͍ͯ͘ w ΞϩʔϑΝϯΫγϣϯࣗಈత ʹจ຺্ͷUIJTʹόΠϯυͯ͠ ͘ΕΔʢ͜͜આ໌͕͍͠ʣ w ͜ͷੑ࣭Λ$MBTT'JFMEϓϩϙʔ βϧͷதͰ͏͜ͱͰɺظ௨ ΓͷڍಈΛ͢ΔϝιουఆٛΛ ͍ͯ͠Δɻ
͜͏͍͏ʮΘ͔ΒΜʯΛڞ༗͍͖͍ͯͨ͠ w օ͞Μͷઆ໌ʹࠔͬͨϙΠϯτΛͥͻڭ͍͑ͯͩ͘͞ʂ w ͠ɺͳΜͱͳ͍ͬͯ͘Δͱ͜Ζ͕͋ΕօͰਂ۷Γ͍͖ͯͨ͠ ͍Ͱ͢Ͷɻ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ w ຊΑΖ͘͠Ͷὑ w 3FBDUೖ3FBDUɾ3FEVYͷಋೖ͔Β αʔόαΠυϨϯμϦϯάʹΑΔ69ͷ ্·Ͱ /&950/& w
IUUQBN[OBTJBFP"O'-:
More Decks by Naoya Ishii
See All by Naoya Ishii
Yahoo! JAPANアプリ上で動くWebVIewサービス開発
naoishii
2
2.4k
React/Reduxで秩序あるコードを書く
naoishii
8
7.1k
Other Decks in Technology
See All in Technology
Kiro 入門 (1 つのエージェントを、どの画面からでも) | 目指せ Kiro マスター 01
inariku
PRO
6
1.7k
AI時代の組織作り:チーム開発から「個人×AI」への移行と、持続可能な「開発資本」の築き方
ham0215
3
840
BALLAS Technology Deck
ballas_inc
0
610
Kiro IDE 入門 (画面の各部から、頼み方、任せ方、戻し方まで) | 目指せ Kiro マスター 02
inariku
PRO
4
240
複数システムが同居した 15 年物の AWS アカウントを解体するための考古学
wa6sn
3
150
bpf_arenaとstruct_opsを使うのが難しかった話
masu_mi
0
230
速くなるほど、深く考える AI時代のQAに学ぶ
kobayashiyorimitsu
0
210
AWS Quick 入門 | 目指せ Quick マスター 01
inariku
PRO
2
340
GCASアップデート(202607-202610)
techniczna
1
340
農夫は秘伝のタレを知らない - NOBODY KNOWS THE HIDDEN SOURCE - Kaggriculture 3rd Place Solution
masspeaks
0
310
マネージャーをエスパーにしない マネジメントされる側から始める、働きやすい現場づくり
comi190327
0
340
MCPでネットワーク障害調査を自動化する前に直すべき3つのこと
yama3133
0
170
Featured
See All Featured
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
63
48k
Google's AI Overviews - The New Search
badams
0
1.7k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
2
2.2k
A designer walks into a library…
pauljervisheath
211
25k
Writing Fast Ruby
sferik
630
63k
How GitHub (no longer) Works
holman
316
150k
Stop Working from a Prison Cell
hatefulcrawdad
274
21k
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
helenjbeal
2
400
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
1
470
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
1
300
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
2.2k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
7.1k