Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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
「見せる」登壇資料デザインの極意
Avatar for takanorip takanorip
4
1.2k
Design System Documentation Tooling 2025
Avatar for takanorip takanorip
3
2.8k
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
Avatar for takanorip takanorip
1
1.1k
Tools for Design Engineers other than LLM in the LLM era
Avatar for takanorip takanorip
1
790
Bulletproof Design System with TypeScript
Avatar for takanorip takanorip
7
5.2k
Eleventy3.0 で始める爆速個人ブログ開発！
Avatar for takanorip takanorip
0
300
Webフォント選定の極意！フォントの基本から最新トレンドまで徹底解説
Avatar for takanorip takanorip
6
1.1k
効果的な管理画面を デザインをするために 避けるべき5つの罠
Avatar for takanorip takanorip
15
7.9k
社内管理画面のデザインもプロダクトデザイン
Avatar for takanorip takanorip
5
2.3k

Other Decks in Technology

See All in Technology
SREとQA　二人三脚で進めるSLO運用/sre-qa-slo
Avatar for sugitak sugitak
0
890
End-to-Endで考える信頼性 — LINEアプリにおける クライアント開発×SRE連携の実践
Avatar for maru maruloop
4
4.6k
Oracle Exadata Database Service on Cloud@Customer X11M (ExaDB-C@C) サービス概要
Avatar for oracle4engineer oracle4engineer
PRO
2
8.4k
Making sense of Google’s agentic dev tools
Avatar for Guillaume Laforge glaforge
1
280
SRE本の知られざる名シーン / The Hidden Gems of Google SRE Book
Avatar for Narimichi Takamura nari_ex
1
420
AI時代の開発生産性は、個人技からチーム設計へ
Avatar for Atsushi Nakatsugawa moongift
PRO
4
2.4k
AI時代のYAGNI：「爆速で無駄になった機能」からの学び / 20260720 Naoki Takahashi
Avatar for SHIFT EVOLVE shift_evolve
PRO
2
320
CIで使うClaude
Avatar for TomoyaIwata iwatatomoya
0
290
「守りたい体験」を渡すだけで E2E を生成させられるようになった話
Avatar for May hinac0
0
190
オブザーバビリティ、本当に活用できてる？ 〜API連携×生成AIで成熟度を自動評価〜
Avatar for dmmsre dmmsre
1
3.5k
個人開発で育てる「大規模設計の苗床」 - AI時代の1人開発から始める業務への知識接続 / The Seedbed for Large-Scale Design - From AI-Era Solo Projects to Professional Knowledge
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
1
280
ゴールデンパスは敷いただけでは道にならない ─ 企画部門のエンジニアが技術標準を事業価値に変えるまで
Avatar for みずほリサーチ&テクノロジーズ株式会社 先端技術研究部 mhrtech
1
220

Featured

See All Featured
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.5k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
2.2k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
67k
Scaling GitHub
Avatar for Zach Holman holman
464
140k
Abbi's Birthday
Avatar for Violet Bock coloredviolet
3
8.7k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
710
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
2
240
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
650

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 ςϯϓϨʔτʹΑΔ શߋ৽ γεςϜʹΑΔ ࠩ෼ߋ৽