Upgrade to Pro — share decks privately, control downloads, hide ads and more …

websocket.el and its demo applications

97296a20d14bf2a1d6285fbdf33f8279?s=47 Syohei YOSHIDA
October 20, 2012
Programming
0
1.1k

websocket.el and its demo applications

websocket.el lets us develop emacs application which communicates with Web Application.

97296a20d14bf2a1d6285fbdf33f8279?s=128

Syohei YOSHIDA

October 20, 2012
Tweet

More Decks by Syohei YOSHIDA

See All by Syohei YOSHIDA
97296a20d14bf2a1d6285fbdf33f8279?s=48 syohex
15
8k
97296a20d14bf2a1d6285fbdf33f8279?s=48 syohex
1
230
97296a20d14bf2a1d6285fbdf33f8279?s=48 syohex
0
140
97296a20d14bf2a1d6285fbdf33f8279?s=48 syohex
1
63
97296a20d14bf2a1d6285fbdf33f8279?s=48 syohex
2
3k
97296a20d14bf2a1d6285fbdf33f8279?s=48 syohex
2
710
97296a20d14bf2a1d6285fbdf33f8279?s=48 syohex
1
430

Other Decks in Programming

See All in Programming
948c23c57a850629ff283f2a83088173?s=48 yotuba088
2
600
Ad2155c75c67c0100dd008ad10858de5?s=48 legalforce
PRO
0
650
A7c0e931e8189d7a709eaebb44ed69d4?s=48 rince
3
240
Dcbf2269af2483cabf43128ad1718c11?s=48 grapecity_dev
0
210
471605f6e94a32caa4b0101524f80429?s=48 kimyan
3
420
Eeedbe91225c0207014a46f09eea1d30?s=48 nearmugi
0
190
Ad2155c75c67c0100dd008ad10858de5?s=48 legalforce
PRO
1
720
Ff1e356e879c9a03c73e7891cb9d63a6?s=48 makomakok
1
260
C6860c38adec703e995505b9afa12c83?s=48 yumemi
1
100
B5582ce2d9959dfcff0384a07003e188?s=48 mackee
0
610
3009eedce0d0f7ae45987a7bd8f57b85?s=48 nkjzm
1
200
Dcbf2269af2483cabf43128ad1718c11?s=48 grapecity_dev
0
180

Featured

See All Featured
78b475797a14c84799063c7cd073962f?s=48 holman
288
130k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
190
17k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
219
15k
245cee81a9c424266e5e401d844ea881?s=48 lara
15
2.7k
78b475797a14c84799063c7cd073962f?s=48 holman
447
130k
0c6fd6a08d0f898159cda7cafcacf07f?s=48 afnizarnur
176
14k
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
257
17k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
311
21k
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
157
6.4k
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
237
23k
Dafc4723e9a1c067796c0fec6f509774?s=48 lemiorhan
627
43k
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
6
720

Transcript

  1. websocket.el Syohei Yoshida Kansai Emacs x06

  2. websocket.el • Emacs Lispによる WebSocketの実装 • https://github.com/ahyatt/emacs-websocket

  3. WebSocketを使うことの利点

  4. Webアプリと Emacsとの リアルタイムでの 連携が可能に!!

  5. デモ 1 Emacsからブラウザの活用 (Elisp 97 lines, Perl 120 lines)

  6. Realtime Markdown Viewer Emacs (1) コマンド毎にバッファの内容を WebAppに送信 WebApp (2) Markdownを

    HTMLに変換し、ブラウザ側の WebSocketに送信 JavaScript (3) WebAppから受け取った HTMLを DOMに反映

  7. デモ 2 ブラウザからEmacsの活用 (Elisp 73 lines, Perl 131 lines)

  8. Browser Emacs Lisp REPL JavaScript (1) textareaの内容を WebAppに送る (5) WebAppから返ってきた内容を

    DOMに反映 WebApp (2) JavaScriptから送れた内容を Emacsに送る (4) Emacsから送られてきた内容を JavaScriptに送る Emacs (3) 送られた文字列を evalし、結果を WebAppに返す

  9. デモ 3 チャットアプリ (Elisp 97 lines, Perl 133 lines)

  10. チャットアプリ Emacs, JavaScript (1) 入力文字列を WebAppに送る (3) バッファ or DOMに反映

    WebApp (2) 送られてきた文字列をすべての WebSocketに送る

  11. websocket.elを使うことで Webアプリとの連携を簡単に!! Emacs + ブラウザの活用

  12. websocket.elで Webアプリとの素敵な連携を!!

  13. 本日紹介したデモ • https://github.com/syohex/emacs-realtime-markdown-viewer • https://github.com/syohex/emacs-ws-elisp-repl • https://github.com/syohex/emacs-ws-chat

  14. ご清聴ありがとうございました