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.1k
path 依存型って何?
ne_sachirou
0
510
野生の onbording と onbording 設計 #kyototechtalk
ne_sachirou
0
590
メトリックはいかにして見え續ける樣になったか #devio2022
ne_sachirou
0
71
名實一致
ne_sachirou
0
620
まかれるあなとみあ ―Mackerel のしくみを理解する 30 分― @ Hatena Engineer Seminar #16
ne_sachirou
0
3k
tacit programming : Point-free, Concatenatives & J
ne_sachirou
0
870
Monitoring Containerized Elixir
ne_sachirou
1
930
Other Decks in Programming
See All in Programming
Запуск 1С:УХ в крупном энтерпрайзе: мечта и реальность ПМа
lamodatech
0
870
103 Early Hints
sugi_0000
1
330
非ブラウザランタイムとWeb標準 / Non-Browser Runtimes and Web Standards
petamoriken
0
410
ゆるやかにgolangci-lintのルールを強くする / Kyoto.go #56
utgwkk
2
790
Stackless и stackful? Корутины и асинхронность в Go
lamodatech
0
1.2k
Flatt Security XSS Challenge 解答・解説
flatt_security
0
590
テストケースの名前はどうつけるべきか?
orgachem
PRO
1
180
rails newと同時に型を書く
aki19035vc
5
610
KubeCon + CloudNativeCon NA 2024 Overviewat Kubernetes Meetup Tokyo #68 / amsy810_k8sjp68
masayaaoyama
0
290
Androidアプリの One Experience リリース
nein37
0
740
生成AIでGitHubソースコード取得して仕様書を作成
shukob
0
600
「とりあえず動く」コードはよい、「読みやすい」コードはもっとよい / Code that 'just works' is good, but code that is 'readable' is even better.
mkmk884
6
1.3k
Featured
See All Featured
How to train your dragon (web standard)
notwaldorf
88
5.8k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Writing Fast Ruby
sferik
628
61k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Side Projects
sachag
452
42k
The Power of CSS Pseudo Elements
geoffreycrofte
74
5.4k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.1k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
A better future with KSS
kneath
238
17k
A Tale of Four Properties
chriscoyier
157
23k
How STYLIGHT went responsive
nonsquared
96
5.3k
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を使へ。