atomを透明化(失敗)

ubuntuを使っていた時代に端末のbackgroundを紫色の半透明、文字を赤色にしていた名残で、
macに変わってからも端末をそんな感じにしてた。

macbook proを買ってからエディタをatomに変えて
これは!!神エディタだ!!って使い続けているが、
あ、もしやこれもクールな半透明にできるのではないか!?と思い調べてみた。

そうすると、同じ考えの人はいくらかいたみたいで、何記事かヒットした。

Atomのウィンドウを半透明にする方法
Atomで透過ウインドウにする
この2つの記事を見て大まかな流れを確認した。
この中でいくつかわかりにくい点があったので記録する。

端末で
$ git clone https://github.com/atom/atom.git
を実行してGitHubのリポジトリからクローンする。

対象のファイルは基本的にホームフォルダの中のatomの中にある。
atom/src/browser/atom-window.coffee
constructorの中身を以下のように編集。

その後クリーンとビルドを実行するのだが、どこでやれば良いのかイマイチわからなかったので調べる。
Atomの半透明化
この記事を見て、
$cd atom
と移動してから
$ ./script/clean
$ ./script/build
を1行ずつ端末で実行。

なにやら
$ npm -v

module.js:340
throw err;
^
Error: Cannot find module 'npmlog'
at Function.Module._resolveFilename (module.js:338:15)
at Function.Module._load (module.js:280:25)
at Module.require (module.js:364:17)
at require (module.js:380:17)
at /usr/local/lib/node_modules/npm/bin/npm-cli.js:18:11
at Object.<anonymous> (/usr/local/lib/node_modules/npm/bin/npm-cli.js:75:3)
at Module._compile (module.js:456:26)
at Object.Module._extensions..js (module.js:474:10)
at Module.load (module.js:356:32)
at Function.Module._load (module.js:312:12)

とエラーが吐かれたので、
俺のnpmが、Node.jsを全力で邪魔している
という記事を参考にして、再チャレンジ。
$ curl -0 -L http://npmjs.org/install.sh | sudo sh
再びクリーン,ビルドするもうまくいかない

node-gypコンパイル時に怒られるときは素直にpythonを2.7系におとす
この記事はもはやタイトルしか読んでないが、そういうことらしいので、python2に切り替える。
と、思いきや、前にディープラーニングの実行しているときにmacにデフォルトで入っているpython2が邪魔だったので消したんだった。

pyenvでPythonの指定のバージョンをインストールする
上の記事を確認し再インストール。

python3からpython2に切り替える。
pyenvを使って、pythonバージョンの変更
このときatomフォルダ に移動した状態で
$ pyenv local 2.7.10
$ python --version
Python 2.7.10
を実行。

やっと成功!
明らかビルドの時間が長くエラーの文字も見えない。

上の2つのサイトでは
/Applications/Atom.appにあると書かれているが、インストール後の端末を読むとどうやらそうではなく
../atom/out/Atom.app
にあるっぽい。

確認すると、青色のatomが・・。

起動し左上のメニューからatom>スタイルシートを選択しstyles.lessを編集する。(上の記事内のコードをコピペ)
しかしなんだかうまくいかない。
option + command + i
をすると、Chromeのようにデベロッパーツールが出るので、そこでCSSを少しいじったりしてみたが、なんだかうまく行かず1,2時間くらいかけて続けた作業を断念。

なんかうっすらと背景に文字が見えたりするのだが、次第に消え、どうにもうまくいかない。(そもそも半透明にはなっていない)

ちなみにウィンドウの縁(いつもクリックした状態にしてウィンドウ動かすとこ)は透明になっていた。

また今度リベンジしてみる。

他参考サイト
Atomのウィンドウ透明化でのグラつき

コメントを残す