なぜEmacsから離れられないか 2018年の社内LTから

1. Emacs でも TypeScript
SWET G
前田 薫

2. 自己紹介
https://www.slideshare.net/KaoruMaeda/lightning-talks-13792958

3. Lightning Talks
• 5分
• 複数形で「Lightning Talks」
– まあカタカナの場合はいいです
• LT大…会…?
– 朝から晩までLT?
– 複数トラックでLT?
– → LTやりまっす、でいいよね
• ドラ
– お好みで。囲りに配慮

4. なぜEmacsでTypeScript?

5. エディタの快適度
高エネルギー = ストレスフル
低エネルギー = 快適
t
エディタに慣れていって
作業がやりやすくなる
だんだん快適に

6. エディタのカスタマイズ
プラグイン追加で
どんどん快適に🙂
カスタマイズの
効果🙂 🙂 🙂

7. エディタののりかえ
🙂Vim快適だなあ
💡Atomってのが出た!
Atomインストール
初期設定
初期設定のつらみ
のりかえの
効果
🙂Atomでより快適に!
Atomに
慣れる

8. エネルギー障壁
🙂Vim快適だなあ
Atomがいいらしい
のりかえめんどくさいなあ
= エネルギー障壁
期待効果
😅まあVimでいいか
のりかえない!

9. カスタマイズ厨ののりかえ
🙂カスタマイズするする
Atomコストは
変わらない
のりかえの
効果少
Atomがいいらしい
エネルギー
障壁増

10. カスタマイズしない派
💡Atom
💡VSCode
初期設定
コストを低く
どんどん
幸せに

11. Emacs派
🙂Emacs快適だなあ
別のエディタ登場

12. Emacs派
🙂Emacs快適だなあ
別のエディタ登場
Anything/Helm

13. Emacs派
🙂Emacs快適だなあ
別のエディタ登場
Anything/Helm
yasnippet

14. Emacs派
🙂Emacs快適だなあ
別のエディタ登場
Anything/Helm
yasnippet
漢字直接入力

15. Emacs派
🙂Emacs快適だなあ
別のエディタ登場
Anything/Helm
yasnippet
漢字直接入力
Emacs歴30年
どんどん深く
掘り続ける
⛏👷
新たな
幸せが
遠ざかる
エネルギー
障壁が
バカ高く

16. というわけでEmacsで!

17. lsp-mode
• LSP (Language Server Protocol)
– https://langserver.org/
• Micrsosoft VS Code
• Open protocol since 2016
• lsp-mode
– github:emacs-lsp/lsp-mode
• package-install
– lsp-mode
– typescript-mode
• npm i javascript-typescript-langserver –g

18. lsp-typescript

19. flycheck, lsp-ui
• flycheck
– Qiita: Flycheckでモダンなシンタックス
チェック
– http://www.flycheck.org/
• lsp-ui
– lsp-modeのflycheck support

20. flycheck with lsp
await 書き忘れ

21. company, ivy
• Qiita: Emacsの補完&検索を超強化する
part.which は string

22. prettier
• npm i prettier –g
• Qiita: Prettier 入門 ～ESLintとの違いを理解し
て併用する～
• tslint と prettier の共存
– tslint-config-prettier
• Emacs: prettier-js
– 保存するときにprettierかけてくれる

23. EmacsでTypeScript
• Emacsでもなんとかなった
• おおむね問題ない
• 正直TSに限れば VSCode のほうが快適
– いざとなればVSCodeと併用
• 困っていること
– 新規ファイルの作成時、flycheckがうざい
– たまにlanguage-serverがおかしくなる
• M-x lsp-restart-workspace

24. まとめ
• Emacs歴が長くなると、なかなか他のエディタ
に移行できない
• Emacsで手も足も出なければいっそあきらめは
つく
– 例: パワーポイント
• Emacsでもなんとかなった
………いっそう穴が深くなった