websocket.el and its demo applications

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

Transcript

1. websocket.el
   Syohei Yoshida
   Kansai Emacs x06
   

   View Slide

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

   View Slide

3. WebSocketを使うことの利点
   

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide