Keijir Blog

やっぱハワイ行きたいよね

Atom エディターのツールバーを自作した

なぜ作ったか

keijir.hatenablog.com

Atomに乗り換えていろいろ設定してみたが、設定しすぎて起動が遅い!(マシンも非力)遅いと使えない。

Atomが遅い原因はTimecopで確認

変更前

f:id:keijir:20170318221547p:plain
flex-tool-barは、Csonで設定できて便利だけど処理がかなり重たい様子。

Toolbar 自作の場合

f:id:keijir:20170318221542p:plain
tool-barの作り方のままなので負荷が低い。

Toolbarの作り方

tool-barをベースとしたプラグインとしてパッケージを作成します。
Atomパッケージの名称は「tool-bar-keijir」
Githubでのリポジトリ名称は「atom-tool-bar-keijir」

ファイルの構成

atom-tool-bar-keijir\
│  CHANGELOG.md
│  package.json
│  README.md // Markdown記法で書くと、Githubのページ, Atomのパッケージにも表示されます。
│
└─lib
        tool-bar-keijir.coffee

package.json(v0.2.3)

tool-bar-keijir.coffee(v0.2.3)

Atomパッケージの公開方法

Githubへ公開

いろいろな所に書いてあるので割愛

タグをつける

v0.2.3

apmをパス通す

下記にコマンドがあるので環境変数のPATHへ追記する。

C:\Users\<ユーザ>\AppData\Local\atom\app-1.15.0\resources\app\apm\bin

Atomへログイン

apm login で API tokenの設定をする。コマンド入力すると、
「Press [Enter] to open your account page on Atom.io.」と表示されて
[Enter]を押すとブラウザが開いてTokenを確認可能。

C:\>apm login
Welcome to Atom!

Before you can publish packages, you'll need an API token.

Visit your account page on Atom.io https://atom.io/account,
copy the token and paste it below when prompted.

Press [Enter] to open your account page on Atom.io.

Tokenを貼り付けて[Enter]を押すと保存される。

Token> XXXXXXXXXX
Saving token to Keychain done

Atomへ公開

>cd atom-tool-bar-keijir
atom-tool-bar-keijir> apm publish minor
Registering tool-bar-keijir done
Preparing and tagging a new version failed


使い方がいまいちわからん色々探して下記でできた。

atom-tool-bar-keijir>apm publish --tag v0.2.3
Publishing tool-bar-keijir@v0.2.3 done

インストールして確認

f:id:keijir:20170318232656p:plain
Setting > Insall >「keijir」で探す
[Install]


インストールされると下記のようなツールバーが表示される。
f:id:keijir:20170318232848p:plain

作成したツールバー

atom.io

広告を非表示にする