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
0
1.2k
websocket.el and its demo applications
websocket.el lets us develop emacs application which communicates with Web Application.
Syohei YOSHIDA
October 20, 2012
Tweet
Share
More Decks by Syohei YOSHIDA
See All by Syohei YOSHIDA
yapc-hokkaido-2016
syohex
15
8.8k
Dynamic Module
syohex
1
400
My Recent Emacs Works
syohex
0
200
Introduction of creating Emacs Lisp Package
syohex
1
140
Emacs Introduction at LLDiver
syohex
2
3.2k
Recent Emacs Work
syohex
2
790
Introduce git-gutter.el
syohex
1
520
Other Decks in Programming
See All in Programming
物語を動かす行動"量" #エンジニアニメ
konifar
14
5.5k
Portapad紹介プレゼンテーション
gotoumakakeru
1
130
レガシープロジェクトで最大限AIの恩恵を受けられるようClaude Codeを利用する
tk1351
3
1.3k
なぜ今、Terraformの本を書いたのか? - 著者陣に聞く!『Terraformではじめる実践IaC』登壇資料
fufuhu
4
660
AWS Serverless Application Model入門_20250708
smatsuzaki
0
140
コーディングエージェント時代のNeovim
key60228
1
110
The State of Fluid (2025)
s2b
0
200
Rancher と Terraform
fufuhu
0
110
[FEConf 2025] 모노레포 절망편, 14개 레포로 부활하기까지 걸린 1년
mmmaxkim
0
1.1k
Ruby Parser progress report 2025
yui_knk
1
120
コーディングは技術者(エンジニア)の嗜みでして / Learning the System Development Mindset from Rock Lady
mackey0225
2
580
UbieのAIパートナーを支えるコンテキストエンジニアリング実践
syucream
2
730
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
A Modern Web Designer's Workflow
chriscoyier
695
190k
Typedesign – Prime Four
hannesfritz
42
2.8k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.6k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
[RailsConf 2023] Rails as a piece of cake
palkan
56
5.8k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.6k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
6k
Automating Front-end Workflow
addyosmani
1370
200k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
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
ご清聴ありがとうございました