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
さっちゃん
August 04, 2016
Programming
0
180
フレームワークを求めるな。ECMAScriptを使へ。
有難うReact有難うRedux。
さっちゃん
August 04, 2016
Tweet
Share
More Decks by さっちゃん
See All by さっちゃん
みんなのオブザーバビリティプラットフォームを作ってるんだがパフォーマンスがやばい #mackerelio #srenext
ne_sachirou
0
1.4k
作ってよかったgraceful shutdownライブラリ #kyotogo
ne_sachirou
0
1.2k
path 依存型って何?
ne_sachirou
0
630
野生の onbording と onbording 設計 #kyototechtalk
ne_sachirou
0
630
メトリックはいかにして見え續ける樣になったか #devio2022
ne_sachirou
0
89
名實一致
ne_sachirou
0
660
まかれるあなとみあ ―Mackerel のしくみを理解する 30 分― @ Hatena Engineer Seminar #16
ne_sachirou
0
3.1k
tacit programming : Point-free, Concatenatives & J
ne_sachirou
0
980
Monitoring Containerized Elixir
ne_sachirou
1
970
Other Decks in Programming
See All in Programming
UPDATEがシステムを複雑にする? イミュータブルデータモデルのすすめ
shimomura
1
530
事業戦略を理解してソフトウェアを設計する
masuda220
PRO
21
5.9k
AWS CDKの推しポイント 〜CloudFormationと比較してみた〜
akihisaikeda
3
180
型付きアクターモデルがもたらす分散シミュレーションの未来
piyo7
0
750
Perlで痩せる
yuukis
1
680
List Unfolding - 'unfold' as the Computational Dual of 'fold', and how 'unfold' relates to 'iterate'"
philipschwarz
PRO
0
190
Enterprise Web App. Development (2): Version Control Tool Training Ver. 5.1
knakagawa
1
110
AIエージェントによるテストフレームワーク Arbigent
takahirom
0
370
セキュリティマネジャー廃止とクラウドネイティブ型サンドボックス活用
kazumura
1
170
ドメインモデリングにおける抽象の役割、tagless-finalによるDSL構築、そして型安全な最適化
knih
10
1.8k
KotlinConf 2025 現地で感じたServer-Side Kotlin
n_takehata
1
200
F#で自在につくる静的ブログサイト - 関数型まつり2025
pizzacat83
0
290
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1370
200k
BBQ
matthewcrist
89
9.7k
How to Ace a Technical Interview
jacobian
276
23k
The Straight Up "How To Draw Better" Workshop
denniskardys
233
140k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.3k
We Have a Design System, Now What?
morganepeng
52
7.6k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
GraphQLとの向き合い方2022年版
quramy
46
14k
For a Future-Friendly Web
brad_frost
179
9.8k
The Language of Interfaces
destraynor
158
25k
YesSQL, Process and Tooling at Scale
rocio
172
14k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
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を使へ。