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
320
let-me-edit-with-editor
Kanazawa.rb meetup #84 で発表した「エディタでエディットしたい」です。
wtnabe
August 17, 2019
Tweet
Share
More Decks by wtnabe
See All by wtnabe
Effective Jekyll
wtnabe
0
27
5 min Jekyll/Liquid Plugin cooking
wtnabe
0
13
Ruby de Wasm
wtnabe
0
36
Cloud Native Buildpacksって結局どうなの?
wtnabe
0
29
Decoupled System with Turbo Frame
wtnabe
1
98
join-kanazawarb-or-7years-passed-since-it-was-borned
wtnabe
0
760
google-photos-and-storage-and-rclone
wtnabe
0
420
one case of how to begin vuejs
wtnabe
2
440
Kanazawa.rb meetup #56 Coderetreat Intro
wtnabe
0
430
Other Decks in Technology
See All in Technology
コンテナ上シェル悪用の話とPure Bashでcurlが作れた話
ryotosaito
2
390
これからクラウドエンジニアになるために本当に必要なスキル 5選
hiyanger
1
430
非エンジニアにも伝えるメールセキュリティ / Email security for non-engineers
ykanoh
13
3.5k
NestJS-tRPCと戦術的DDDのいいとこどりをしてバックエンドTypescriptの設計をした話
yosashusaku
0
120
KCD Brazil '25: Enabling Developers with Dapr & Backstage
salaboy
1
100
View Transition API
shirakaba
1
680
Alpine.js を活用した Laravel MPA フロントエンド最適化戦略 / Alpine.js MPA
tzmfreedom
1
590
Keynote - KCD Brazil - Platform Engineering on K8s (portuguese)
salaboy
0
100
チームの性質によって変わる ADR との向き合い方と、生成 AI 時代のこれから / How to deal with ADR depends on the characteristics of the team
mh4gf
4
250
製造業の会計システムをDDDで開発した話
caddi_eng
2
710
AWS のポリシー言語 Cedar を活用した高速かつスケーラブルな認可技術の探求 #phperkaigi / PHPerKaigi 2025
ytaka23
7
1.3k
単一の深層学習モデルによる不確実性の定量化の紹介 ~その予測結果正しいですか?~
ftakahashi
PRO
3
490
Featured
See All Featured
What's in a price? How to price your products and services
michaelherold
244
12k
Speed Design
sergeychernyshev
28
850
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
A Philosophy of Restraint
colly
203
16k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
For a Future-Friendly Web
brad_frost
176
9.6k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Raft: Consensus for Rubyists
vanstee
137
6.8k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.3k
How GitHub (no longer) Works
holman
314
140k
The Invisible Side of Design
smashingmag
299
50k
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 対応すればまだイケる!