Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
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
Share
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
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
ご清聴ありがとうございました