Submit Search
Upload
Riot.js と戦った話 (8月26日 oRo LT 会)
•
3 likes
•
2,047 views
kata shin
Follow
8月26日の oRo LT 会で話した内容です。 実際に使ったものに文字を追加するなどしてます。
Read less
Read more
Technology
Report
Share
Report
Share
1 of 22
Download now
Download to read offline
Recommended
まだDOM操作で消耗してるの?
まだDOM操作で消耗してるの?
IRI MO
社内LTで発表した React.js(0.14)の紹介
Starting java fx
Starting java fx
Kazuhiro Eguchi
React.jsでクライアントサイドなWebアプリ入門
React.jsでクライアントサイドなWebアプリ入門
spring_raining
KC3 2015にて発表したスライドです。 written by @spring_raining
JavaScriptCore.framework の普通な使い方 #cocoa_kansai
JavaScriptCore.framework の普通な使い方 #cocoa_kansai
Tomohiro Kumagai
Objective-C や Swift のネイティブコードから JavaScript をランタイムで実行するための JavaScriptCore.framework のお話です。基本的な機能の説明と、注意点を整理して紹介しています。
React+TypeScriptもいいぞ
React+TypeScriptもいいぞ
Mitsuru Ogawa
2016/11/28 dots. フロントエンドエンジニア部 創立ビアバッシュ<会!https://eventdots.jp/event/605542
TypeScript 言語処理系ことはじめ
TypeScript 言語処理系ことはじめ
Yu Nobuoka
Kyoto.js #1 で発表した TypeScript 言語処理系を触る話です。 ブログ記事も合わせてご覧ください: http://vividcode.hatenablog.com/entry/study-meeting/kyotojs-1-typescript-lp-startup
ECMAScript6による関数型プログラミング
ECMAScript6による関数型プログラミング
TanUkkii
2014/10/29のES6+カジュアルトークで発表した資料です。
RxJava on Android
RxJava on Android
yo_waka
RxJava NightのLTで発表した資料です。
Recommended
まだDOM操作で消耗してるの?
まだDOM操作で消耗してるの?
IRI MO
社内LTで発表した React.js(0.14)の紹介
Starting java fx
Starting java fx
Kazuhiro Eguchi
React.jsでクライアントサイドなWebアプリ入門
React.jsでクライアントサイドなWebアプリ入門
spring_raining
KC3 2015にて発表したスライドです。 written by @spring_raining
JavaScriptCore.framework の普通な使い方 #cocoa_kansai
JavaScriptCore.framework の普通な使い方 #cocoa_kansai
Tomohiro Kumagai
Objective-C や Swift のネイティブコードから JavaScript をランタイムで実行するための JavaScriptCore.framework のお話です。基本的な機能の説明と、注意点を整理して紹介しています。
React+TypeScriptもいいぞ
React+TypeScriptもいいぞ
Mitsuru Ogawa
2016/11/28 dots. フロントエンドエンジニア部 創立ビアバッシュ<会!https://eventdots.jp/event/605542
TypeScript 言語処理系ことはじめ
TypeScript 言語処理系ことはじめ
Yu Nobuoka
Kyoto.js #1 で発表した TypeScript 言語処理系を触る話です。 ブログ記事も合わせてご覧ください: http://vividcode.hatenablog.com/entry/study-meeting/kyotojs-1-typescript-lp-startup
ECMAScript6による関数型プログラミング
ECMAScript6による関数型プログラミング
TanUkkii
2014/10/29のES6+カジュアルトークで発表した資料です。
RxJava on Android
RxJava on Android
yo_waka
RxJava NightのLTで発表した資料です。
Google Gears データベースの基礎
Google Gears データベースの基礎
webos-goodies
2007年の Google Gears デベロッパー交流会のために用意したスライドです(けっきょく使わなかったけど)。
Wpfと非同期
Wpfと非同期
yone64
Lt 111217
Lt 111217
Tomoyuki Obi
2011/12/17 ハイパーカソウ化にておこった LT [アレっぽく Hyper-V を管理]
Sencha ug3 siesta_share
Sencha ug3 siesta_share
久司 中村
Sencha UG 勉強会 @Tokyo #3 での発表。「Ext JSのテストをSiesta で書く」のスライドです。 ソースは、https://github.com/sunvisor/IntroSiesta に置きました。
jQuery Validation x ASP.NET MVC で遭遇した不具合 & 対抗ハック
jQuery Validation x ASP.NET MVC で遭遇した不具合 & 対抗ハック
Jun-ichi Sakamoto
Community Open Day 2012 北海道会場 セッション2
【YAPC::Asia Hachioji 2016】ES2015のclassでアプリケーションを書いてみた話
【YAPC::Asia Hachioji 2016】ES2015のclassでアプリケーションを書いてみた話
Hiroyuki Kusu
2016/07/02-03に開催された YAPC::Asia Hachioji 2016 mid in Shinagawa (http://yapcasia8oji-2016mid.hachiojipm.org) での発表資料です。
これからのJavaScriptー関数型プログラミングとECMAScript6
これからのJavaScriptー関数型プログラミングとECMAScript6
TanUkkii
2014/9/5にLIG社で行われたWebフロント勉強会で発表した資料です。
Backbone.js
Backbone.js
daisuke shimizu
第31回HTML5とか勉強会で発表したBackbone.jsの資料
System2
System2
Jun Chiba
後期第三回ネットワークチーム講座資料
後期第三回ネットワークチーム講座資料
densan_teacher
電算
jQuery超入門編
jQuery超入門編
Yasuhito Yabe
「超入門編」と謳っていますが、入門編としては難しく、経験者には簡単過ぎる、中途半端なプレゼンです。 2012年5月12日開催、Knock! Knock! 勉強会発表資料
Ajax 応用
Ajax 応用
Katsuyuki Seino
実践 Reactive Extensions
実践 Reactive Extensions
Shin Ise
Html5 Web Applications
Html5 Web Applications
totty jp
学生向けAndroid勉強会(入門編)
学生向けAndroid勉強会(入門編)
Itsuki Kuroda
2012/02/21 RECRUIT MediaTechnologyLabs主催の学生向けAndroid入門勉強会の資料です。
Visualforce + jQuery
Visualforce + jQuery
Salesforce Developers Japan
2012年12月6日 Cloudforce Japan Developer Zone内のシアターで講演された資料です。
Pro aspnetmvc3framework chap19
Pro aspnetmvc3framework chap19
Hideki Hashizume
第3回Webkit/HTML5勉強会 - File APIと加速度センサー
第3回Webkit/HTML5勉強会 - File APIと加速度センサー
nakamura001
第3回Webkit/HTML5勉強会で発表した「File APIと加速度センサー」のプレゼン資料。 ※プレゼン資料だけで理解出来るように一部修正有り。
Lt 111119
Lt 111119
Tomoyuki Obi
2011/11/19 CLR/H にて行った LT [WF から WPF を操る!]
Apache Torqueについて
Apache Torqueについて
tako pons
Apache Torque(あぱっち・とるく) について Javaツール勉強会@福岡 2016/08 ~データベースツールとかいろいろ~
春のJs祭り2015 lt
春のJs祭り2015 lt
Yusuke Katsuki
haruno javascript matsuri
やや関数型を意識した風Elixir/Phoenixご紹介
やや関数型を意識した風Elixir/Phoenixご紹介
fukuoka.ex
やや関数型を意識した内容のElixir/Phoenixをご紹介するスライドです
More Related Content
What's hot
Google Gears データベースの基礎
Google Gears データベースの基礎
webos-goodies
2007年の Google Gears デベロッパー交流会のために用意したスライドです(けっきょく使わなかったけど)。
Wpfと非同期
Wpfと非同期
yone64
Lt 111217
Lt 111217
Tomoyuki Obi
2011/12/17 ハイパーカソウ化にておこった LT [アレっぽく Hyper-V を管理]
Sencha ug3 siesta_share
Sencha ug3 siesta_share
久司 中村
Sencha UG 勉強会 @Tokyo #3 での発表。「Ext JSのテストをSiesta で書く」のスライドです。 ソースは、https://github.com/sunvisor/IntroSiesta に置きました。
jQuery Validation x ASP.NET MVC で遭遇した不具合 & 対抗ハック
jQuery Validation x ASP.NET MVC で遭遇した不具合 & 対抗ハック
Jun-ichi Sakamoto
Community Open Day 2012 北海道会場 セッション2
【YAPC::Asia Hachioji 2016】ES2015のclassでアプリケーションを書いてみた話
【YAPC::Asia Hachioji 2016】ES2015のclassでアプリケーションを書いてみた話
Hiroyuki Kusu
2016/07/02-03に開催された YAPC::Asia Hachioji 2016 mid in Shinagawa (http://yapcasia8oji-2016mid.hachiojipm.org) での発表資料です。
これからのJavaScriptー関数型プログラミングとECMAScript6
これからのJavaScriptー関数型プログラミングとECMAScript6
TanUkkii
2014/9/5にLIG社で行われたWebフロント勉強会で発表した資料です。
Backbone.js
Backbone.js
daisuke shimizu
第31回HTML5とか勉強会で発表したBackbone.jsの資料
System2
System2
Jun Chiba
後期第三回ネットワークチーム講座資料
後期第三回ネットワークチーム講座資料
densan_teacher
電算
What's hot
(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
後期第三回ネットワークチーム講座資料
後期第三回ネットワークチーム講座資料
Similar to Riot.js と戦った話 (8月26日 oRo LT 会)
jQuery超入門編
jQuery超入門編
Yasuhito Yabe
「超入門編」と謳っていますが、入門編としては難しく、経験者には簡単過ぎる、中途半端なプレゼンです。 2012年5月12日開催、Knock! Knock! 勉強会発表資料
Ajax 応用
Ajax 応用
Katsuyuki Seino
実践 Reactive Extensions
実践 Reactive Extensions
Shin Ise
Html5 Web Applications
Html5 Web Applications
totty jp
学生向けAndroid勉強会(入門編)
学生向けAndroid勉強会(入門編)
Itsuki Kuroda
2012/02/21 RECRUIT MediaTechnologyLabs主催の学生向けAndroid入門勉強会の資料です。
Visualforce + jQuery
Visualforce + jQuery
Salesforce Developers Japan
2012年12月6日 Cloudforce Japan Developer Zone内のシアターで講演された資料です。
Pro aspnetmvc3framework chap19
Pro aspnetmvc3framework chap19
Hideki Hashizume
第3回Webkit/HTML5勉強会 - File APIと加速度センサー
第3回Webkit/HTML5勉強会 - File APIと加速度センサー
nakamura001
第3回Webkit/HTML5勉強会で発表した「File APIと加速度センサー」のプレゼン資料。 ※プレゼン資料だけで理解出来るように一部修正有り。
Lt 111119
Lt 111119
Tomoyuki Obi
2011/11/19 CLR/H にて行った LT [WF から WPF を操る!]
Apache Torqueについて
Apache Torqueについて
tako pons
Apache Torque(あぱっち・とるく) について Javaツール勉強会@福岡 2016/08 ~データベースツールとかいろいろ~
春のJs祭り2015 lt
春のJs祭り2015 lt
Yusuke Katsuki
haruno javascript matsuri
やや関数型を意識した風Elixir/Phoenixご紹介
やや関数型を意識した風Elixir/Phoenixご紹介
fukuoka.ex
やや関数型を意識した内容のElixir/Phoenixをご紹介するスライドです
ApexトリガのBest Practiceを目指して
ApexトリガのBest Practiceを目指して
Takahiro Yonei
Apex Trigger (Tokyo Salesforce Developer Group Meetup #18)
from old Java to modern Java
from old Java to modern Java
心 谷本
JJUGナイトセミナー2013年6月の発表資料です
C#次世代非同期処理概観 - Task vs Reactive Extensions
C#次世代非同期処理概観 - Task vs Reactive Extensions
Yoshifumi Kawai
RIA アーキテクチャー研究会 第3回 http://atnd.org/events/24951
Entity Framework 5.0 deep dive
Entity Framework 5.0 deep dive
Atsushi Fukui
ADO.NET Entity Framework Deep Dive. 2013/08/03 Hokuriku.NET in Fukui. Atsushi Fukui
[東京] JapanSharePointGroup 勉強会 #2
[東京] JapanSharePointGroup 勉強会 #2
Atsuo Yamasaki
株式会社アンクの山本さんのPowerShellセッション
jqで極めるシェル芸の話
jqで極めるシェル芸の話
Yoichi Toyota
JSONを整形するコマンドだと思われがちなjqコマンド、実はかなり高性能で、これを使いこなせるとシェル芸が捗ります!
Reactive Extensionsで非同期処理を簡単に
Reactive Extensionsで非同期処理を簡単に
Yoshifumi Kawai
すまべん関東 Rx資料
Similar to 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で非同期処理を簡単に
More from kata shin
アニメーションの実装つらい話
アニメーションの実装つらい話
kata shin
第2回 #megroes で飛び入り LT した時のスライドです。
6月26日 LT会
6月26日 LT会
kata shin
Operational Transformation に関する話。
JSSST 2014 発表資料
JSSST 2014 発表資料
kata shin
第31回ソフトウェア科学会の発表スライドです。
Generational Layered Canvas Mechanism for Collaborative Web Applications
Generational Layered Canvas Mechanism for Collaborative Web Applications
kata shin
ESKM2014
新谷研プログラミングコンテスト2014 発表資料
新谷研プログラミングコンテスト2014 発表資料
kata shin
JSAI2014 発表資料
JSAI2014 発表資料
kata shin
新谷・大囿研究室 2014年度引き継ぎ講習会 フレームワーク
新谷・大囿研究室 2014年度引き継ぎ講習会 フレームワーク
kata shin
学部3年生向けの Ruby on Rails 講習で使うスライドです。
More from 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年度引き継ぎ講習会 フレームワーク
Recently uploaded
TaketoFujikawa_物語のコンセプトに基づく情報アクセス手法の基礎検討_JSAI2024
TaketoFujikawa_物語のコンセプトに基づく情報アクセス手法の基礎検討_JSAI2024
Matsushita Laboratory
浜松で開催されたJSAI2024(第38回)での発表.
CS集会#13_なるほどわからん通信技術 発表資料
CS集会#13_なるほどわからん通信技術 発表資料
Yuuitirou528 default
CS集会でお話した、通信技術のひとつである「変調」について解説した資料です。 https://x.com/vrc_cpu_science/status/1724784316738355560
遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化
遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化
t m
オープンエンドな進化から着想を得て、個々の大規模言語モデル(LLM)が、グループとして学習を進めながら、ノームエージェントとして機能するという概念を探求しています。これは、単一のモデルでは難しい複雑な問題を解決することを目的としています。具体的な方法として、遺伝的アルゴリズムと知識蒸留を組み合わせた学習プロセスを提案しています。知識蒸留によって学習を進め、同時に遺伝的アルゴリズムでハイパーパラメータを最適化することで、より効率的な学習を目指します。ドメインタスクとして、指示からPythonコードを生成するコード生成タスクを選択しました。実験では、学習に3つの学習モデルと1つの教師モデルを使用しました。その結果、HumanEvalのpass@1で精度が1.2%向上し、学習が進むにつれて学習率が最適化された兆候が見られました。しかし、大幅な精度向上を達成し、さまざまなハイパーパラメータを最適化するには、まだ課題が残っています。
JSAI_類似画像マッチングによる器への印象付与手法の妥当性検証_ver.3_高橋りさ
JSAI_類似画像マッチングによる器への印象付与手法の妥当性検証_ver.3_高橋りさ
0207sukipio
JSAI2024の発表スライドです.
This is the company presentation material of RIZAP Technologies, Inc.
This is the company presentation material of RIZAP Technologies, Inc.
chiefujita1
RIZAPテクノロジーズ株式会社の会社説明資料です。
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
CRI Japan, Inc.
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
Matsushita Laboratory
我々はこれまで,新たなモノを産出する過程において「便利にすること」によって副次的に生じる課題を「便利の副作用」と定義し,その低減を目的としてアイディアの発想支援手法を提案してきた. これまでの研究では,便利前後の行為の増減に着目することにより便利の副作用への気づきの誘発が示唆されたものの,行為の増減の提示による便利の副作用への気づきへの影響は十分に検討できていなかった. そのため,本稿では行為の提示により便利の副作用に気づき,それを防いだアイディアの発想の支援が可能かの検証を目的として実験を行い,その有効性について検証する. 実験では,行為の増減の提示の有無によりアイディア発想にどのような影響を与えるか検証を行う.
論文紹介:When Visual Prompt Tuning Meets Source-Free Domain Adaptive Semantic Seg...
論文紹介:When Visual Prompt Tuning Meets Source-Free Domain Adaptive Semantic Seg...
Toru Tamaki
Xinhong Ma, Yiming Wang, Hao Liu, Tianyu Guo, Yunhe Wang, "When Visual Prompt Tuning Meets Source-Free Domain Adaptive Semantic Segmentation" NeurIPS2023 https://proceedings.neurips.cc/paper_files/paper/2023/hash/157c30da6a988e1cbef2095f7b9521db-Abstract-Conference.html
Recently uploaded
(8)
TaketoFujikawa_物語のコンセプトに基づく情報アクセス手法の基礎検討_JSAI2024
TaketoFujikawa_物語のコンセプトに基づく情報アクセス手法の基礎検討_JSAI2024
CS集会#13_なるほどわからん通信技術 発表資料
CS集会#13_なるほどわからん通信技術 発表資料
遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化
遺伝的アルゴリズムと知識蒸留による大規模言語モデル(LLM)の学習とハイパーパラメータ最適化
JSAI_類似画像マッチングによる器への印象付与手法の妥当性検証_ver.3_高橋りさ
JSAI_類似画像マッチングによる器への印象付与手法の妥当性検証_ver.3_高橋りさ
This is the company presentation material of RIZAP Technologies, Inc.
This is the company presentation material of RIZAP Technologies, Inc.
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
LoRaWAN 4チャンネル電流センサー・コンバーター CS01-LB 日本語マニュアル
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
ReonHata_便利の副作用に気づかせるための発想支援手法の評価---行為の増減の提示による気づきへの影響---
論文紹介:When Visual Prompt Tuning Meets Source-Free Domain Adaptive Semantic Seg...
論文紹介:When Visual Prompt Tuning Meets Source-Free Domain Adaptive Semantic Seg...
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 を使いましょう
Download now