Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
websocket.el and its demo applications
Search
Syohei YOSHIDA
October 20, 2012
Programming
1.3k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
websocket.el and its demo applications
websocket.el lets us develop emacs application which communicates with Web Application.
Syohei YOSHIDA
October 20, 2012
More Decks by Syohei YOSHIDA
See All by Syohei YOSHIDA
yapc-hokkaido-2016
syohex
15
8.9k
Dynamic Module
syohex
1
450
My Recent Emacs Works
syohex
0
220
Introduction of creating Emacs Lisp Package
syohex
1
160
Emacs Introduction at LLDiver
syohex
2
3.2k
Recent Emacs Work
syohex
2
820
Introduce git-gutter.el
syohex
1
540
Other Decks in Programming
See All in Programming
freee が目指す データ マネジメント戦略 AI-Ready 時代を支える 攻めのガバナンスとは
freee
PRO
0
450
関東Kaggler会_NVIDIA_Nemotron_コンペ_振り返り
rick_ds
0
680
源内ハンズオン概要編
hideg
0
210
「寝てても仕事が進む」Claude Codeで組む第二の脳
tomoyafujita2016
0
350
30年振りにコンパイラの定数整数除算を改善した
herumi
8
3.8k
My Marp Sample
sinoue0108
0
110
今さら聞けない .NET CLI
htkym
0
210
20260722_microCMSで考える、AI時代のコンテンツ運用設計
yosh1
0
450
Japan Community Day at Kubecon + CloudNativeCon Japan 2026: Learning Container Privilege Control by Building My Own Low-Level Container Runtime
ternbusty
1
170
freeeにおけるEvalsの実践例の紹介
freee
PRO
0
140
運用ダッシュボードの設計を誰も教えてくれないのだけどみなさんどうしてるんですか? - チームに監視するという文化を根付かせるための第一歩を踏みたい -
satoshi256kbyte
1
140
これって Effect でできたのでは? / TSKaigi Mashup Kansai #2
susisu
0
250
Featured
See All Featured
Evolving SEO for Evolving Search Engines
ryanjones
0
260
Building the Perfect Custom Keyboard
takai
2
850
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
73
41k
Raft: Consensus for Rubyists
vanstee
141
7.6k
4 Signs Your Business is Dying
shpigford
187
23k
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
370
The World Runs on Bad Software
bkeepers
PRO
72
12k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Producing Creativity
orderedlist
PRO
348
40k
Paper Plane
katiecoart
PRO
2
53k
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
680
Transcript
websocket.el Syohei Yoshida Kansai Emacs x06
websocket.el • Emacs Lispによる WebSocketの実装 • https://github.com/ahyatt/emacs-websocket
WebSocketを使うことの利点
Webアプリと Emacsとの リアルタイムでの 連携が可能に!!
デモ 1 Emacsからブラウザの活用 (Elisp 97 lines, Perl 120 lines)
Realtime Markdown Viewer Emacs (1) コマンド毎にバッファの内容を WebAppに送信 WebApp (2) Markdownを
HTMLに変換し、ブラウザ側の WebSocketに送信 JavaScript (3) WebAppから受け取った HTMLを DOMに反映
デモ 2 ブラウザからEmacsの活用 (Elisp 73 lines, Perl 131 lines)
Browser Emacs Lisp REPL JavaScript (1) textareaの内容を WebAppに送る (5) WebAppから返ってきた内容を
DOMに反映 WebApp (2) JavaScriptから送れた内容を Emacsに送る (4) Emacsから送られてきた内容を JavaScriptに送る Emacs (3) 送られた文字列を evalし、結果を WebAppに返す
デモ 3 チャットアプリ (Elisp 97 lines, Perl 133 lines)
チャットアプリ Emacs, JavaScript (1) 入力文字列を WebAppに送る (3) バッファ or DOMに反映
WebApp (2) 送られてきた文字列をすべての WebSocketに送る
websocket.elを使うことで Webアプリとの連携を簡単に!! Emacs + ブラウザの活用
websocket.elで Webアプリとの素敵な連携を!!
本日紹介したデモ • https://github.com/syohex/emacs-realtime-markdown-viewer • https://github.com/syohex/emacs-ws-elisp-repl • https://github.com/syohex/emacs-ws-chat
ご清聴ありがとうございました