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

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

Transcript

1. Riot.js
   に向いている案件
   向いていない案件
   2017/02/02 Riot.js
   勉強会 @Tokyo #2
   @kuwahara_jsng
   1
   

   View Slide

2. 自己紹介
   var my_info = {
   name: 'Kiyohito Kuwahara',
   twitter: '@kuwahara_jsng',
   github : 'k-kuwahara',
   qiita : '@clown0082',
   skill : 'PHP, CodeIgniter, JS, Riot',
   workplace: 'Leprachaun Corp.'
   }
   2
   

   View Slide

3. アジェンダ
   •
   向いている案件
   •
   向いていない案件
   •
   まとめ
   • Riot.js
   で行き詰まったら
   ※ 技術的な話はありません
   3
   

   View Slide

4. 向いている案件
   4
   

   View Slide

5. 1.
   ミニマムかつ簡単に書ける
   ライブラリを求めている
   5
   

   View Slide

6. 公式HP
   を見てみましょう。
   6
   

   View Slide

7. View Slide

8. View Slide

9. View Slide

10. Riot.js
    で決まりでしょう！
    10
    

    View Slide

11. 2.
    フロントエンドが
    Riot.js
    で完結
    11
    

    View Slide

12. グッドパターン 12
    

    View Slide

13. アンチパターン 13
    

    View Slide

14. 3. React
    で苦労していて
    何かに乗り換えたい
    14
    

    View Slide

15. 向いていない案件
    15
    

    View Slide

16. 1.
    コンポーネント指向
    拒絶反応
    最近のフレームワークは軒並みアウトなんじゃ…
    16
    

    View Slide

17. 2.
    きちんとMVC
    モデルで
    開発したい
    17
    

    View Slide

18. Riot.js
    はあくまでView
    に
    特化したライブラリ
    MVC
    なら個人的にはAngular
    がおすすめ
    18
    

    View Slide

19. 3.
    ライブラリの更新に
    拒絶反応
    19
    

    View Slide

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
    

    View Slide

21. 4.
    ハイパフォーマンスな
    サイトを作りたい
    21
    

    View Slide

22. まとめ
    22
    

    View Slide

23. 向いている案件（まとめ）
    1.
    ミニマムかつ簡単に書けるライブラリを求めている
    •
    導入にコストがかからない
    •
    最悪Riot.js
    を捨てても、ソースは使える
    2.
    フロントエンドがRiot.js
    で完結
    3. React
    で苦労していて何かに乗り換えたい
    23
    

    View Slide

24. 向いていない案件（まとめ1
    ）
    1.
    コンポーネント指向に拒絶反応
    •
    最近のフレームワークはおそらくアウト
    2.
    きちんとMVC
    モデルで開発したい
    • Riot.js
    はあくまでView
    に特化したライブラリ
    •
    デザインパターン、Flux
    ・Redux
    などを入れる
    •
    別のフレームワーク（Angular
    など）を使う
    24
    

    View Slide

25. 向いていない案件（まとめ2
    ）
    1.
    ライブラリの更新に拒絶反応
    • v3
    は最新のものを使うことが望ましい
    2.
    ハイパフォーマンスなサイトを作りたい
    • v3
    で速くなっとは言えDOM
    が多すぎると…
    25
    

    View Slide

26. Riot.js
    で行き詰まったら
    26
    

    View Slide

27. Riot.js
    で行き詰まったら
    •
    ググっても記事が見つからなかったらslack
    で聞く！
    • slack
    に質問部屋も用意されてます！
    27
    

    View Slide

28. Riot.js
    で行き詰まったら
    •
    ググっても記事が見つからなかったらslack
    で聞く！
    • slack
    に質問部屋も用意されてます！
    •
    本家リポジトリのissues
    を探す！
    •
    海外の方が活発にissues
    で議論されてますよ！
    28
    

    View Slide

29. Riot.js
    で行き詰まったら
    •
    ググっても記事が見つからなかったらslack
    で聞く！
    • slack
    に質問部屋も用意されてます！
    •
    本家リポジトリのissues
    を探す！
    •
    海外の方が活発にissues
    で議論されてますよ！
    •
    最後は本体のソースを読む！
    • 3600
    行程なのでそれほど難しくはない（はず）
    • JavaScript 1
    年目の自分でもなんとか読めます
    29
    

    View Slide

30. ご清聴
    ありがとうございました！
    30
    

    View Slide