Riot.jsに向いている案件、向いていない案件

Riot.jsにてECサイトを作ったときの経験から、Riot.js導入を検討する際のポイントをまとめました。

Transcript

1. Riot.js に向いている案件 向いていない案件 2017/02/02 Riot.js 勉強会 @Tokyo #2 @kuwahara_jsng 1
2. 自己紹介 var my_info = { name: 'Kiyohito Kuwahara', twitter: '@kuwahara_jsng', github : 'k-kuwahara', qiita : '@clown0082', skill : 'PHP, CodeIgniter, JS, Riot', workplace: 'Leprachaun Corp.' } 2
3. アジェンダ • 向いている案件 • 向いていない案件 • まとめ • Riot.js で行き詰まったら ※ 技術的な話はありません 3
4. 向いている案件 4
5. 1. ミニマムかつ簡単に書ける ライブラリを求めている 5
6. 公式HP を見てみましょう。 6
10. Riot.js で決まりでしょう！ 10
11. 2. フロントエンドが Riot.js で完結 11
12. グッドパターン 12
13. アンチパターン 13
14. 3. React で苦労していて 何かに乗り換えたい 14
15. 向いていない案件 15
16. 1. コンポーネント指向 拒絶反応 最近のフレームワークは軒並みアウトなんじゃ… 16
17. 2. きちんとMVC モデルで 開発したい 17
18. Riot.js はあくまでView に 特化したライブラリ MVC なら個人的にはAngular がおすすめ 18
19. 3. ライブラリの更新に 拒絶反応 19
20. Riot.js （v3 ）のリリース履歴 3.1.0: January 29, 2017, 3.0.7: January 10, 2017, 3.0.6: January 10, 2017, … 3.0.2: December 4, 2016, 3.0.1: November 26, 2016, 3.0.0: November 22, 2016 20
21. 4. ハイパフォーマンスな サイトを作りたい 21
22. まとめ 22
23. 向いている案件（まとめ） 1. ミニマムかつ簡単に書けるライブラリを求めている • 導入にコストがかからない • 最悪Riot.js を捨てても、ソースは使える 2. フロントエンドがRiot.js で完結 3. React で苦労していて何かに乗り換えたい 23
24. 向いていない案件（まとめ1 ） 1. コンポーネント指向に拒絶反応 • 最近のフレームワークはおそらくアウト 2. きちんとMVC モデルで開発したい • Riot.js はあくまでView に特化したライブラリ • デザインパターン、Flux ・Redux などを入れる • 別のフレームワーク（Angular など）を使う 24
25. 向いていない案件（まとめ2 ） 1. ライブラリの更新に拒絶反応 • v3 は最新のものを使うことが望ましい 2. ハイパフォーマンスなサイトを作りたい • v3 で速くなっとは言えDOM が多すぎると… 25
26. Riot.js で行き詰まったら 26
27. Riot.js で行き詰まったら • ググっても記事が見つからなかったらslack で聞く！ • slack に質問部屋も用意されてます！ 27
28. Riot.js で行き詰まったら • ググっても記事が見つからなかったらslack で聞く！ • slack に質問部屋も用意されてます！ • 本家リポジトリのissues を探す！ • 海外の方が活発にissues で議論されてますよ！ 28
29. Riot.js で行き詰まったら • ググっても記事が見つからなかったらslack で聞く！ • slack に質問部屋も用意されてます！ • 本家リポジトリのissues を探す！ • 海外の方が活発にissues で議論されてますよ！ • 最後は本体のソースを読む！ • 3600 行程なのでそれほど難しくはない（はず） • JavaScript 1 年目の自分でもなんとか読めます 29
30. ご清聴 ありがとうございました！ 30