社内ビアバッシュの発表資料。 フロントエンド用のeBay製JavaScriptフレームワークMarkoの紹介。

1. フレームワーク
Marko
2017.4.21
Isamu Suzuki

2. 鈴木 勇
• @suzukigume@tablegame.mstdn.cloud
@moomoya
• 勉強会レポートを書くのが速いフレンズ
• 仕事ではJava＋JavaScript少し
• JSオジサン目指して修行中
(Node.js + React + Redux... etc)

4. フロントエンドの
フレームワークの話

5. 一昨年あたりまで
• backbone
• ember
• knockout
• angular

6. 去年

7. React + Redux

8. よしやるか

9. React + Reduxイケてるところ
• コンポーネント指向を強制
• 規約（暗黙の挙動）が少ない
• 状態管理の煩雑さを解決している
• 情報が多い
• facebook

10. 忍び寄る
React疲れ

11. React疲れ
していませんか？

12. React疲れ
• コンポーネント指向、明示的な実装
→最小構成でもファイル数、実装量が多い

13. react-sling-shot
(ボイラープレート)の構成

14. React疲れ
• コンポーネント指向、明示的な実装
→最小構成でもファイル数、実装量が多い
• 個人プロジェクトだと結構しんどい

15. そこでMarko

16. Markoのイケてるところ
• React + ES6ベース
• 状態管理の課題は解決している
• 適度に規約を入れて実装量を低減
• 拡張子紛らわしい問題がない

17. Markoの特徴
• バンドラーにLassoを推奨
• コマンドオプション利用、ほぼ設定なし
• .markoファイルに
無造作にJSとCSSとDOMが記述できる