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.3k
作ってよかったgraceful shutdownライブラリ #kyotogo
ne_sachirou
0
1.2k
path 依存型って何?
ne_sachirou
0
540
野生の onbording と onbording 設計 #kyototechtalk
ne_sachirou
0
610
メトリックはいかにして見え續ける樣になったか #devio2022
ne_sachirou
0
76
名實一致
ne_sachirou
0
630
まかれるあなとみあ ―Mackerel のしくみを理解する 30 分― @ Hatena Engineer Seminar #16
ne_sachirou
0
3k
tacit programming : Point-free, Concatenatives & J
ne_sachirou
0
910
Monitoring Containerized Elixir
ne_sachirou
1
940
Other Decks in Programming
See All in Programming
pylint custom ruleで始めるレビュー自動化
shogoujiie
0
150
GoとPHPのインターフェイスの違い
shimabox
2
210
ナレッジイネイブリングにAIを活用してみる ゆるSRE勉強会 #9
nealle
0
160
DRFを少しずつ オニオンアーキテクチャに寄せていく DjangoCongress JP 2025
nealle
2
270
kintone開発を効率化するためにチームで試した施策とその結果を大放出!
oguemon
0
160
PHPのバージョンアップ時にも役立ったAST
matsuo_atsushi
0
230
コードを読んで理解するko build
bells17
1
110
CloudNativePGを布教したい
nnaka2992
0
110
Kotlinの開発でも AIをいい感じに使いたい / Making the Most of AI in Kotlin Development
kohii00
5
1.3k
Djangoにおける複数ユーザー種別認証の設計アプローチ@DjangoCongress JP 2025
delhi09
PRO
4
470
もう僕は OpenAPI を書きたくない
sgash708
6
1.9k
.NET Frameworkでも汎用ホストが使いたい!
tomokusaba
0
200
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
KATA
mclloyd
29
14k
How to train your dragon (web standard)
notwaldorf
91
5.9k
Making Projects Easy
brettharned
116
6k
Rebuilding a faster, lazier Slack
samanthasiow
80
8.9k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
1k
Designing for humans not robots
tammielis
250
25k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
650
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
A Philosophy of Restraint
colly
203
16k
The Cost Of JavaScript in 2023
addyosmani
47
7.4k
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を使へ。