Más contenido relacionado
La actualidad más candente (20)
Similar a 120512 metro styleapp_javascript (20)
Más de Takayoshi Tanaka (20)
120512 metro styleapp_javascript
- 2. 自己紹介
Twitter: tanaka_733
仕事 Blog: 銀の光と碧い空
とあるPaaS開発・運 http://techblog.hilife-
用 jp.info/
Java / Node.js / Ruby
趣味
Silverlight / WP7
Kinect / Metro style
- 3. Metro style apps using JavaScript
Metro style apps 開発
C#/VB C# / VB
JavaScript
JavaScript
JavaScriptが使える
IE10でのレンダリングが使われる
JavaScriptでの入門記事
JavaScript を使った初めての
Metro スタイル アプリの作成 IE10
- 6. 今回のテーマ
Server/Client(Metro)の両方を
JavaScriptで開発してみよう
Metro style app
Node.js
using JavaScript
WebSocket を使って
双方向通信をしてみよう
- 7. 作ってみたアプリがこちら
WebSocketを使ったChatアプリ
Web版はこちら
http://techblog.hilife-jp.info:3000/
MetroStyleApp版のデモ
ソースはGitで公開
Server+Web版:
https://github.com/tanaka-takayoshi/ws-chat
Metro style apps:
https://github.com/tanaka-takayoshi/metro-js-ws-chat
- 12. Node.js in Windows
Windows でのサポート
MSの協力によりv0.6 (安定版)より
Azureでもサポート asynchronous
IDEは?
Cloud9 IDE がおすすめ
http://c9.io/
Node.js 製のWebベースIDE
Visual Studio 使えないかなぁ・・・ Non-Blocking
I/O
Azure, Joyent, Cloud
Foundry などにもデプロイ
可能
- 18. WebSocket in Metro style apps
WebSocket クライアントを
Metro Style apps で使うことができる
参考記事
http://msdn.microsoft.com/ja-
jp/library/hh673567(v=vs.85).aspx
でもWebSocketを直接触るのはちょっとめんどい
- 22. socket.io をMetro style で使うには
通常のWebアプリでは
<context>/socket.io/socket.io.js
にクライアント側のjsファイルが
socket.ioモジュールにより自動的に置かれます
Metroでは以下にあるファイルをjsフォルダにコピー
node_modulessocket.ionode_modulessocket.
io-clientdistsocket.io(.min).js
- 23. socket.io.js をMetro style で使う場合の注意
そのまま使うとこういうエラーが出ました
(動作に影響なし)
おそらく、socket.io.js で、FlashSocketを
使う部分で例外が出ていると思われます
暫定:該当部分をコメントアウトする
socket.io.js の 2445~2635行目
- 35. まとめ
Node.js を使えば、
サーバーサイドもJavaScriptで開発できる
Metro style app JavaScriptの
using JavaScript メリット?
socket.ioを使えば
WebSocketも簡単に使える
- 36. This pptx’s theme is provided by
@ColinEberhardt
http://www.scottlogic.co.uk/blog/colin/2011/1
2/a-metro-themed-powerpoint-template/