Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
.。oO(さっちゃんですよヾ(〃l _ l)ノ゙☆)
はじめに
お前が斧を投げる時
斧もまたお前を投げ
返してゐるのだ。
?
?
?
?
新しいフレームワークを紹介します。
新しいフレームワークの使い方
• JSXを書きます。
新しいフレームワークの使い方
• JSXを書きます。
• Matt-Esch/virtual-domを入れます。
npm install virtual-dom --save
新しいフレームワークの使い方
• JSXを書きます。
• Matt-Esch/virtual-domを入れます。
• alexmingoia/jsx-transformでJSXをECMAScriptの函數に變換します。
新しいフレームワークの使い方
• JSXを書きます。
• Matt-Esch/virtual-domを入れます。
• alexmingoia/jsx-transformでJSXをECMAScriptの函數に變換します。
• やりましたね!
やりましたね!
新しいフレームワークを紹介します。
最初に戻って、
新しいフレームワークを紹介します。
_人人人人人人人_
> ECMAScript <
 ̄Y^Y^Y^Y^Y^Y ̄
ECMAScriptを使ふんだ!
ECMAScriptはいいぞ。
モジュール構成
.
├── app.js
├── lib.js
├── components
│ ├── AddTaskForm.jsx
│ ├── TaskList.jsx
│ └── Todo.jsx
├── models
│ └── Ta...
メインの部分
React相当の部分
Redux相当の部分
コア部分 => 7.4KB (minify + gzip)
https://github.com/ne-sachirou/jsx_todo_sample
私のFAQ
• webpackに? => webpackは素晴らしい。webpack歴30分で變換モ
ジュールが完成した。8行である。
• ESLintは? => ESLintはデフォルトでJSXに対応してゐる。
• JSXとは? => クラス...
フレームワークを求めるな。
ECMAScriptを使へ。
フレームワークを求めるな。ECMAScriptを使へ。
フレームワークを求めるな。ECMAScriptを使へ。
フレームワークを求めるな。ECMAScriptを使へ。
フレームワークを求めるな。ECMAScriptを使へ。
フレームワークを求めるな。ECMAScriptを使へ。
Upcoming SlideShare
Loading in …5
×

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

612 views

Published on

有難うReact有難うRedux。

Published in: Engineering
  • Be the first to comment

  • Be the first to like this

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

  1. 1. .。oO(さっちゃんですよヾ(〃l _ l)ノ゙☆)
  2. 2. はじめに お前が斧を投げる時 斧もまたお前を投げ 返してゐるのだ。
  3. 3. ? ? ? ?
  4. 4. 新しいフレームワークを紹介します。
  5. 5. 新しいフレームワークの使い方 • JSXを書きます。
  6. 6. 新しいフレームワークの使い方 • JSXを書きます。 • Matt-Esch/virtual-domを入れます。
  7. 7. npm install virtual-dom --save
  8. 8. 新しいフレームワークの使い方 • JSXを書きます。 • Matt-Esch/virtual-domを入れます。 • alexmingoia/jsx-transformでJSXをECMAScriptの函數に變換します。
  9. 9. 新しいフレームワークの使い方 • JSXを書きます。 • Matt-Esch/virtual-domを入れます。 • alexmingoia/jsx-transformでJSXをECMAScriptの函數に變換します。 • やりましたね!
  10. 10. やりましたね!
  11. 11. 新しいフレームワークを紹介します。 最初に戻って、
  12. 12. 新しいフレームワークを紹介します。 _人人人人人人人_ > ECMAScript <  ̄Y^Y^Y^Y^Y^Y ̄
  13. 13. ECMAScriptを使ふんだ!
  14. 14. ECMAScriptはいいぞ。
  15. 15. モジュール構成 . ├── app.js ├── lib.js ├── components │ ├── AddTaskForm.jsx │ ├── TaskList.jsx │ └── Todo.jsx ├── models │ └── Task.js └── reducers ├── AddTaskFormReducer.js └── TaskListReducer.js
  16. 16. メインの部分
  17. 17. React相当の部分
  18. 18. Redux相当の部分
  19. 19. コア部分 => 7.4KB (minify + gzip)
  20. 20. https://github.com/ne-sachirou/jsx_todo_sample
  21. 21. 私のFAQ • webpackに? => webpackは素晴らしい。webpack歴30分で變換モ ジュールが完成した。8行である。 • ESLintは? => ESLintはデフォルトでJSXに対応してゐる。 • JSXとは? => クラス (函數) をcomposeするDSLです。 • FAQ此れ丈? => 後はTODO。
  22. 22. フレームワークを求めるな。 ECMAScriptを使へ。

×