websocket.el and its demo applications

Slide 1

Slide 1 text

websocket.el Syohei Yoshida Kansai Emacs x06

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

WebSocketを使うことの利点

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

Realtime Markdown Viewer Emacs (1) コマンド毎にバッファの内容を WebAppに送信 WebApp (2) Markdownを HTMLに変換し、ブラウザ側の WebSocketに送信 JavaScript (3) WebAppから受け取った HTMLを DOMに反映

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

チャットアプリ Emacs, JavaScript (1) 入力文字列を WebAppに送る (3) バッファ or DOMに反映 WebApp (2) 送られてきた文字列をすべての WebSocketに送る

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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