Soumettre la recherche
Mettre en ligne
Riot.js と戦った話 (8月26日 oRo LT 会)
•
3 j'aime
•
2,047 vues
kata shin
Suivre
8月26日の oRo LT 会で話した内容です。 実際に使ったものに文字を追加するなどしてます。
Lire moins
Lire la suite
Technologie
Signaler
Partager
Signaler
Partager
1 sur 22
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
まだDOM操作で消耗してるの?
まだDOM操作で消耗してるの?
IRI MO
Starting java fx
Starting java fx
Kazuhiro Eguchi
React.jsでクライアントサイドなWebアプリ入門
React.jsでクライアントサイドなWebアプリ入門
spring_raining
JavaScriptCore.framework の普通な使い方 #cocoa_kansai
JavaScriptCore.framework の普通な使い方 #cocoa_kansai
Tomohiro Kumagai
React+TypeScriptもいいぞ
React+TypeScriptもいいぞ
Mitsuru Ogawa
TypeScript 言語処理系ことはじめ
TypeScript 言語処理系ことはじめ
Yu Nobuoka
ECMAScript6による関数型プログラミング
ECMAScript6による関数型プログラミング
TanUkkii
RxJava on Android
RxJava on Android
yo_waka
Recommandé
まだDOM操作で消耗してるの?
まだDOM操作で消耗してるの?
IRI MO
Starting java fx
Starting java fx
Kazuhiro Eguchi
React.jsでクライアントサイドなWebアプリ入門
React.jsでクライアントサイドなWebアプリ入門
spring_raining
JavaScriptCore.framework の普通な使い方 #cocoa_kansai
JavaScriptCore.framework の普通な使い方 #cocoa_kansai
Tomohiro Kumagai
React+TypeScriptもいいぞ
React+TypeScriptもいいぞ
Mitsuru Ogawa
TypeScript 言語処理系ことはじめ
TypeScript 言語処理系ことはじめ
Yu Nobuoka
ECMAScript6による関数型プログラミング
ECMAScript6による関数型プログラミング
TanUkkii
RxJava on Android
RxJava on Android
yo_waka
Google Gears データベースの基礎
Google Gears データベースの基礎
webos-goodies
Wpfと非同期
Wpfと非同期
yone64
Lt 111217
Lt 111217
Tomoyuki Obi
Sencha ug3 siesta_share
Sencha ug3 siesta_share
久司 中村
jQuery Validation x ASP.NET MVC で遭遇した不具合 & 対抗ハック
jQuery Validation x ASP.NET MVC で遭遇した不具合 & 対抗ハック
Jun-ichi Sakamoto
【YAPC::Asia Hachioji 2016】ES2015のclassでアプリケーションを書いてみた話
【YAPC::Asia Hachioji 2016】ES2015のclassでアプリケーションを書いてみた話
Hiroyuki Kusu
これからのJavaScriptー関数型プログラミングとECMAScript6
これからのJavaScriptー関数型プログラミングとECMAScript6
TanUkkii
Backbone.js
Backbone.js
daisuke shimizu
System2
System2
Jun Chiba
後期第三回ネットワークチーム講座資料
後期第三回ネットワークチーム講座資料
densan_teacher
jQuery超入門編
jQuery超入門編
Yasuhito Yabe
Ajax 応用
Ajax 応用
Katsuyuki Seino
実践 Reactive Extensions
実践 Reactive Extensions
Shin Ise
Html5 Web Applications
Html5 Web Applications
totty jp
学生向けAndroid勉強会(入門編)
学生向けAndroid勉強会(入門編)
Itsuki Kuroda
Visualforce + jQuery
Visualforce + jQuery
Salesforce Developers Japan
Pro aspnetmvc3framework chap19
Pro aspnetmvc3framework chap19
Hideki Hashizume
第3回Webkit/HTML5勉強会 - File APIと加速度センサー
第3回Webkit/HTML5勉強会 - File APIと加速度センサー
nakamura001
Lt 111119
Lt 111119
Tomoyuki Obi
Apache Torqueについて
Apache Torqueについて
tako pons
春のJs祭り2015 lt
春のJs祭り2015 lt
Yusuke Katsuki
やや関数型を意識した風Elixir/Phoenixご紹介
やや関数型を意識した風Elixir/Phoenixご紹介
fukuoka.ex
Contenu connexe
Tendances
Google Gears データベースの基礎
Google Gears データベースの基礎
webos-goodies
Wpfと非同期
Wpfと非同期
yone64
Lt 111217
Lt 111217
Tomoyuki Obi
Sencha ug3 siesta_share
Sencha ug3 siesta_share
久司 中村
jQuery Validation x ASP.NET MVC で遭遇した不具合 & 対抗ハック
jQuery Validation x ASP.NET MVC で遭遇した不具合 & 対抗ハック
Jun-ichi Sakamoto
【YAPC::Asia Hachioji 2016】ES2015のclassでアプリケーションを書いてみた話
【YAPC::Asia Hachioji 2016】ES2015のclassでアプリケーションを書いてみた話
Hiroyuki Kusu
これからのJavaScriptー関数型プログラミングとECMAScript6
これからのJavaScriptー関数型プログラミングとECMAScript6
TanUkkii
Backbone.js
Backbone.js
daisuke shimizu
System2
System2
Jun Chiba
後期第三回ネットワークチーム講座資料
後期第三回ネットワークチーム講座資料
densan_teacher
Tendances
(10)
Google Gears データベースの基礎
Google Gears データベースの基礎
Wpfと非同期
Wpfと非同期
Lt 111217
Lt 111217
Sencha ug3 siesta_share
Sencha ug3 siesta_share
jQuery Validation x ASP.NET MVC で遭遇した不具合 & 対抗ハック
jQuery Validation x ASP.NET MVC で遭遇した不具合 & 対抗ハック
【YAPC::Asia Hachioji 2016】ES2015のclassでアプリケーションを書いてみた話
【YAPC::Asia Hachioji 2016】ES2015のclassでアプリケーションを書いてみた話
これからのJavaScriptー関数型プログラミングとECMAScript6
これからのJavaScriptー関数型プログラミングとECMAScript6
Backbone.js
Backbone.js
System2
System2
後期第三回ネットワークチーム講座資料
後期第三回ネットワークチーム講座資料
Similaire à Riot.js と戦った話 (8月26日 oRo LT 会)
jQuery超入門編
jQuery超入門編
Yasuhito Yabe
Ajax 応用
Ajax 応用
Katsuyuki Seino
実践 Reactive Extensions
実践 Reactive Extensions
Shin Ise
Html5 Web Applications
Html5 Web Applications
totty jp
学生向けAndroid勉強会(入門編)
学生向けAndroid勉強会(入門編)
Itsuki Kuroda
Visualforce + jQuery
Visualforce + jQuery
Salesforce Developers Japan
Pro aspnetmvc3framework chap19
Pro aspnetmvc3framework chap19
Hideki Hashizume
第3回Webkit/HTML5勉強会 - File APIと加速度センサー
第3回Webkit/HTML5勉強会 - File APIと加速度センサー
nakamura001
Lt 111119
Lt 111119
Tomoyuki Obi
Apache Torqueについて
Apache Torqueについて
tako pons
春のJs祭り2015 lt
春のJs祭り2015 lt
Yusuke Katsuki
やや関数型を意識した風Elixir/Phoenixご紹介
やや関数型を意識した風Elixir/Phoenixご紹介
fukuoka.ex
ApexトリガのBest Practiceを目指して
ApexトリガのBest Practiceを目指して
Takahiro Yonei
from old Java to modern Java
from old Java to modern Java
心 谷本
C#次世代非同期処理概観 - Task vs Reactive Extensions
C#次世代非同期処理概観 - Task vs Reactive Extensions
Yoshifumi Kawai
Entity Framework 5.0 deep dive
Entity Framework 5.0 deep dive
Atsushi Fukui
[東京] JapanSharePointGroup 勉強会 #2
[東京] JapanSharePointGroup 勉強会 #2
Atsuo Yamasaki
jqで極めるシェル芸の話
jqで極めるシェル芸の話
Yoichi Toyota
Reactive Extensionsで非同期処理を簡単に
Reactive Extensionsで非同期処理を簡単に
Yoshifumi Kawai
Similaire à Riot.js と戦った話 (8月26日 oRo LT 会)
(19)
jQuery超入門編
jQuery超入門編
Ajax 応用
Ajax 応用
実践 Reactive Extensions
実践 Reactive Extensions
Html5 Web Applications
Html5 Web Applications
学生向けAndroid勉強会(入門編)
学生向けAndroid勉強会(入門編)
Visualforce + jQuery
Visualforce + jQuery
Pro aspnetmvc3framework chap19
Pro aspnetmvc3framework chap19
第3回Webkit/HTML5勉強会 - File APIと加速度センサー
第3回Webkit/HTML5勉強会 - File APIと加速度センサー
Lt 111119
Lt 111119
Apache Torqueについて
Apache Torqueについて
春のJs祭り2015 lt
春のJs祭り2015 lt
やや関数型を意識した風Elixir/Phoenixご紹介
やや関数型を意識した風Elixir/Phoenixご紹介
ApexトリガのBest Practiceを目指して
ApexトリガのBest Practiceを目指して
from old Java to modern Java
from old Java to modern Java
C#次世代非同期処理概観 - Task vs Reactive Extensions
C#次世代非同期処理概観 - Task vs Reactive Extensions
Entity Framework 5.0 deep dive
Entity Framework 5.0 deep dive
[東京] JapanSharePointGroup 勉強会 #2
[東京] JapanSharePointGroup 勉強会 #2
jqで極めるシェル芸の話
jqで極めるシェル芸の話
Reactive Extensionsで非同期処理を簡単に
Reactive Extensionsで非同期処理を簡単に
Plus de kata shin
アニメーションの実装つらい話
アニメーションの実装つらい話
kata shin
6月26日 LT会
6月26日 LT会
kata shin
JSSST 2014 発表資料
JSSST 2014 発表資料
kata shin
Generational Layered Canvas Mechanism for Collaborative Web Applications
Generational Layered Canvas Mechanism for Collaborative Web Applications
kata shin
新谷研プログラミングコンテスト2014 発表資料
新谷研プログラミングコンテスト2014 発表資料
kata shin
JSAI2014 発表資料
JSAI2014 発表資料
kata shin
新谷・大囿研究室 2014年度引き継ぎ講習会 フレームワーク
新谷・大囿研究室 2014年度引き継ぎ講習会 フレームワーク
kata shin
Plus de kata shin
(7)
アニメーションの実装つらい話
アニメーションの実装つらい話
6月26日 LT会
6月26日 LT会
JSSST 2014 発表資料
JSSST 2014 発表資料
Generational Layered Canvas Mechanism for Collaborative Web Applications
Generational Layered Canvas Mechanism for Collaborative Web Applications
新谷研プログラミングコンテスト2014 発表資料
新谷研プログラミングコンテスト2014 発表資料
JSAI2014 発表資料
JSAI2014 発表資料
新谷・大囿研究室 2014年度引き継ぎ講習会 フレームワーク
新谷・大囿研究室 2014年度引き継ぎ講習会 フレームワーク
Dernier
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
Dernier
(7)
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
Riot.js と戦った話 (8月26日 oRo LT 会)
1.
Riot.jsと戦った話 片山真也 フロントエンドエンジニア
2.
3.
4.
React
5.
Riot.js
6.
<ul> <li each=“{ item,
i in list }”>{ item.text }</li> </ul>
7.
<input type=“text” value=“{
text }” onchange=“{ onChangeInput }”>
8.
<div class=“item {
selected: selected == item }” each=“{ item in list }”> { item.text } </div> シンタックスの数が少なく、 短い学習ですぐに書ける
9.
10.
React-like とつくからには Flux
っぽく書きたい
11.
Riot.js Custom tags (View +
Action) <modal> <accordion> <profile> EJS RiotControlDispatcher ModalStore AccordionStore ProfileStoreStore WebPack 業務ではこんな感じの構成で使ってるけど、 双方向にデータが流れてるから Flux のような何か
12.
RiotControl はたったの 17
行のライブラリ
13.
RiotControl.on(‘updateMessage’, (messages) =>
{ this.messages = messages; this.update(); }); Dispatcher として使える
14.
他の実装だと riot-todo が
Flux を実現しつつ、 簡略なコードで良い感じ
15.
Riot.js バグが割と多い
16.
業務で使っている時も結構地雷踏みました
17.
何度もバージョンを変えつつバグを避けたり
18.
RiotControl も実装が簡単すぎるので、 使い方を気をつけないと意図しない動作が
19.
each={ item, index
in list } のバグ インデックスが一文字に (index -> x) ネストしてると値がおかしくなる each をネストさせると riot.js 内部エラー 変数を省略すると update されない each 内のカスタムタグが取得できない etc… 最新版では直ってる (はず)
20.
21.
22.
Riot.js 2.2.4 は
(たぶん) 安定してるので、 2.2.4 を使いましょう
Télécharger maintenant