macでTrading ViewやbitFlyer LightningなどのWebアプリをウィンドウとして起動する

f:id:gaming20xx:20180423131858j:plain

Webアプリケーションを使う際にツールバーやタブが邪魔なのでDockから1クリックで独立して起動出来るようにしました。

 文言ではわかりづらそうなのでアニメーションにします。

f:id:gaming20xx:20180423133211g:plain

アニメーションではBitMEXをDockのアイコンから起動しています。ウィンドウとして開いているのでタブやツールバーなどがなくスッキリしています。

GoogleChromeで開けるサイトならなんでも使えるのでTrading Viewやビットフライヤーライトニングでもひらけます。こんな感じでタブではなくブラウザから独立して扱えるので僕はこっちの方が扱いやすいです。

f:id:gaming20xx:20180423151033p:plain

 

まず、タブから独立した状態で起動するにはGoogle Chromeをコマンドラインからオプションをつけて起動します。

open -n -a ‘Google Chrome’ –args ‘–app=[URL]’

と入力することによってアプリケーション化しウィンドウとして開けます。

f:id:gaming20xx:20180423133610p:plain

このままではいちいちコマンドを入力するのがなので、これをAutomatorを使ってワンボタンで実行出来るようにします。

Automatorを開き新規、書類の種類はアプリケーションを選択

f:id:gaming20xx:20180424130404p:plain

検索窓で探すなどしてシェルスクリプトを選択します。

f:id:gaming20xx:20180424130612p:plain

シェルスクリプトを実行へ先ほどのコマンドを入力

f:id:gaming20xx:20180424130635p:plain

 

名前をつけて保存します。場所はどこでもいいのですが僕はアプリケーションフォルダへ保存しました。

f:id:gaming20xx:20180424130736p:plain


 

これで(僕の場合は)アプリケーションフォルダに保存されたのでクリックで起動、ドラッグでDockへ追加できます。

f:id:gaming20xx:20180424130925p:plain

 

しかしこのままではアイコンがAutomatorのままなので複数作るとどれがどれだかわかりづらくなってしまいます。なのでアイコンを変更します。

適当にアイコンへ適応させたい画像を開きCommand + Aなどで選択、Command + Cでコピーしておきます。

f:id:gaming20xx:20180424131115p:plain

 

コピーしたら先ほど保存したファイルを副クリックし、情報をみるを選択、情報が表示されるので左上のアイコンをクリックして、Command + Vで先ほどコピーしてきた画像を貼り付けます。

f:id:gaming20xx:20180424131145p:plain

 

これでアイコンが変更され、わかりやすくなりました。

f:id:gaming20xx:20180424131307p:plain

 

Dockにドラッグ&ドロップすればアイコンが変わっているので複数作成してもわかりやすいです。画像ではAutomatorとBitMEXとTradingViewが並んでいますがアイコンを変更しているのでどれがTradingViewなのかすぐわかります。

f:id:gaming20xx:20180424131614p:plain

 

これでWebアプリが扱いやすくなりました。ブラウザを起動するワンクッションがなくなるのですぐ開けるし見やすいです。

トレードツールで説明しましたが、ブラウザで開けるサイトならなんでも開けるのでアプリやブラウザゲームなどよく開くサイトはDockに追加しておくと便利です。

 

投稿者: Sachio Horie

クリスチャン 日々悔い改める人。大学で 人工知能とブロックチェーンを研究中。アダルトチルドレン。