Upgrade to Pro — share decks privately, control downloads, hide ads and more …

websocket.el and its demo applications

97296a20d14bf2a1d6285fbdf33f8279?s=47 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.

97296a20d14bf2a1d6285fbdf33f8279?s=128

Syohei YOSHIDA

October 20, 2012
Tweet

More Decks by Syohei YOSHIDA

See All by Syohei YOSHIDA
yapc-hokkaido-2016
97296a20d14bf2a1d6285fbdf33f8279?s=48 syohex
15
8.3k
Dynamic Module
97296a20d14bf2a1d6285fbdf33f8279?s=48 syohex
1
270
My Recent Emacs Works
97296a20d14bf2a1d6285fbdf33f8279?s=48 syohex
0
160
Introduction of creating Emacs Lisp Package
97296a20d14bf2a1d6285fbdf33f8279?s=48 syohex
1
72
Emacs Introduction at LLDiver
97296a20d14bf2a1d6285fbdf33f8279?s=48 syohex
2
3k
Recent Emacs Work
97296a20d14bf2a1d6285fbdf33f8279?s=48 syohex
2
730
Introduce git-gutter.el
97296a20d14bf2a1d6285fbdf33f8279?s=48 syohex
1
450

Other Decks in Programming

See All in Programming
Introduction to Property-Based Testing @ COSCUP 2022
Fd9f21969cd8a0cbf0b2f48a9af0cc28?s=48 cybai
1
150
SwiftUI+TCAに挑戦！NewsPicks iOSアプリのリアーキテクチャ/re-architecture-newspicks-ios-app-with-swiftui-and-tca
1da8b476058df860d83a12c496b74fff?s=48 takehilo
0
400
Automating Gradle benchmarks at N26
D4b7a3e2ed10f86e0b52498713ba2601?s=48 ubiratansoares
PRO
2
140
SwiftUIで「意図」を伝える / swiftui_intention
42a6a049ac8f5265f31858a9509217fb?s=48 uhooi
2
150
Pythonによる開発をアップデートするライブラリの紹介
4b46b5f1acab7f5a64c0036c1fc39f31?s=48 daikikatsuragawa
1
610
このタイミングで知っておきたい 開発生産性の高いエンジニア組織の特徴とは / dev-sumi-20220721-productivity-features
6f425ca5b796b421dca359b95046184f?s=48 findyinc
7
2.7k
ECサイトの脆弱性診断をいい感じにやりたい/OWASPKansaiNight_LT1_220727
341ac9f717b3904d6674784c0fcd9cf2?s=48 owaspkansai
0
290
僕が便利だと感じる Snow Monkey の特徴/20220723_Gifu_WordPress_Meetup
Dda24cce92447593513292ec748c70c4?s=48 oleindesign
0
110
Git Rebase
E0e036f89c14b3e59640318eedf9670b?s=48 bkuhlmann
7
1k
レビュー駆動学習のススメ_StaPy#83
86b349524dfba1c635e944f2a9c92e91?s=48 soogie
0
320
ストア評価「2.4」だったCOCOARアプリを1年で「4.4」になんとかした方法@Cloud CIRCUS Meetup #2
3518f5ec9ebb241abc3569eb5cfc7d2a?s=48 1901drama
0
180
MLOps勉強会_リアルタイムトラフィックのサーバレスMLOps基盤_20220810
7771ba477a3bee861bc62012a143bffe?s=48 strsaito
1
380

Featured

See All Featured
A Philosophy of Restraint
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
192
15k
GraphQLとの向き合い方2022年版
893f54413c2bd9ba41d11d753aacaf2c?s=48 quramy
16
8.5k
We Have a Design System, Now What?
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
35
3k
JavaScript: Past, Present, and Future - NDC Porto 2020
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
37
3.3k
What the flash - Photography Introduction
5ce91fa49a613cbc3e20d5f96856473f?s=48 edds
62
10k
Web Components: a chance to create the future
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
303
40k
Product Roadmaps are Hard
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
35
6.8k
JazzCon 2018 Closing Keynote - Leadership for the Reluctant Leader
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
173
8.6k
Optimizing for Happiness
25c7c18223fb42a4c6ae1c8db6f50f9b?s=48 mojombo
364
64k
Automating Front-end Workflow
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
1351
200k
Rails Girls Zürich Keynote
24fc194843a71f10949be18d5a692682?s=48 gr2m
87
12k
Building Flexible Design Systems
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
310
34k

Transcript

  1. websocket.el Syohei Yoshida Kansai Emacs x06

  2. websocket.el • Emacs Lispによる WebSocketの実装 • https://github.com/ahyatt/emacs-websocket

  3. WebSocketを使うことの利点

  4. Webアプリと Emacsとの リアルタイムでの 連携が可能に!!

  5. デモ 1 Emacsからブラウザの活用 (Elisp 97 lines, Perl 120 lines)

  6. Realtime Markdown Viewer Emacs (1) コマンド毎にバッファの内容を WebAppに送信 WebApp (2) Markdownを

    HTMLに変換し、ブラウザ側の WebSocketに送信 JavaScript (3) WebAppから受け取った HTMLを DOMに反映

  7. デモ 2 ブラウザからEmacsの活用 (Elisp 73 lines, Perl 131 lines)

  8. Browser Emacs Lisp REPL JavaScript (1) textareaの内容を WebAppに送る (5) WebAppから返ってきた内容を

    DOMに反映 WebApp (2) JavaScriptから送れた内容を Emacsに送る (4) Emacsから送られてきた内容を JavaScriptに送る Emacs (3) 送られた文字列を evalし、結果を WebAppに返す

  9. デモ 3 チャットアプリ (Elisp 97 lines, Perl 133 lines)

  10. チャットアプリ Emacs, JavaScript (1) 入力文字列を WebAppに送る (3) バッファ or DOMに反映

    WebApp (2) 送られてきた文字列をすべての WebSocketに送る

  11. websocket.elを使うことで Webアプリとの連携を簡単に!! Emacs + ブラウザの活用

  12. websocket.elで Webアプリとの素敵な連携を!!

  13. 本日紹介したデモ • https://github.com/syohex/emacs-realtime-markdown-viewer • https://github.com/syohex/emacs-ws-elisp-repl • https://github.com/syohex/emacs-ws-chat

  14. ご清聴ありがとうございました