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

websocket.el and its demo applications

websocket.el and its demo applications

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

Syohei YOSHIDA

October 20, 2012
Tweet

More Decks by Syohei YOSHIDA

Other Decks in Programming

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