100311 Dev Fest2010
-
Upload
kensaku-komatsu -
Category
Technology
-
view
1.200 -
download
2
description
Transcript of 100311 Dev Fest2010
![Page 1: 100311 Dev Fest2010](https://reader034.fdocument.pub/reader034/viewer/2022051611/54b774874a7959db2c8b4822/html5/thumbnails/1.jpg)
5 分でできる、html5 CRUD appl.Web Messaging rpc meets Ruby
on Rails♪2010.3.11(thu) Google DevFest 2010
小松 けんさく(こまっしゅ)http://twitter.com/komasshu
![Page 2: 100311 Dev Fest2010](https://reader034.fdocument.pub/reader034/viewer/2022051611/54b774874a7959db2c8b4822/html5/thumbnails/2.jpg)
自己紹介
勤務先: NTT Communications Corp.
Community : html5-developers-jp› Web SQL Database› Web Sockets› …
![Page 3: 100311 Dev Fest2010](https://reader034.fdocument.pub/reader034/viewer/2022051611/54b774874a7959db2c8b4822/html5/thumbnails/3.jpg)
“Web Workers は、
革命だ”Shumpei Shiraishi
(2010.2.19 @ developer’s summit 2010)
![Page 4: 100311 Dev Fest2010](https://reader034.fdocument.pub/reader034/viewer/2022051611/54b774874a7959db2c8b4822/html5/thumbnails/4.jpg)
Web Messaging rpc
http://www.slideshare.net/shumpei/html5-web-messagingweb
![Page 5: 100311 Dev Fest2010](https://reader034.fdocument.pub/reader034/viewer/2022051611/54b774874a7959db2c8b4822/html5/thumbnails/5.jpg)
fine♪
![Page 6: 100311 Dev Fest2010](https://reader034.fdocument.pub/reader034/viewer/2022051611/54b774874a7959db2c8b4822/html5/thumbnails/6.jpg)
調べてみた
http://code.google.com/p/web-messaging-rpc/
![Page 7: 100311 Dev Fest2010](https://reader034.fdocument.pub/reader034/viewer/2022051611/54b774874a7959db2c8b4822/html5/thumbnails/7.jpg)
Great!!
![Page 8: 100311 Dev Fest2010](https://reader034.fdocument.pub/reader034/viewer/2022051611/54b774874a7959db2c8b4822/html5/thumbnails/8.jpg)
Bye-bye spaghetti!!
![Page 9: 100311 Dev Fest2010](https://reader034.fdocument.pub/reader034/viewer/2022051611/54b774874a7959db2c8b4822/html5/thumbnails/9.jpg)
あまりにも
感動したので・・
![Page 10: 100311 Dev Fest2010](https://reader034.fdocument.pub/reader034/viewer/2022051611/54b774874a7959db2c8b4822/html5/thumbnails/10.jpg)
コミッターになりました ww
![Page 11: 100311 Dev Fest2010](https://reader034.fdocument.pub/reader034/viewer/2022051611/54b774874a7959db2c8b4822/html5/thumbnails/11.jpg)
はじめの一歩
![Page 12: 100311 Dev Fest2010](https://reader034.fdocument.pub/reader034/viewer/2022051611/54b774874a7959db2c8b4822/html5/thumbnails/12.jpg)
Rails に組み込んでみました。
UIlayer
BLlayer
ActionController
ActiveRecord DB
Create
Retrieve
Update
Delete
Html5(web messaging rpc) Ruby on Rails
Html5 meets Rails!!Html5 meets Rails!!
![Page 13: 100311 Dev Fest2010](https://reader034.fdocument.pub/reader034/viewer/2022051611/54b774874a7959db2c8b4822/html5/thumbnails/13.jpg)
早速Demoww
![Page 14: 100311 Dev Fest2010](https://reader034.fdocument.pub/reader034/viewer/2022051611/54b774874a7959db2c8b4822/html5/thumbnails/14.jpg)
これだけ恐るべし WMR + Rails
$ rails sample$ cd sample$ mkdir lib/generators$ cp -r ../wmr_komasshold lib/generators/$ ruby script/generate wmr_komasshold bookservice title:string price:integer author:string$ rake db:migrate$ ruby script/server
![Page 15: 100311 Dev Fest2010](https://reader034.fdocument.pub/reader034/viewer/2022051611/54b774874a7959db2c8b4822/html5/thumbnails/15.jpg)
BL 層 (Worker) のコードはこんな感じno postmessage & onmessage
importScripts("/javascripts/webrpc.js");
new webrpc.Service("model", { find: function(obj) { // Retrieve var req = new XMLHttpRequest(); req.open("GET", "/"+obj.plural+".json", false);
recv = req.send();
if(req.status == 200) return eval("("+req.responseText+")"); else return null; },
![Page 16: 100311 Dev Fest2010](https://reader034.fdocument.pub/reader034/viewer/2022051611/54b774874a7959db2c8b4822/html5/thumbnails/16.jpg)
今週末 commit 予定よろしければ試してみて下さい
http://code.google.com/p/web-messaging-rpc/