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
8.2k
97296a20d14bf2a1d6285fbdf33f8279?s=48 syohex
1
260
97296a20d14bf2a1d6285fbdf33f8279?s=48 syohex
0
150
97296a20d14bf2a1d6285fbdf33f8279?s=48 syohex
1
67
97296a20d14bf2a1d6285fbdf33f8279?s=48 syohex
2
3k
97296a20d14bf2a1d6285fbdf33f8279?s=48 syohex
2
720
97296a20d14bf2a1d6285fbdf33f8279?s=48 syohex
1
440

Other Decks in Programming

See All in Programming
4a0e3afe85259f2973dbc9386b6a4bb3?s=48 ikumatadokoro
1
240
Db8a7eb9cf22f26cedce8295a53c8d7c?s=48 kawazu
0
360
1bfc6e2ed04a895bb36f36b86828b689?s=48 110y
0
120
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
1
130
2594ac7ce91fd7d9a3ce71ca7cc2d0c0?s=48 d_date
3
800
E55fbffb4afd0a84d36c945ed68d8c19?s=48 caddi_eng
0
440
7166bc2cbc462ab5fd1987a76d0fe709?s=48 takahirom
1
730
399e7330fa2a9ed06cbe81308ba8db6e?s=48 yug1224
0
190
404a34d5e0d3d7b38237a8cbecf4c18a?s=48 seiseikai123
0
230
646a01801bac1886ddf86aee2de913ed?s=48 miyukki
0
130
B03c47042f27235b4ddd97621c02df81?s=48 storz
0
110
9f2edd3fb2cc8feb20221138ca91d9fc?s=48 kuriko
0
290

Featured

See All Featured
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
194
9.1k
E6c6e133e74c3b83f04d2861deaa1c20?s=48 searls
208
39k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
396
61k
Ecdea9b9714877b86cee08458f085481?s=48 trallard
27
1.3k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
106
12k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
415
59k
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
178
8.3k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
237
18k
C620790ae5bf5b50c245b2e0ef95f338?s=48 deanohume
294
28k
1b75d89772b7eea1f6c89fbf362607d9?s=48 moore
129
22k
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
405
20k
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
259
17k

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. ご清聴ありがとうございました