Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Emacs でも TypeScript
SWET G
前田 薫
自己紹介
https://www.slideshare.net/KaoruMaeda/lightning-talks-13792958
Lightning Talks
• 5分
• 複数形で「Lightning Talks」
– まあカタカナの場合はいいです
• LT大…会…?
– 朝から晩までLT?
– 複数トラックでLT?
– → LTやりまっす、でいいよね
• ドラ
– ...
なぜEmacsでTypeScript?
エディタの快適度
高エネルギー = ストレスフル
低エネルギー = 快適
t
エディタに慣れていって
作業がやりやすくなる
だんだん快適に
エディタのカスタマイズ
プラグイン追加で
どんどん快適に🙂
カスタマイズの
効果🙂 🙂 🙂
エディタののりかえ
🙂Vim快適だなあ
💡Atomってのが出た!
Atomインストール
初期設定
初期設定のつらみ
のりかえの
効果
🙂Atomでより快適に!
Atomに
慣れる
エネルギー障壁
🙂Vim快適だなあ
Atomがいいらしい
のりかえめんどくさいなあ
= エネルギー障壁
期待効果
😅まあVimでいいか
のりかえない!
カスタマイズ厨ののりかえ
🙂カスタマイズするする
Atomコストは
変わらない
のりかえの
効果少
Atomがいいらしい
エネルギー
障壁増
カスタマイズしない派
💡Atom
💡VSCode
初期設定
コストを低く
どんどん
幸せに
Emacs派
🙂Emacs快適だなあ
別のエディタ登場
Emacs派
🙂Emacs快適だなあ
別のエディタ登場
Anything/Helm
Emacs派
🙂Emacs快適だなあ
別のエディタ登場
Anything/Helm
yasnippet
Emacs派
🙂Emacs快適だなあ
別のエディタ登場
Anything/Helm
yasnippet
漢字直接入力
Emacs派
🙂Emacs快適だなあ
別のエディタ登場
Anything/Helm
yasnippet
漢字直接入力
Emacs歴30年
どんどん深く
掘り続ける
⛏👷
新たな
幸せが
遠ざかる
エネルギー
障壁が
バカ高く
というわけでEmacsで!
lsp-mode
• LSP (Language Server Protocol)
– https://langserver.org/
• Micrsosoft VS Code
• Open protocol since 2016
• lsp-...
lsp-typescript
flycheck, lsp-ui
• flycheck
– Qiita: Flycheckでモダンなシンタックス
チェック
– http://www.flycheck.org/
• lsp-ui
– lsp-modeのflycheck supp...
flycheck with lsp
await 書き忘れ
company, ivy
• Qiita: Emacsの補完&検索を超強化する
part.which は string
prettier
• npm i prettier –g
• Qiita: Prettier 入門 ~ESLintとの違いを理解し
て併用する~
• tslint と prettier の共存
– tslint-config-prettier
...
EmacsでTypeScript
• Emacsでもなんとかなった
• おおむね問題ない
• 正直TSに限れば VSCode のほうが快適
– いざとなればVSCodeと併用
• 困っていること
– 新規ファイルの作成時、flycheckがうざ...
まとめ
• Emacs歴が長くなると、なかなか他のエディタ
に移行できない
• Emacsで手も足も出なければいっそあきらめは
つく
– 例: パワーポイント
• Emacsでもなんとかなった
………いっそう穴が深くなった
Upcoming SlideShare
Loading in …5
×

Emacs TypeScript

212 views

Published on

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

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Emacs TypeScript

  1. 1. Emacs でも TypeScript SWET G 前田 薫
  2. 2. 自己紹介 https://www.slideshare.net/KaoruMaeda/lightning-talks-13792958
  3. 3. Lightning Talks • 5分 • 複数形で「Lightning Talks」 – まあカタカナの場合はいいです • LT大…会…? – 朝から晩までLT? – 複数トラックでLT? – → LTやりまっす、でいいよね • ドラ – お好みで。囲りに配慮
  4. 4. なぜEmacsでTypeScript?
  5. 5. エディタの快適度 高エネルギー = ストレスフル 低エネルギー = 快適 t エディタに慣れていって 作業がやりやすくなる だんだん快適に
  6. 6. エディタのカスタマイズ プラグイン追加で どんどん快適に🙂 カスタマイズの 効果🙂 🙂 🙂
  7. 7. エディタののりかえ 🙂Vim快適だなあ 💡Atomってのが出た! Atomインストール 初期設定 初期設定のつらみ のりかえの 効果 🙂Atomでより快適に! Atomに 慣れる
  8. 8. エネルギー障壁 🙂Vim快適だなあ Atomがいいらしい のりかえめんどくさいなあ = エネルギー障壁 期待効果 😅まあVimでいいか のりかえない!
  9. 9. カスタマイズ厨ののりかえ 🙂カスタマイズするする Atomコストは 変わらない のりかえの 効果少 Atomがいいらしい エネルギー 障壁増
  10. 10. カスタマイズしない派 💡Atom 💡VSCode 初期設定 コストを低く どんどん 幸せに
  11. 11. Emacs派 🙂Emacs快適だなあ 別のエディタ登場
  12. 12. Emacs派 🙂Emacs快適だなあ 別のエディタ登場 Anything/Helm
  13. 13. Emacs派 🙂Emacs快適だなあ 別のエディタ登場 Anything/Helm yasnippet
  14. 14. Emacs派 🙂Emacs快適だなあ 別のエディタ登場 Anything/Helm yasnippet 漢字直接入力
  15. 15. Emacs派 🙂Emacs快適だなあ 別のエディタ登場 Anything/Helm yasnippet 漢字直接入力 Emacs歴30年 どんどん深く 掘り続ける ⛏👷 新たな 幸せが 遠ざかる エネルギー 障壁が バカ高く
  16. 16. というわけでEmacsで!
  17. 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. 18. lsp-typescript
  19. 19. flycheck, lsp-ui • flycheck – Qiita: Flycheckでモダンなシンタックス チェック – http://www.flycheck.org/ • lsp-ui – lsp-modeのflycheck support
  20. 20. flycheck with lsp await 書き忘れ
  21. 21. company, ivy • Qiita: Emacsの補完&検索を超強化する part.which は string
  22. 22. prettier • npm i prettier –g • Qiita: Prettier 入門 ~ESLintとの違いを理解し て併用する~ • tslint と prettier の共存 – tslint-config-prettier • Emacs: prettier-js – 保存するときにprettierかけてくれる
  23. 23. EmacsでTypeScript • Emacsでもなんとかなった • おおむね問題ない • 正直TSに限れば VSCode のほうが快適 – いざとなればVSCodeと併用 • 困っていること – 新規ファイルの作成時、flycheckがうざい – たまにlanguage-serverがおかしくなる • M-x lsp-restart-workspace
  24. 24. まとめ • Emacs歴が長くなると、なかなか他のエディタ に移行できない • Emacsで手も足も出なければいっそあきらめは つく – 例: パワーポイント • Emacsでもなんとかなった ………いっそう穴が深くなった

×