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
gulp + React
Search
mex-ichikawa
September 25, 2014
Programming
2
420
gulp + React
Reactを含むWebプロジェクト制作環境を模索。
Project template link:
http://goo.gl/a5FsNW
mex-ichikawa
September 25, 2014
Tweet
Share
More Decks by mex-ichikawa
See All by mex-ichikawa
Three.js vs Unity5
mex_ichikawa
0
56
WebAudioAPIで(目的の)SE作れなかった話
mex_ichikawa
0
33
Bower + WebComponents
mex_ichikawa
0
36
Blob URL Scheme
mex_ichikawa
0
530
Other Decks in Programming
See All in Programming
20250628_非エンジニアがバイブコーディングしてみた
ponponmikankan
0
670
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
51
33k
猫と暮らす Google Nest Cam生活🐈 / WebRTC with Google Nest Cam
yutailang0119
0
110
git worktree × Claude Code × MCP ~生成AI時代の並列開発フロー~
hisuzuya
1
550
A full stack side project webapp all in Kotlin (KotlinConf 2025)
dankim
0
110
「Cursor/Devin全社導入の理想と現実」のその後
saitoryc
0
790
Team operations that are not burdened by SRE
kazatohiei
1
310
プロダクト志向なエンジニアがもう一歩先の価値を目指すために意識したこと
nealle
0
130
Azure AI Foundryではじめてのマルチエージェントワークフロー
seosoft
0
160
初学者でも今すぐできる、Claude Codeの生産性を10倍上げるTips
s4yuba
16
11k
技術同人誌をMCP Serverにしてみた
74th
1
630
GraphRAGの仕組みまるわかり
tosuri13
8
530
Featured
See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Designing for humans not robots
tammielis
253
25k
Into the Great Unknown - MozCon
thekraken
39
1.9k
Rails Girls Zürich Keynote
gr2m
94
14k
Code Reviewing Like a Champion
maltzj
524
40k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
4 Signs Your Business is Dying
shpigford
184
22k
Code Review Best Practice
trishagee
69
18k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Transcript
gulp + React @mex-ichikawa Tsukiji.front - 2014/09/25
Reactを使うための環境構築の話
What’s React? • MVCモデルにおけるViewとして利用できるWebUIライブラリ • polymer のような WebComponents 支援ライブラリではない •
facebook/instagram サイト内で実際に利用されている • 2013年に facebook が OSS として公開
Why React? • 他の技術に依存しないシンプルなViewエンジン • 仮想DOMを利用しnode.jsでレンダリングできる • コンパイルが必要なJSXというxml埋め込みオプションがある • ある程度自動化が必要な構成
React Demo 基本的な使い方
React Demo JSXの静的コンパイル npm install -g react-tools jsx src/ build/
Automation
React Demo gulp + React gulp-react
React Demo gulp + React + CoffeeScript gulp-cjsx
Project Template http://goo.gl/a5FsNW
And more... • renderComponentToString でコンポーネントを静的生成 • react component database -
http://react-components.com/
Thank you.