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.2k
0
Share
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
430
My Recent Emacs Works
syohex
0
210
Introduction of creating Emacs Lisp Package
syohex
1
150
Emacs Introduction at LLDiver
syohex
2
3.2k
Recent Emacs Work
syohex
2
800
Introduce git-gutter.el
syohex
1
530
Other Decks in Programming
See All in Programming
[RubyKaigi 2026] Require Hooks
palkan
1
200
Alternatives to JPA 2026
debop
0
110
ルールルルルルRubyの中身の予備知識 ── RubyKaigiの前に予習しなイカ?
ydah
1
180
UIの境界線をデザインする | React Tokyo #15 メイントーク
sasagar
2
360
「話せることがない」を乗り越える 〜日常業務から登壇テーマをつくる思考法〜
shoheimitani
4
810
의존성 주입과 모듈화
fornewid
0
140
Don't Prompt Harder, Structure Better
kitasuke
0
770
YJITとZJITにはイカなる違いがあるのか?
nakiym
0
220
AWS re:Invent 2025の少し振り返り + DevOps AgentとBacklogを連携させてみた
satoshi256kbyte
3
160
AI時代のエンジニアリングの原則 / Engineering Principles in the AI Era
haru860
0
340
GNU Makeの使い方 / How to use GNU Make
kaityo256
PRO
16
5.6k
PCOVから学ぶコードカバレッジ #phpcon_odawara
o0h
PRO
0
270
Featured
See All Featured
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
1
270
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.4k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2k
Claude Code のすすめ
schroneko
67
220k
The Cult of Friendly URLs
andyhume
79
6.8k
Tell your own story through comics
letsgokoyo
1
900
Skip the Path - Find Your Career Trail
mkilby
1
110
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
520
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
500
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.2k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.8k
The Curse of the Amulet
leimatthew05
1
11k
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
ご清聴ありがとうございました