ブラウザを透明にしてスタイルコーディングをしよう

Macを対象としています

tl;dr

• 後ろにデザインを置いてスタイルレイアウトすると捗る

やりかた

1. mySIMBLをインストール

1. mySIMBL から Download the latest release をクリック
2. zipを解凍してmySIMBL.appをapplicationフォルダにコピーする

2. SIPを無効にする

1. macを電源を切る
2. 電源を入れるときに command + R を同時押ししながら電源ボタンを押してリカバリモードを起動する
3. メニュー ＞ ユーティリティ ＞ ターミナル をクリック
4. コマンドラインが開いたら csrutil disable を入力して Enter
5. ターミナルを終了して、アップルアイコンから再起動する

3. ブラウザを透明化する Afloatをインストール

1. ターミナルを起動する 右上の虫眼鏡アイコンから ターミナルと入力
2. コマンドラインから↓を入力して Enter
3. パスワードを求められたらログイン時に入力しているパスワードを入力

curl https://raw.githubusercontent.com/rwu823/afloat/sierra/install.sh | sh

4. SIPを有効に戻す

1. macを電源を切る
2. 電源を入れるときに command + R を同時押ししながら電源ボタンを押してリカバリモードを起動する
3. メニュー ＞ ユーティリティ ＞ ターミナル をクリック
4. コマンドラインが開いたら csrutil enable を入力して Enter
5. ターミナルを終了して、アップルアイコンから再起動する

5. インストールの確認

1. Finderを開く
2. メニュー > ウィンドウを開くと↓のメニューが追加されてれば設定OK
3. Finderにカーソルを当てる
4. command + control + 上下スクロールで透明度を変更