フレームワークを求めるな。ECMAScriptを使へ。

有難うReact有難うRedux。

Transcript

1. .｡oO(さっちゃんですよヾ(〃l _ l)ﾉﾞ☆)
2. はじめに お前が斧を投げる時 斧もまたお前を投げ 返してゐるのだ。
4. ？ ？ ？ ？
5. 新しいフレームワークを紹介します。
7. 新しいフレームワークの使い方 • JSXを書きます。
9. 新しいフレームワークの使い方 • JSXを書きます。 • Matt-Esch/virtual-domを入れます。
10. npm install virtual-dom --save
11. 新しいフレームワークの使い方 • JSXを書きます。 • Matt-Esch/virtual-domを入れます。 • alexmingoia/jsx-transformでJSXをECMAScriptの函數に變換します。
14. 新しいフレームワークの使い方 • JSXを書きます。 • Matt-Esch/virtual-domを入れます。 • alexmingoia/jsx-transformでJSXをECMAScriptの函數に變換します。 • やりましたね！
15. やりましたね！
16. 新しいフレームワークを紹介します。 最初に戻って、
17. 新しいフレームワークを紹介します。 ʊਓਓਓਓਓਓਓʊ ʼ &$."4DSJQU ʻ ʉ:?:?:?:?:?:ʉ
18. ECMAScriptを使ふんだ！
19. ECMAScriptはいいぞ。
20. モジュール構成  ᵓᴷᴷ
    BQQKT ᵓᴷᴷ
    MJCKT ᵓᴷᴷ
    DPNQPOFOUT ᴹ ᵓᴷᴷ
    "EE5BTL'PSNKTY ᴹ ᵓᴷᴷ
    5BTL-JTUKTY ᴹ ᵋᴷᴷ
    5PEPKTY ᵓᴷᴷ
    NPEFMT ᴹ ᵋᴷᴷ
    5BTLKT ᵋᴷᴷ
    SFEVDFST ᵓᴷᴷ
    "EE5BTL'PSN3FEVDFSKT ᵋᴷᴷ
    5BTL-JTU3FEVDFSKT
21. メインの部分
22. React相当の部分
23. Redux相当の部分
24. コア部分 => 7.4KB (minify + gzip)
25. https://github.com/ne-sachirou/jsx_todo_sample
26. 私のFAQ • webpackに? => webpackは素晴らしい。webpack歴30分で變換モ ジュールが完成した。8行である。 • ESLintは? => ESLintはデフォルトでJSXに対応してゐる。 • JSXとは? => クラス (函數) をcomposeするDSLです。 • FAQ此れ丈? => 後はTODO。
27. フレームワークを求めるな。 ECMAScriptを使へ。