mattintosh note


2024-06-05: 現在ホビー関連の記事を 新しいブログ に移行しています。

💻 Google Chrome のアプリモードでウェブページを開く

Google Chrome×艦隊これくしょん 〜艦これ〜

Google Chrome のアプリモードを使ってなんちゃって艦これ専用ブラウザを作ってみるよ。


タブやツールバーなど表示されない、あたかもひとつのアプリケーションのように表示されるモードのこと。(と勝手に解釈。詳しくは Chrome ウェブストアで Pocket や Google Keep を入れてみよう!)

OS X 版表示例

Google Chrome×艦隊これくしょん 〜艦これ〜

Linux 版表示例

Google Chrome×艦隊これくしょん 〜艦これ〜

URL をアプリモードで開くコマンド

実行ファイルに --app=URL を指定すると URL をアプリモードで開いてくれます。

OS X の場合

open コマンドの場合

open -n -a 'Google Chrome' --args '--app='

Google Chrome コマンドの場合

/Applications/Google\\ Chrome --app=""

Linux の場合

/opt/google/chrome/google-chrome --app=""

Windows の場合

C:¥Program Files¥ あたりに実行ファイルがあるんじゃないかな………(というかみんな専ブラ使ってそう)


Google Chrome×艦隊これくしょん 〜艦これ〜

いちいちコマンドラインで実行するのは面倒なのでランチャを作ります。名前やアイコンはお好みで。Chrome アプリの詳細をまだ調べていないためもっと良い方法があるかもしれません。

今回、アイコンは @Kiguchi1902 さんの艦これアイコン をお借りました。

OS X の場合

osacompile や AppleScript エディタ.app でアプリケーションを作ります。Automator で作ったアプリケーションは編集するとアイコンが元に戻りますのでご注意を。

osacompile -o 艦これ.app <<\!
do shell script "open -na 'Google Chrome' --args '--app='"

今回、ICNS ファイルは makeicns で作成します。MacPorts とか Homebrew とかでインストールできます。出来上がったアイコンはアプリケーションバンドル内の applet.icns に上書きコピーしてもいいし、Finder でアプリケーションバンドルのインスペクタを表示してドラッグしてもOK。

makeicns -in image.png -out applet.icns
cp applet.icns 艦これ.app/Contents/Resources/applet.icns

Linux の場合

MenuLibre や Alacarte なんかで作ります。(デスクトップ環境による)

Google Chrome×艦隊これくしょん 〜艦これ〜

Windows の場合



Google Chrome×艦隊これくしょん 〜艦これ〜

ImageMagick によるアイコンの作成。256x256 サイズのアイコンを作成します。角丸半径や透明度はお好みで。

(-composite ありのときのリスト処理忘れたのでコマンドを分けて書いています…汗)

# 角丸化
convert image.png -resize 240x240+0+0\! -alpha on \
    \( -size 240x240 xc:none -draw 'roundRectangle 0,0 239,239 24,24' \) \
    -compose DstIn -composite temp.png

# 影の追加
# note: -shadow {opacity}x{blur}+{x}+{y}
convert temp.png \
    \( +clone -background black -shadow 60x4+0+4 \) \
    +swap -background none -layers merge +repage icon.png

現在開いている URL をアプリモードで表示する(OS X 向け)


tell application "Google Chrome"
    do shell script "open -na 'Google Chrome' --args '--app=" & URL of active tab of window 1 & "'"
end tell

アプリモードは幅と高さがある程度決まっているのでウィンドウ装飾付きでウェブページのスクリーンショットを撮ったりするときにいいかもしれません。例えば以下は User Agent Switcher オン・オフの例です。

Google Chrome Google Chrome

Google Chrome コマンドラインオプション(Linux 版)

google-chrome(1)                 USER COMMANDS                google-chrome(1)

       google-chrome - the web browser from Google

       google-chrome [OPTION] [PATH|URL]

       See the Google Chrome help center for help on using the browser.


       This manpage only describes invocation, environment, and arguments.

       Google  Chrome has hundreds of undocumented command-line flags that are
       added and removed at the whim of the  developers.   Here,  we  document
       relatively stable flags.

              Specifies  the directory that user data (your "profile") is kept
              in.  Defaults to ~/.config/google-chrome .   Separate  instances
              of  Google  Chrome  must  use  separate  user  data directories;
              repeated invocations of google-chrome  will  reuse  an  existing
              process for a given user data directory.

              Runs URL in "app mode": with no browser toolbars.

              Open in incognito mode.

              Specify the HTTP/SOCKS4/SOCKS5 proxy server to use for requests.
              This overrides any environment variables or settings picked  via
              the  options  dialog.   An  individual proxy server is specified
              using the format:


              Where <proxy-scheme> is the protocol of the proxy server, and is
              one of:

                "http", "socks", "socks4", "socks5".

              If  the  <proxy-scheme>  is omitted, it defaults to "http". Also
              note that "socks" is equivalent to "socks5".


                    Use the HTTP proxy "foopy:99" to load all URLs.

                    Use the SOCKS v5 proxy "foobar:1080" to load all URLs.

                    Use the SOCKS v4 proxy "foobar:1080" to load all URLs.

                    Use the SOCKS v5 proxy "foobar:66" to load all URLs.

              It is also possible to specify a separate proxy server for  dif‐
              ferent URL types, by prefixing the proxy server specifier with a
              URL specifier:


                    Load https://* URLs using the HTTP proxy "proxy1:80".  And
              load http://*
                    URLs using the SOCKS v4 proxy "baz:1080".

              Disables  the proxy server.  Overrides any environment variables
              or settings picked via the options dialog.

              Autodetect proxy configuration.  Overrides any environment vari‐
              ables or settings picked via the options dialog.

              Specify  proxy autoconfiguration URL.  Overrides any environment
              variables or settings picked via the options dialog.

              Set the password store to use.  The default is to  automatically
              detect  based  on  the  desktop  environment.  basic selects the
              built in,  unencrypted  password  store.   gnome  selects  Gnome
              keyring.  kwallet selects (KDE) KWallet.  (Note that KWallet may
              not work reliably outside KDE.)

              Show version information.

       As a GTK+ app, Google Chrome also obeys GTK+ command-line  flags,  such
       as --display.  See the GTK documentation for more:


       Google Chrome obeys the following environment variables:

              Shorthand  for  specifying  all  of   http_proxy,   https_proxy,

       http_proxy, https_proxy, ftp_proxy
              The  proxy servers used for HTTP, HTTPS, and FTP.  Note: because
              Gnome/KDE proxy settings may propagate into these  variables  in
              some  terminals,  this  variable  is  ignored (in preference for
              actual system proxy settings) when running under Gnome  or  KDE.
              Use  the  command-line flags to set these when you want to force
              their values.

              Specify proxy autoconfiguration.  Defined and empty autodetects;
              otherwise,  it  should be an autoconfig URL.  But see above note
              about Gnome/KDE.

              SOCKS proxy server (defaults to SOCKS v4,  also  set  SOCKS_VER‐
              SION=5 to use SOCKS v5).

              Comma separated list of hosts or patterns to bypass proxying.

              Default directory for configuration data.

              Default  directory  for  cache  data.   (Why?  See <http://stan‐
    > .)

       Bug tracker:


       Be sure to do your search within "All Issues"  before  reporting  bugs,
       and  be  sure  to pick the "Defect on Linux" template when filing a new

       The Chromium team - <>


  • 2014å¹´08月17日:一部コマンドを修正