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
350
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
35
Bindanのススメ
wtnabe
0
27
そのオブジェクト、何を保証してくれますか? - GuideRailのススメ -
wtnabe
0
39
Effective Jekyll
wtnabe
0
68
5 min Jekyll/Liquid Plugin cooking
wtnabe
0
35
Ruby de Wasm
wtnabe
0
62
Cloud Native Buildpacksって結局どうなの?
wtnabe
0
51
Decoupled System with Turbo Frame
wtnabe
1
140
join-kanazawarb-or-7years-passed-since-it-was-borned
wtnabe
0
800
Other Decks in Technology
See All in Technology
Design and implementation of "Markdown to Google Slides" / phpconfuk 2025
k1low
1
370
今日から使える AWS Step Functions 小技集 / AWS Step Functions Tips
kinunori
5
630
Black Hat USA 2025 Recap ~ クラウドセキュリティ編 ~
kyohmizu
0
430
[AWS 秋のオブザーバビリティ祭り 2025 〜最新アップデートと生成 AI × オブザーバビリティ〜] Amazon Bedrock AgentCore で実現!お手軽 AI エージェントオブザーバビリティ
0nihajim
2
1.6k
ユーザーストーリー x AI / User Stories x AI
oomatomo
0
120
【Android】テキスト選択色の問題修正で心がけたこと
tonionagauzzi
0
120
Sansan BIが実践する AI on BI とセマンティックレイヤー / data_summit_findy
sansan_randd
0
120
ソフトウェアテストのAI活用_ver1.50
fumisuke
0
270
なぜ新機能リリース翌日にモニタリング可能なのか? 〜リードタイム短縮とリソース問題を「自走」で改善した話〜 / data_summit_findy_Session_2
sansan_randd
1
150
AIエージェントを導入する [ 社内ナレッジ活用編 ] / Implement AI agents
glidenote
1
340
どうなる Remix 3
tanakahisateru
2
350
us-east-1 の障害が 起きると なぜ ソワソワするのか
miu_crescent
PRO
1
320
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.6k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
8k
BBQ
matthewcrist
89
9.9k
Into the Great Unknown - MozCon
thekraken
40
2.1k
A Modern Web Designer's Workflow
chriscoyier
697
190k
Become a Pro
speakerdeck
PRO
29
5.6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.1k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.2k
Speed Design
sergeychernyshev
32
1.2k
Designing Experiences People Love
moore
142
24k
Music & Morning Musume
bryan
46
6.9k
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 対応すればまだイケる!