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.

フレームワークMarko

383 views

Published on

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

Published in: Internet
  • Be the first to comment

  • Be the first to like this

フレームワークMarko

  1. 1. フレームワーク Marko 2017.4.21 Isamu Suzuki
  2. 2. 鈴木 勇 • @suzukigume@tablegame.mstdn.cloud @moomoya • 勉強会レポートを書くのが速いフレンズ • 仕事ではJava+JavaScript少し • JSオジサン目指して修行中 (Node.js + React + Redux... etc)
  3. 3. フロントエンドの フレームワークの話
  4. 4. 一昨年あたりまで • backbone • ember • knockout • angular
  5. 5. 去年
  6. 6. React + Redux
  7. 7. よしやるか
  8. 8. React + Reduxイケてるところ • コンポーネント指向を強制 • 規約(暗黙の挙動)が少ない • 状態管理の煩雑さを解決している • 情報が多い • facebook
  9. 9. 忍び寄る React疲れ
  10. 10. React疲れ していませんか?
  11. 11. React疲れ • コンポーネント指向、明示的な実装 →最小構成でもファイル数、実装量が多い
  12. 12. react-sling-shot (ボイラープレート)の構成
  13. 13. React疲れ • コンポーネント指向、明示的な実装 →最小構成でもファイル数、実装量が多い • 個人プロジェクトだと結構しんどい
  14. 14. そこでMarko
  15. 15. Markoのイケてるところ • React + ES6ベース • 状態管理の課題は解決している • 適度に規約を入れて実装量を低減 • 拡張子紛らわしい問題がない
  16. 16. Markoの特徴 • バンドラーにLassoを推奨 • コマンドオプション利用、ほぼ設定なし • .markoファイルに 無造作にJSとCSSとDOMが記述できる

×