DEVGRU

プログラミングと競馬予想について書きます

18年使ったEmacsを離れたあとVisual Studio Codeを2週間で辞めてNeovimを使う話

最近の仕事のパフォーマンス下げている要因の1つがエディタ使用時のフラストレーションで、 その解決のために10代から使っていたEmacsからついに離れた。

ただ、Visual Studio Codeを使い始め、強力なコーディング支援機能には感動すら覚えたものの、 細々としたところでどうしても許容できない箇所があったので結局2週間で挫折してしまった。

www.gnu.org code.visualstudio.com

Emacs を離れた理由をまとめると、以下のようになる。

  • 初期状態でできることが少ない割にパッケージのメンテがどれも進んでいない
    • Python, TypeScript 周りの貧弱さ
  • ウィンドウ操作がイライラ
    • 分割ウィンドウ時、ファイルを開くときとバッファ切り替えのときでどのウィンドウに出くるかイマイチ法則がわからなかった
  • やりたいことに対して情報が少ない

ユーザが減少傾向らしいので、仕方ないといえば仕方ない。 バリバリ自分で調べてコミュニティに還元する道も考えたが、そもそも発端は仕事の忙しさだったりするので、続かないことは目に見えている。 学生時代や新人時代の暇なときにEmacs Lispを覚えておくべきだったのかもしれないが、時既に遅し。

Emacs 離れて Visual Studio Code に移行したものの、飛び抜けて良い部分があるのは認めつつやっぱり許容できない部分がある。

  • Emacsキーバインドがとても弱い
    • 検索窓で使えないなど
  • フォーカス飛びまくる
    • サイドバーに飛んでから戻るの面倒
  • マウスオペレーション前提の作り
    • キーボードオペレーションで完結させる気を感じない

Visual Studio Code なのでEmacsキーバインドがどうの、というのはお門違いかもしれないが、ホームポジションから手を離さなずにオペレーションができることは生産性の観点からとても大切で、その部分の解決ができなかったためにVisual Studio Codeもやめることにした。

今はNeovimを使い始めている。

NeovimというかVimの良いところは、編集操作に特化したデフォルトのキーバインドがあり、 極めて効率的なコーディングができるところだ。

20代のバイトでPHP書いてた頃はその補完能力の強さを買ってかなり使っていて、 Emacs乗り換え後もGitのコミットログはずっとVimを使っていたので違和感は少ない。

まだ乗り換えきっておらず、Gitプロジェクト内のファイル検索やgrepができていないが、 それでもVisual Studio Codeでさっぱりだった矩形選択が簡単だったりしてその編集能力の強さを享受し始めている。

エディタ周りはあまり変えたくないので、Vimとは長く付き合っていきたい。

実践Vim 思考のスピードで編集しよう! (アスキー書籍)

実践Vim 思考のスピードで編集しよう! (アスキー書籍)

Vimテクニックバイブル ?作業効率をカイゼンする150の技

Vimテクニックバイブル ?作業効率をカイゼンする150の技

WebDriverIO で 複数のモディファイアキーを押して離すコード

プロジェクトで Ctrl + Alt + Shift + X を押す機能のE2Eテストを書くときに困ったのでメモ。

キーイベントを送るには keys() を使う。そこまでは変わらない。

webdriver.io

しかし、素直に browser.keys(['Control', 'Alt', 'Shift', 'KeyX']); とするとモディファイアキーが押しっぱなしになってしまい、意図した動作とならなかった。

これを解決するには、以下のように末尾にNULLを追加する。

browser.keys(['Control', 'Alt', 'Shift', 'KeyX', 'NULL']);

これで、最後には全キーを離した状態になるようになった。

Selenium実践入門 ―― 自動化による継続的なブラウザテスト (WEB+DB PRESS plus)

Selenium実践入門 ―― 自動化による継続的なブラウザテスト (WEB+DB PRESS plus)

  • 作者: 伊藤望,戸田広,沖田邦夫,宮田淳平,長谷川淳,清水直樹,Vishal Banthia
  • 出版社/メーカー: 技術評論社
  • 発売日: 2016/02/02
  • メディア: 単行本(ソフトカバー)
  • この商品を含むブログ (4件) を見る

実践 Selenium WebDriver

実践 Selenium WebDriver

エキスパートが教えるSelenium最前線 (CodeZine Digital First)

エキスパートが教えるSelenium最前線 (CodeZine Digital First)

  • 作者: 戸田広,島根義和,高橋陽太郎,沖田邦夫,松尾和昭,宮田淳平
  • 出版社/メーカー: 翔泳社
  • 発売日: 2018/05/15
  • メディア: オンデマンド (ペーパーバック)
  • この商品を含むブログを見る

Angular + Sentry でやたらとUpdateが走る現象を解決する

Angular + Sentry 環境でやたらと Update (ツリーの更新)が走る現象を指摘されたところ、 微妙な問題があったので解決した。

どうやら zone.js と Sentry の Breadcrumb の両方で console.log() を置き換えようとしているのがいろいろまずいらしい(斜め読み)。

github.com

これについてエレガントな解決方法はどうやら観測範囲には見当たらないそうなので、シンプルにSentryのBreadcrumbを停止させた。

Sentry.init({
    dsn: (DSN),
    integrations: [
        // console.*() の置換に起因してChange Detectionが連発するので
        // Breadcrumb を諦めて console.*() の置換をやめる
        // Ref.
        // https://github.com/getsentry/sentry-javascript/issues/1883
        // https://docs.sentry.io/platforms/javascript/default-integrations/#breadcrumbs
        new Sentry.Integrations.Breadcrumbs({ console: false }),
    ],
});

これで現象は収まった。

Angularアプリケーションプログラミング

Angularアプリケーションプログラミング

AngularによるモダンWeb開発 基礎編 第2版

AngularによるモダンWeb開発 基礎編 第2版

Angular Webアプリ開発 スタートブック

Angular Webアプリ開発 スタートブック