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

by kkeeth

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

向いている案件 4

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

グッドパターン 12

Slide 13

Slide 13 text

アンチパターン 13

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

向いていない案件 15

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

まとめ 22

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

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