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 hands-on vol.01
Search
takanorip
August 02, 2016
Technology
340
0
Share
React hands-on vol.01
takanorip
August 02, 2016
More Decks by takanorip
See All by takanorip
「見せる」登壇資料デザインの極意
takanorip
3
790
Design System Documentation Tooling 2025
takanorip
3
2.6k
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
1
1k
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
730
Bulletproof Design System with TypeScript
takanorip
7
5k
Eleventy3.0 で始める爆速個人ブログ開発!
takanorip
0
280
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
6
1.1k
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
15
7.8k
社内管理画面のデザインもプロダクトデザイン
takanorip
5
2.2k
Other Decks in Technology
See All in Technology
サービスの信頼性を高めるため、形骸化した「プロダクションミーティング」を立て直すまでの取り組み
stefafafan
1
260
AIが自律的に働く時代へ Amazon Quick で実現するAIエージェント紹介
koheiyoshikawa
0
200
いつの間にかデータエンジニア以外の業務も増えていたけど、意外と経験が役に立ってる
zozotech
PRO
0
370
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
15
100k
AI飲み会幹事エージェントを作っただけなのに
ykimi
0
120
AI時代の品質はテストプロセスの作り直し #scrumniigata
kyonmm
PRO
4
1.4k
Building a Study Buddy AI Agent from Scratch: From Passive Chatbots to Autonomous Systems
itchimonji
0
150
生成AI時代に信頼性をどう保ち続けるか - Policy as Code の実践
akitok_
1
190
生成AIはソフトウェア開発の革命か、ソフトウェア工学の宿題再提出なのか -ソフトウェア品質特性の追加提案-
kyonmm
PRO
2
870
ボトムアップの改善の火を灯し続けろ!〜支援現場で学んだ、消えないための3つの打ち手〜 / 20260509 Kazuki Mori
shift_evolve
PRO
2
620
Purview 勉強会報告 Microsoft Purview 入門しようとしてみた
masakichixo
1
260
AI時代に越境し、 組織を変えるQAスキルの正体 / QA Skills for Transforming an Organization
mii3king
5
4.2k
Featured
See All Featured
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
190
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
Claude Code のすすめ
schroneko
67
220k
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
380
What does AI have to do with Human Rights?
axbom
PRO
1
2.1k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.5k
RailsConf 2023
tenderlove
30
1.4k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
140
Testing 201, or: Great Expectations
jmmastey
46
8.1k
How Software Deployment tools have changed in the past 20 years
geshan
0
33k
The Invisible Side of Design
smashingmag
302
52k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
2
800
Transcript
React for Designer 5BLBOPSJ0LJ
ࣗݾհ
େଚلʢΦΦΩɹλΧϊϦʣ w ϑϩϯτΤϯυΤϯδχΞ w 8FCαΠτɺ8FCΞϓϦͷ੍࡞ w 2JJUB UBLBOPSJQ
3FBDU
ٙ w 3FBDUͬͯͳʹʁ w K2VFSZͱԿ͕ҧ͏ͷʁ w ͲΜͳ͍͍͜ͱ͋Δͷʁ
None
3FBDU w 'BDFCPPL +BWB4DSJQU 6*ϥΠϒϥϦɹ ɹ ɹ ʢʺϑϨʔϜϫʔΫʣ w ϑϨʔϜϫʔΫͷ7JFX෦Λ୲
w 7JSUVBM%0.
Controller View Model MVC model React
3FBDU74K2VFSZ
3FBDU74K2VFSZ
3FBDUͱK2VFSZ ڞଘͰ͖Δ
ͳͥԾ%0.ͱ͍͏֓೦͕ ԶୡͷࠢΛ͑ͤ͞Δͷ͔
ಛ
ίϯϙʔωϯτࢦ w ίϯϙʔωϯτʹ6*Λߏ͢Δ෦ w ίϯϙʔωϯτΛΈ߹ΘͤͯϖʔδΛߏங w QSPQ ఆ ͱTUBUF ঢ়ଶ
Λͬͯಈతʹߏங
None
+49 w +BWB4DSJQUͷதʹ9.-Λهड़
3FBDU+49ͷҙ w +49Ͱ+4ͷ༧ޙ͕͑ͳ͍ͷͰɹɹɹ ॻ͖͕͑ඞཁ DMBTT˰DMBTT/BNFͳͲ w &4ʢ&4ʣͰهड़͢Δ w 9.-ͳͷͰඞͣด͡λά͕ඞཁ
w ίϯύΠϧ͕ඞཁ
ϝϦοτ
؆୯Ͱ͍ Virtual DOM JS Object HTML ςϯϓϨʔτʹΑΔ શߋ৽ γεςϜʹΑΔ ࠩߋ৽