「ATOM」の記事 - Crieit

AtomからVisual Studio Codeに乗り換えた

2017-12-04T07:34:29+09:00

最近、長らく使っていたAtomからVisual Studio Codeに乗り換えた。理由はただひとつ、「重すぎる」。検討したこと、躊躇したこと、解決方法をまとめてみた。

なんだかんだでずっとVSCodeに乗り換える機会を伺っていた。

まずAtomのいいところ

Atomはとても良い。
拡張機能で何でも揃えられるし、どんな言語でも扱えるし、
一度起動してしまえばさくさく動いて快適。

使っているパッケージに不満があればプルリクを送って改善していけるし、
みんなで作り上げていくとても良いアプリケーション。

ずっと死ぬまで使い続けていくのだろうなと、あの頃は思っていた。

Atomの悪いところ

とにかく重い。

週１の常駐業務で32bitのWindows7でAtomを使っていたが起動と終了が重すぎる。
複数のプロジェクトを同時進行しようとすると話にならない。

自分のPCは昔ゲーム用に買ったスペックの良いものなのでそれほど気にはならなかったが、
時々PC自体が完全にフリーズするのでおかしいと思ったらAtomを開きすぎるとそうなるっぽかった。

また、オートコンプリート機能などのパッケージは、裏で解析を始めるので途端に重くなる。
キー入力も遅延が生じ始める。仕方がないのでそういったパッケージは使用を断念する。

最近IDE機能が追加されたので期待して試してみたが、期待はずれだった。
このあたりで完全にAtomへの想いが冷めたのだと思う。

Visual Studio Codeへの乗り換えの懸念

VSCodeがやけに速くて快適なのはちょくちょく試していたので気づいていた。
乗り換え直前等はAtomの重さを最大限に感じていた時なので、天と地の差くらいには感じていた。

ではなぜ乗り換えなかったかというと、Vimパッケージへの不満だった。

AtomのVimパッケージは、元々あったVimパッケージを日本人開発者の方が別パッケージにして強化して主導権を奪い取ったもので、非常に快適。

VSCodeのVimは、下記が出来なくて日常的に使うのは厳しいなと感じていた。

Insert modeの時もCtrl+Fを奪ってしまって検索、置換が面倒
modeによってはCtrl+PgUp, PgDnでタブ切り替えが出来ない
システムのClipboardを使う設定にすると一部操作ができなくなる不具合がある（現在改善されている）

たったこれだけではあるがスピード感が失われてストレスが半端ないので使用できなかった。

解決方法

解決したので即VSCodeに乗り換えた。

キーバインディングは自由に設定できるので自分で勝手に設定すれば良いだけだった。
今使っているキーバインディングは下記のような感じ。

[
    {
        "key": "ctrl+f",
        "command": "actions.find",
        "when": "editorTextFocus && vim.active && vim.use && vim.mode == 'Insert' && !inDebugRepl"
    },
    {
        "key": "ctrl+v",
        "command": "editor.action.clipboardPasteAction",
        "when": "editorTextFocus && vim.active && vim.use && vim.mode == 'Insert' && !inDebugRepl"
    },
    {
        "key": "ctrl+pageup",
        "command": "workbench.action.terminal.focusPrevious",
        "when": "terminalFocus"
    },
    {
        "key": "ctrl+pagedown",
        "command": "workbench.action.terminal.focusNext",
        "when": "terminalFocus"
    },
    {
        "key": "ctrl+pageup",
        "command": "workbench.action.previousEditor",
        "when": "editorTextFocus && vim.active && vim.use && !inDebugRepl"
    },
    {
        "key": "ctrl+pagedown",
        "command": "workbench.action.nextEditor",
        "when": "editorTextFocus && vim.active && vim.use && !inDebugRepl"
    },
    {
        "key": "tab",
        "command": "editor.action.indentLines",
        "when": "editorTextFocus && vim.active && vim.mode != 'Insert' && !editorReadonly"
    }
]

乗り換えて

非常に快適。とにかく速い。
詳しくはわからないが、Language Serverというのを使っているせいか、オートコンプリートなどの重い機能もやけに速くストレスが無い。

何気にGitの簡単な操作もVSCode上でできてしまうので便利。

昔Visual Studioを使っており、いつも重いなぁと思いながら使っていたが、
もしかするとMicrosoftが作っていなかったらもっと遅いIDEになっていたのかもしれないとさえ思った。

とにかくVisual Studio Codeおすすめ。

ちなみにVSCodeに変えてて重いという人は、多分PCがもう限界だと思われる。スペックはいいのに、と思う場合はHDDが限界。下記にPCを選んだ時に考えた記事もあるので気になる方はご確認を。

WebエンジニアがPCを買った時に考えたことをまとめてみた

Atomのパッケージにpull requestを送った話

2016-12-16T09:01:13+09:00

はじめに

Atom Advent Calendar 2016 - Qiita

16日目

Atomについて

Atomはご存知の通りGithubでも公開されているオープンソースのエディタで、
連携するパッケージも全て同様。

つまり、何か不便を感じた時、通常のアプリケーションのように要望を出してそれが通ったものがリリースされるまで待つ、
等ということをする必要がない。
自分で改造すればいい。

せっかく改造したなら、pull requestを送ってみるのが良いと思う。
受け入れて貰えれば今後のアップデートで反映される。

２回ほどpull requestを送ったのでその時の話。
どちらも小さなプロジェクトだったのでテストも書かず、すんなりと受け入れてもらえた。

remote-ftp

GitHub - icetee/remote-ftp: FTP/FTPS/SFTP client for Atom.io

Atom上でSCPでファイル転送できるパッケージ。

ローカルでファイルを編集して保存した時、自動的にアップロードしてくれる機能があるので使っていた。

しかし、その用途のみの利用だとリモートのツリービューが邪魔なので、デフォルトで非表示にできないか試したところ、できた。
ただ、アップデートがくると修正した箇所も消えてしまうので、
せっかくだからpull requestしてみようと思いデフォルトで非表示にするかどうかの設定をつけて、
既存のユーザーに影響が無いようにして送ってみたところマージしてもらえた。

Merge pull request #236 from dala00/showViewOnStartup · icetee/remote-ftp@b691126 · GitHub

symbols-tree-view

GitHub - xndcn/symbols-tree-view: A symbols view like taglist for Atom.io

ソース中の関数などの一覧が表示され、クリックですぐその位置に飛べる便利なパッケージ。

便利なのだが、当初はファイルを開く度にソート順を変更せねばならず、
なんとなく微妙に面倒というか使いづらいという感じだった。
何でもいいから強制的に名前順にソートできないか？　と思い試したところ、できた。

せっかくだからこれもpull requestしてみようと思い、
強制的に名前順にする処理を、現在のコードの種類で設定できるようにして、
既存のユーザーに影響が無いようにして送ってみたところマージしてもらえた。

Merge pull request #82 from dala00/sortByNameScopes · xndcn/symbols-tree-view@e71d465 · GitHub

まとめ

このように自分で拡張していけるのでとても面白い。
一度やってみると今度はもっと別のプロジェクトなどにも貢献してみたくなるので趣味の幅が広がるだろう。

ちなみにどちらも不具合というか不足点があったので修正のプルリクエストをしている。

AtomでjQueryイベントのアウトライン表示

2016-03-23T19:03:41+09:00

Atomのパッケージにはsymbols-tree-viewというのがあり
様々な形式のファイル内のアウトライン表示を行ってくれ、
クリックで簡単に定義に飛ぶことができる。

ただ、Javascriptはどうも思った通りに解析されないので
上手くやる方法はないか調べてみると、
このパッケージはctagsというものを使っているらしい。
(vimとかで使われているものらしい）
その設定ファイルがlib/.ctagsにあるので
それを編集すれば設定が可能。

|sh|
--regex-JavaScript=/(\$([^)]+).click)/\1/,event/
--regex-JavaScript=/(\$([^)]+).keydown)/\1/,event/
--regex-JavaScript=/(\$([^)]+).change)/\1/,event/
--regex-JavaScript=/(\$([^)]+).on([^,]+,[ \t][^,f]+)/\1/,event/
--regex-JavaScript=/(\$([^)]+).on([^,]+,[ \t])function/\1/,event/
||

こんな感じで設定するとjQueryのイベントとかに飛べるようになる。
適当なのでちょっと崩れるとダメかも。
だれか完璧なのをpull requestして下さい。

追記
this.やprototype.を含む行のメソッド追加をfunctionとして登録する場合。

|sh|
--regex-JavaScript=/this.([^ \t]+)[^=]=[ \t]function/\1/,function/
--regex-JavaScript=/prototype.([^ \t]+)[^=]=[ \t]function/\1/,function/
||