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
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
さっちゃん
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
780
野生の onbording と onbording 設計 #kyototechtalk
ne_sachirou
0
690
メトリックはいかにして見え續ける樣になったか #devio2022
ne_sachirou
0
120
名實一致
ne_sachirou
0
720
まかれるあなとみあ ―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
1.1k
Other Decks in Programming
See All in Programming
Vuetify 3 → 4 何が変わった?差分と移行ポイント10分まとめ
koukimiura
0
170
「効かない!」依存性注入(DI)を活用したAPI Platformのエラーハンドリング奮闘記
mkmk884
0
150
コードレビューをしない選択 #でぃーぷらすトウキョウ
kajitack
3
1k
20260313 - Grafana & Friends Taipei #1 - Kubernetes v1.36 的開發雜記:那些困在 Alpha 加護病房太久的 Metrics
tico88612
0
220
メタプログラミングで実現する「コードを仕様にする」仕組み/nikkei-tech-talk43
nikkei_engineer_recruiting
0
200
What Spring Developers Should Know About Jakarta EE
ivargrimstad
0
710
go directiveを最新にしすぎないで欲しい話──あるいは、Go 1.26からgo mod initで作られるgo directiveの値が変わる話 / Go 1.26 リリースパーティ
arthur1
2
570
技術検証結果の整理と解析をAIに任せよう!
keisukeikeda
0
130
Codex の「自走力」を高める
yorifuji
0
1.3k
AIコードレビューの導入・運用と AI駆動開発における「AI4QA」の取り組みについて
hagevvashi
0
530
GoのDB アクセスにおける 「型安全」と「柔軟性」の両立 - Bob という選択肢
tak848
0
260
CDIの誤解しがちな仕様とその対処TIPS
futokiyo
0
230
Featured
See All Featured
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
400
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
240
SEO for Brand Visibility & Recognition
aleyda
0
4.4k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
210
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
0
160
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
0
84
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.3k
Rebuilding a faster, lazier Slack
samanthasiow
85
9.4k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.5k
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を使へ。