Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Riot.jsに向いている案件、向いていない案件
Search
kkeeth
February 02, 2017
Programming
0
1.3k
Riot.jsに向いている案件、向いていない案件
Riot.jsにてECサイトを作ったときの経験から、Riot.js導入を検討する際のポイントをまとめました。
kkeeth
February 02, 2017
Tweet
Share
More Decks by kkeeth
See All by kkeeth
Programming to play with p5.js
clown0082
0
20
とある EM の初めての育休からの学び
clown0082
1
3.8k
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
170
Visually experience the beauty of mathematics with p5.js
clown0082
1
3k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.6k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
620
JavaScript × Mathematics go to Digital Art
clown0082
1
390
In-house study group at YUMEMI
clown0082
0
210
Playing Ionic Logo by p5.js
clown0082
0
280
Other Decks in Programming
See All in Programming
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
nealle
2
12k
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
chiilog
1
280
Porting a visionOS App to Android XR
akkeylab
0
670
Modern Angular with Signals and Signal Store:New Rules for Your Architecture @enterJS Advanced Angular Day 2025
manfredsteyer
PRO
0
260
AIエージェントはこう育てる - GitHub Copilot Agentとチームの共進化サイクル
koboriakira
0
730
Agentic Coding: The Future of Software Development with Agents
mitsuhiko
0
130
AI時代の『改訂新版 良いコード/悪いコードで学ぶ設計入門』 / ai-good-code-bad-code
minodriven
23
9.4k
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
nrslib
2
1.1k
はじめてのWeb API体験 ー 飲食店検索アプリを作ろうー
akinko_0915
0
140
Flutterで備える!Accessibility Nutrition Labels完全ガイド
yuukiw00w
0
170
AI Agent 時代のソフトウェア開発を支える AWS Cloud Development Kit (CDK)
konokenj
6
770
ふつうの技術スタックでアート作品を作ってみる
akira888
1
1.3k
Featured
See All Featured
The Language of Interfaces
destraynor
158
25k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
282
13k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.2k
Music & Morning Musume
bryan
46
6.7k
Balancing Empowerment & Direction
lara
1
450
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
The Invisible Side of Design
smashingmag
301
51k
What's in a price? How to price your products and services
michaelherold
246
12k
Testing 201, or: Great Expectations
jmmastey
43
7.6k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
830
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Transcript
Riot.js に向いている案件 向いていない案件 2017/02/02 Riot.js 勉強会 @Tokyo #2 @kuwahara_jsng 1
自己紹介 var my_info = { name: 'Kiyohito Kuwahara', twitter: '@kuwahara_jsng',
github : 'k-kuwahara', qiita : '@clown0082', skill : 'PHP, CodeIgniter, JS, Riot', workplace: 'Leprachaun Corp.' } 2
アジェンダ • 向いている案件 • 向いていない案件 • まとめ • Riot.js で行き詰まったら
※ 技術的な話はありません 3
向いている案件 4
1. ミニマムかつ簡単に書ける ライブラリを求めている 5
公式HP を見てみましょう。 6
7
8
9
Riot.js で決まりでしょう! 10
2. フロントエンドが Riot.js で完結 11
グッドパターン 12
アンチパターン 13
3. React で苦労していて 何かに乗り換えたい 14
向いていない案件 15
1. コンポーネント指向 拒絶反応 最近のフレームワークは軒並みアウトなんじゃ… 16
2. きちんとMVC モデルで 開発したい 17
Riot.js はあくまでView に 特化したライブラリ MVC なら個人的にはAngular がおすすめ 18
3. ライブラリの更新に 拒絶反応 19
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
4. ハイパフォーマンスな サイトを作りたい 21
まとめ 22
向いている案件(まとめ) 1. ミニマムかつ簡単に書けるライブラリを求めている • 導入にコストがかからない • 最悪Riot.js を捨てても、ソースは使える 2. フロントエンドがRiot.js
で完結 3. React で苦労していて何かに乗り換えたい 23
向いていない案件(まとめ1 ) 1. コンポーネント指向に拒絶反応 • 最近のフレームワークはおそらくアウト 2. きちんとMVC モデルで開発したい •
Riot.js はあくまでView に特化したライブラリ • デザインパターン、Flux ・Redux などを入れる • 別のフレームワーク(Angular など)を使う 24
向いていない案件(まとめ2 ) 1. ライブラリの更新に拒絶反応 • v3 は最新のものを使うことが望ましい 2. ハイパフォーマンスなサイトを作りたい •
v3 で速くなっとは言えDOM が多すぎると… 25
Riot.js で行き詰まったら 26
Riot.js で行き詰まったら • ググっても記事が見つからなかったらslack で聞く! • slack に質問部屋も用意されてます! 27
Riot.js で行き詰まったら • ググっても記事が見つからなかったらslack で聞く! • slack に質問部屋も用意されてます! • 本家リポジトリのissues
を探す! • 海外の方が活発にissues で議論されてますよ! 28
Riot.js で行き詰まったら • ググっても記事が見つからなかったらslack で聞く! • slack に質問部屋も用意されてます! • 本家リポジトリのissues
を探す! • 海外の方が活発にissues で議論されてますよ! • 最後は本体のソースを読む! • 3600 行程なのでそれほど難しくはない(はず) • JavaScript 1 年目の自分でもなんとか読めます 29
ご清聴 ありがとうございました! 30