$30 off During Our Annual Pro Sale. View Details »

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

kkeeth
February 02, 2017

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

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

kkeeth

February 02, 2017
Tweet

More Decks by kkeeth

Other Decks in Programming

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. 7

    View Slide

  8. 8

    View Slide

  9. 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