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
370
My Recent Emacs Works
syohex
0
190
Introduction of creating Emacs Lisp Package
syohex
1
120
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
Rails アプリ地図考 Flush Cut
makicamel
1
110
AWS Organizations で実現する、 マルチ AWS アカウントのルートユーザー管理からの脱却
atpons
0
130
第3回 Snowflake 中部ユーザ会- dbt × Snowflake ハンズオン
hoto17296
4
360
ファインディの テックブログ爆誕までの軌跡
starfish719
2
1.1k
『GO』アプリ データ基盤のログ収集システムコスト削減
mot_techtalk
0
110
WebDriver BiDiとは何なのか
yotahada3
1
140
昭和の職場からアジャイルの世界へ
kumagoro95
1
350
『品質』という言葉が嫌いな理由
korimu
0
160
XStateを用いた堅牢なReact Components設計~複雑なClient Stateをシンプルに~ @React Tokyo ミートアップ #2
kfurusho
1
770
Lottieアニメーションをカスタマイズしてみた
tahia910
0
120
お前もAI鬼にならないか?👹Bolt & Cursor & Supabase & Vercelで人間をやめるぞ、ジョジョー!👺
taishiyade
5
3.8k
Linux && Docker 研修/Linux && Docker training
forrep
23
4.5k
Featured
See All Featured
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
1k
Unsuck your backbone
ammeep
669
57k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Designing for Performance
lara
604
68k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Git: the NoSQL Database
bkeepers
PRO
427
64k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
8
270
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
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
ご清聴ありがとうございました