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
380
My Recent Emacs Works
syohex
0
200
Introduction of creating Emacs Lisp Package
syohex
1
130
Emacs Introduction at LLDiver
syohex
2
3.1k
Recent Emacs Work
syohex
2
780
Introduce git-gutter.el
syohex
1
500
Other Decks in Programming
See All in Programming
[NG India] Event-Based State Management with NgRx SignalStore
markostanimirovic
1
110
5年間継続して開発した自作OSSの記録
bebeji_nappa
0
170
英語 × の私が、生成AIの力を借りて、OSSに初コントリビュートした話
personabb
0
180
PHPバージョンアップから始めるOSSコントリビュート / how2oss-contribute
dmnlk
1
990
フロントエンドテストの育て方
quramy
11
2.9k
エンジニア未経験が最短で戦力になるためのTips
gokana
0
260
趣味全開のAITuber開発
kokushin
0
190
Youtube Lofier - Chrome拡張開発
ninikoko
0
2.4k
スモールスタートで始めるためのLambda×モノリス
akihisaikeda
2
170
Kubernetesで実現できるPlatform Engineering の現在地
nwiizo
3
1.9k
Develop Faster With FrankenPHP
dunglas
2
3.2k
Qiita Bash
mercury_dev0517
1
190
Featured
See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
47
2.4k
Making the Leap to Tech Lead
cromwellryan
133
9.2k
Gamification - CAS2011
davidbonilla
81
5.2k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Agile that works and the tools we love
rasmusluckow
328
21k
How GitHub (no longer) Works
holman
314
140k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.5k
Facilitating Awesome Meetings
lara
54
6.3k
4 Signs Your Business is Dying
shpigford
183
22k
Product Roadmaps are Hard
iamctodd
PRO
52
11k
Git: the NoSQL Database
bkeepers
PRO
430
65k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
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
ご清聴ありがとうございました