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
let-me-edit-with-editor
Search
wtnabe
August 17, 2019
Technology
0
340
let-me-edit-with-editor
Kanazawa.rb meetup #84 で発表した「エディタでエディットしたい」です。
wtnabe
August 17, 2019
Tweet
Share
More Decks by wtnabe
See All by wtnabe
Ruby de Railway Oriented Programming
wtnabe
0
30
Bindanのススメ
wtnabe
0
24
そのオブジェクト、何を保証してくれますか? - GuideRailのススメ -
wtnabe
0
36
Effective Jekyll
wtnabe
0
64
5 min Jekyll/Liquid Plugin cooking
wtnabe
0
31
Ruby de Wasm
wtnabe
0
58
Cloud Native Buildpacksって結局どうなの?
wtnabe
0
48
Decoupled System with Turbo Frame
wtnabe
1
130
join-kanazawarb-or-7years-passed-since-it-was-borned
wtnabe
0
800
Other Decks in Technology
See All in Technology
神回のメカニズムと再現方法/Mechanisms and Playbook for Kamikai scrumat2025
moriyuya
4
660
PLaMo2シリーズのvLLM実装 / PFN LLM セミナー
pfn
PRO
2
1k
やる気のない自分との向き合い方/How to Deal with Your Unmotivated Self
sanogemaru
0
380
AIツールでどこまでデザインを忠実に実装できるのか
oikon48
5
2.6k
AWS 잘하는 개발자 되기 - AWS 시작하기: 클라우드 개념부터 IAM까지
kimjaewook
0
120
Git in Team
kawaguti
PRO
2
280
Exadata Database Service on Dedicated Infrastructure(ExaDB-D) UI スクリーン・キャプチャ集
oracle4engineer
PRO
2
5.5k
これがLambdaレス時代のChatOpsだ!実例で学ぶAmazon Q Developerカスタムアクション活用法
iwamot
PRO
4
160
英語は話せません!それでも海外チームと信頼関係を作るため、対話を重ねた2ヶ月間のまなび
niioka_97
0
130
extension 現場で使えるXcodeショートカット一覧
ktombow
0
220
生成AIとM5Stack / M5 Japan Tour 2025 Autumn 東京
you
PRO
0
230
OCI Network Firewall 概要
oracle4engineer
PRO
1
7.8k
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
32
2.2k
Documentation Writing (for coders)
carmenintech
75
5k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.7k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
2.6k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
Docker and Python
trallard
46
3.6k
Why Our Code Smells
bkeepers
PRO
339
57k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
Fireside Chat
paigeccino
40
3.7k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Transcript
エディタでエディットしたい @wtnabe Kanazawa.rb meetup #84 2019-08-17 (Sat) at ITBP 武蔵
お品書き 問題意識 ブラウザ + エディタの歴史 最近の問題 最近の死亡例 解決策 デメリット
問題意識 ブラウザベースで長文の編集を強いられている pull-req, Wiki, ブログ Web サイト側の工夫は分かるが、正直きつい ブウラザではなく普段使いのエディタで書きたい
歴史 ブラウザとエディタの組み合わせ方の話
手作業でコピペ これは今でも使える コピペ忘れやコピペの方向ミスったら死亡
エディタ内部でブラウザを動かす Emacs-w3m | 現代的かつ完全装備で安全なEmacs イ ンターネットブラウザ(2018) なんと現役! でも最近のサイトは JavaScript 前提だし…
ブラウザ拡張が外部コマンドを起動 It's All Text da zilla/ refox-viewsourcewith Windows 固有だともっとあると思うけど分かんない
ブラウザ拡張と外部のホストの連携 セキュリティポリシーの変更 ( after Chrome ) で直接起動不可 Edit with Emacs
エディタ内部で HTTP を喋る GhostText 拡張側もサーバ / WebSocket で低遅延同期 withExEditor Native Messaging Host 方式 要Node.js 10+
最近の問題 Web アプリが <textarea> を使っていない モダン化、高機能化を拡張でカバーしきれない Edit With Emacs や
GhostText は真っ白か HTML タグ丸ごとに withExEditor は頑張ってるが…
最近の死亡事例 esa 新UI ( v2 beta ) 少なくともキャレットの位置で内容が増える 複数人のキャレット位置を保持して履歴を扱え る機能が邪魔してるみたい
Simplenote 新UI ( 2019-08-13 リリース ) 改行が増える Web UI が固まる
GitHub はまだ大丈夫! 頑張れGitHub !!
解決策 エディタを API クライアントにする emacs-w3m を API ベースにするイメージ alpha22jp/simplenote2.el nabinno/esa.el
masutaka/emacs-helm-esa Google Docs はもともとエディタで編集してなかった けど同じ理屈でイケそう
デメリット credentials を保持する人が増える エディタ側で OS や 3rd party の password
manager と連携できるとよさそう
まとめ プラットフォームを強いものに寄せておくべし エディタは拡張対応できるもの サービスもAPI が提供されているもの これでエディタをAPI 対応すればまだイケる!