Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

React hands-on vol.01

Avatar for takanorip takanorip
August 02, 2016
Technology
350
0

React hands-on vol.01

Avatar for takanorip

takanorip

August 02, 2016

More Decks by takanorip

See All by takanorip
AI-Slopなデザインを生まないためのデザインプロセス戦略
Avatar for takanorip takanorip
10
6k
「見せる」登壇資料デザインの極意
Avatar for takanorip takanorip
7
1.6k
Design System Documentation Tooling 2025
Avatar for takanorip takanorip
3
3.1k
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
Avatar for takanorip takanorip
1
1.3k
Tools for Design Engineers other than LLM in the LLM era
Avatar for takanorip takanorip
1
900
Bulletproof Design System with TypeScript
Avatar for takanorip takanorip
7
5.4k
Eleventy3.0 で始める爆速個人ブログ開発！
Avatar for takanorip takanorip
0
320
Webフォント選定の極意！フォントの基本から最新トレンドまで徹底解説
Avatar for takanorip takanorip
6
1.2k
効果的な管理画面を デザインをするために 避けるべき5つの罠
Avatar for takanorip takanorip
15
8k

Other Decks in Technology

See All in Technology
Lambda MicroVMsは常駐サーバーの代わりに なるか？ Kiro Crew を動かして検証してみた / Kiro Crew on Lambda MicroVMs
Avatar for Kazuki Adachi k_adachi_01
2
270
認知負荷を吸収し、プロダクトをまたぐPR Preview基盤の設計事例
Avatar for taiki45 taiki45
2
440
SREへの勘違いに気づいた後の話
Avatar for yuden tomodakengo
0
180
.NET WebAssemblyで実現するクライアントサイドAI推論：NuGetからViteまで、2つのエコシステムを繋ぐビルド戦略
Avatar for Yusuke Yamada yamachu
1
950
猫でもわかるKiro Web
Avatar for Hiroo Katoh kentapapa
1
120
なぜ「決定性」が 決定的に重要なのか？ Durable Execution 基盤の数理的理解 #serverlessjp / ServerlessDays Tokyo 2026
Avatar for y_taka_23 ytaka23
4
1.3k
C#未経験の僕がAIに読めるコードを書かせるまで
Avatar for マグロ隊長kinTV maguroalternative
0
330
CI/CDではもう遅い - 人とAIが迂回しないDevSecOps Verify基盤の再設計 -
Avatar for KintoTech_Dev kintotechdev
1
340
品質と信頼性を地続きにする
Avatar for gr1m0h grimoh
3
1.3k
いちAWSエンジニアのAI活用を振り返る #devio2026 / devio osaka 2026 kawahara
Avatar for MasahiroKawahara masahirokawahara
1
120
セルフサービスのオブザーバビリティ基盤をOpenTelemetryで作る / Building a Self-Service Observability Platform with OpenTelemetry
Avatar for ymotongpoo ymotongpoo
3
390
AI Native Platform Engineering 〜PlatformとAgileで“作る速さ”を“価値”へ〜
Avatar for Yuya Mizorogi uya116
0
220

Featured

See All Featured
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
12k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
3k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.4k
Side Projects
Avatar for Sacha Greif sachag
456
43k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.8k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7.2k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
390
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
740
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
710
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
7k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
560

Transcript

  1. React for Designer 5BLBOPSJ0LJ 

  2. ࣗݾ঺հ

  3. େ໦ଚلʢΦΦΩɹλΧϊϦʣ w ϑϩϯτΤϯυΤϯδχΞ w 8FCαΠτɺ8FCΞϓϦͷ੍࡞ w 2JJUB UBLBOPSJQ

  4. 3FBDU

  5. ٙ໰ w 3FBDUͬͯͳʹʁ w K2VFSZͱԿ͕ҧ͏ͷʁ w ͲΜͳ͍͍͜ͱ͋Δͷʁ

  6. None

  7. 3FBDU w 'BDFCPPL੡ +BWB4DSJQU 6*ϥΠϒϥϦɹ ɹ ɹ ʢʺϑϨʔϜϫʔΫʣ w ϑϨʔϜϫʔΫͷ7JFX෦෼Λ୲౰

    w 7JSUVBM%0.

  8. Controller View Model MVC model React

  9. 3FBDU74K2VFSZ

  10. 3FBDU74K2VFSZ

  11. 3FBDUͱK2VFSZ͸ ڞଘͰ͖Δ

  12. ͳͥԾ૝%0.ͱ͍͏֓೦͕ ԶୡͷࠢΛ਒͑ͤ͞Δͷ͔

  13. ಛ௃

  14. ίϯϙʔωϯτࢦ޲ w ίϯϙʔωϯτʹ6*Λߏ੒͢Δ෦඼ w ίϯϙʔωϯτΛ૊Έ߹ΘͤͯϖʔδΛߏங w QSPQ ఆ਺ ͱTUBUF ঢ়ଶ

    Λ࢖ͬͯಈతʹߏங
  15. None

  16. +49 w +BWB4DSJQUͷதʹ9.-Λهड़

  17. 3FBDU+49ͷ஫ҙ఺ w +49಺Ͱ͸+4ͷ༧໿ޙ͕࢖͑ͳ͍ͷͰɹɹɹ ॻ͖׵͕͑ඞཁ DMBTT˰DMBTT/BNFͳͲ  w &4ʢ&4ʣͰهड़͢Δ w 9.-ͳͷͰඞͣด͡λά͕ඞཁ

    w ίϯύΠϧ͕ඞཁ

  18. ϝϦοτ

  19. ؆୯Ͱ଎͍ Virtual DOM JS Object HTML ςϯϓϨʔτʹΑΔ શߋ৽ γεςϜʹΑΔ ࠩ෼ߋ৽