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

websocket.el and its demo applications

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.

Syohei YOSHIDA

October 20, 2012
Tweet

More Decks by Syohei YOSHIDA

See All by Syohei YOSHIDA
yapc-hokkaido-2016
syohex
15
8.4k
Dynamic Module
syohex
1
280
My Recent Emacs Works
syohex
0
170
Introduction of creating Emacs Lisp Package
syohex
1
77
Emacs Introduction at LLDiver
syohex
2
3k
Recent Emacs Work
syohex
2
740
Introduce git-gutter.el
syohex
1
450

Other Decks in Programming

See All in Programming
Showkase、Paparazziを用いたビジュアルリグレッションテストの導入にチャレンジした話 / MoT TechTalk #15
mot_techtalk
0
110
Qiita Night PHP 2023
fuwasegu
0
11k
Zynq MP SoC で楽しむエッジコンピューティング ～RTLプログラミングのススメ～
ryuz88
0
350
10年以上続くプロダクトの フロントエンド刷新プロジェクトのふりかえり
yotahada3
2
320
Gradle build: The time is now
nonews
1
460
WordPress（再）入門 - 基礎知識・環境編
oleindesign
1
130
Rust、何もわからない...#6発表資料
ryu19
0
120
An Advanced Introduction to R
nicetak
0
1.8k
花き業界のサプライチェーンを繋げるプロダクト開発の進め方
userlike1
0
170
ポケモンで学ぶiOS 16弾丸ツアー 🚅
giginet
PRO
1
610
まだ日本国内で利用できないAppActionsにトライしてみた / MoT TechTalk #15
mot_techtalk
0
110
OSSから学んだPR Descriptionの書き方
fugakkbn
4
130

Featured

See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
44
14k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
239
19k
Building Flexible Design Systems
yeseniaperezcruz
314
35k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
2
400
Fireside Chat
paigeccino
16
1.8k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
15
1.2k
Put a Button on it: Removing Barriers to Going Fast.
kastner
56
2.5k
Fantastic passwords and where to find them - at NoRuKo
philnash
32
1.8k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
500
130k
We Have a Design System, Now What?
morganepeng
37
5.9k
Happy Clients
brianwarren
90
5.8k
Statistics for Hackers
jakevdp
785
210k

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