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
フレームワークを求めるな。ECMAScriptを使へ。
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
さっちゃん
August 04, 2016
Programming
0
190
フレームワークを求めるな。ECMAScriptを使へ。
有難うReact有難うRedux。
さっちゃん
August 04, 2016
Tweet
Share
More Decks by さっちゃん
See All by さっちゃん
みんなのオブザーバビリティプラットフォームを作ってるんだがパフォーマンスがやばい #mackerelio #srenext
ne_sachirou
0
1.6k
作ってよかったgraceful shutdownライブラリ #kyotogo
ne_sachirou
0
1.4k
path 依存型って何?
ne_sachirou
0
760
野生の onbording と onbording 設計 #kyototechtalk
ne_sachirou
0
680
メトリックはいかにして見え續ける樣になったか #devio2022
ne_sachirou
0
110
名實一致
ne_sachirou
0
710
まかれるあなとみあ ―Mackerel のしくみを理解する 30 分― @ Hatena Engineer Seminar #16
ne_sachirou
0
3.2k
tacit programming : Point-free, Concatenatives & J
ne_sachirou
0
1.1k
Monitoring Containerized Elixir
ne_sachirou
1
1k
Other Decks in Programming
See All in Programming
MUSUBIXとは
nahisaho
0
140
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
himorishige
11
7.5k
Fluid Templating in TYPO3 14
s2b
0
130
並行開発のためのコードレビュー
miyukiw
0
1.2k
今から始めるClaude Code超入門
448jp
8
9.1k
インターン生でもAuth0で認証基盤刷新が出来るのか
taku271
0
190
AIで開発はどれくらい加速したのか?AIエージェントによるコード生成を、現場の評価と研究開発の評価の両面からdeep diveしてみる
daisuketakeda
1
2.5k
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
620
AIと一緒にレガシーに向き合ってみた
nyafunta9858
0
250
それ、本当に安全? ファイルアップロードで見落としがちなセキュリティリスクと対策
penpeen
7
4k
Apache Iceberg V3 and migration to V3
tomtanaka
0
170
HTTPプロトコル正しく理解していますか? 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ニャ〜
hekuchan
2
690
Featured
See All Featured
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
750
The Pragmatic Product Professional
lauravandoore
37
7.1k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
920
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
120
Discover your Explorer Soul
emna__ayadi
2
1.1k
Reflections from 52 weeks, 52 projects
jeffersonlam
356
21k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
Designing for Performance
lara
610
70k
Java REST API Framework Comparison - PWX 2021
mraible
34
9.1k
Typedesign – Prime Four
hannesfritz
42
3k
The Cult of Friendly URLs
andyhume
79
6.8k
4 Signs Your Business is Dying
shpigford
187
22k
Transcript
.。oO(さっちゃんですよヾ(〃l _ l)ノ゙☆)
はじめに お前が斧を投げる時 斧もまたお前を投げ 返してゐるのだ。
None
? ? ? ?
新しいフレームワークを紹介します。
None
新しいフレームワークの使い方 • JSXを書きます。
None
新しいフレームワークの使い方 • JSXを書きます。 • Matt-Esch/virtual-domを入れます。
npm install virtual-dom --save
新しいフレームワークの使い方 • JSXを書きます。 • Matt-Esch/virtual-domを入れます。 • alexmingoia/jsx-transformでJSXをECMAScriptの函數に變換します。
None
None
新しいフレームワークの使い方 • JSXを書きます。 • Matt-Esch/virtual-domを入れます。 • alexmingoia/jsx-transformでJSXをECMAScriptの函數に變換します。 • やりましたね!
やりましたね!
新しいフレームワークを紹介します。 最初に戻って、
新しいフレームワークを紹介します。 ʊਓਓਓਓਓਓਓʊ ʼ &$."4DSJQU ʻ ʉ:?:?:?:?:?:ʉ
ECMAScriptを使ふんだ!
ECMAScriptはいいぞ。
モジュール構成 ᵓᴷᴷBQQKT ᵓᴷᴷMJCKT ᵓᴷᴷDPNQPOFOUT ᴹ ᵓᴷᴷ"EE5BTL'PSNKTY ᴹ ᵓᴷᴷ5BTL-JTUKTY ᴹ
ᵋᴷᴷ5PEPKTY ᵓᴷᴷNPEFMT ᴹ ᵋᴷᴷ5BTLKT ᵋᴷᴷSFEVDFST ᵓᴷᴷ"EE5BTL'PSN3FEVDFSKT ᵋᴷᴷ5BTL-JTU3FEVDFSKT
メインの部分
React相当の部分
Redux相当の部分
コア部分 => 7.4KB (minify + gzip)
https://github.com/ne-sachirou/jsx_todo_sample
私のFAQ • webpackに? => webpackは素晴らしい。webpack歴30分で變換モ ジュールが完成した。8行である。 • ESLintは? => ESLintはデフォルトでJSXに対応してゐる。
• JSXとは? => クラス (函數) をcomposeするDSLです。 • FAQ此れ丈? => 後はTODO。
フレームワークを求めるな。 ECMAScriptを使へ。