websocket.el and its demo applications

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

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