概要
指定した Web サイトを nativefier を使ってアプリケーション化 (exe) する方法。
ブラウザで別ウインドウとして開く場合との違いは、アドレスバーなどの余計な表示がないこと。
視覚的にもスッキリし、画面も広く使えて実用的。
GMail や Slack、株価サイト等に適用すると便利。
環境
- Windows 10 Pro
-
nativefier
手順
インストール
node.js
nativefier のインストールには npm を使用する。
npm は node.js に含まれているので、まずは node.js の公式サイトからダウンロード・インストールする。
Node.js — Run JavaScript Everywhere
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
nativefier
コマンドラインから npm を使って nativefier をインストール。
> npm install nativefier -g
アプリケーション化
当サイトを ryoblog.exe という名前のアプリケーションにする例。
> nativefier --name "ryoblog" "https://raspi.ryo.sc/"
上記コマンドを実行したフォルダに ryoblog-win32-x64 というフォルダが作成され、その中に ryoblog.exe が作成される。
参考
オプション
Usage: cli [options] [dest] Options: -v, --version output the version number -n, --name app name -p, --platform 'osx', 'mas', 'linux' or 'windows' -a, --arch 'ia32' or 'x64' or 'armv7l' --app-version The release version of the application. Maps to theProductVersionmetadata property on Windows, andCFBundleShortVersionStringon OS X. --build-version The build version of the application. Maps to theFileVersionmetadata property on Windows, andCFBundleVersionon OS X. --app-copyright The human-readable copyright line for the app. Maps to theLegalCopyrightmetadata property on Windows, andNSHumanReadableCopyrighton OS X --win32metadata a JSON string of key/value pairs of application metadata (ProductName, InternalName, FileDescription) to embed into the executable (Windows only). -e, --electron-version electron version to package, without the 'v', see https://github.com/electron/electron/releases --no-overwrite do not override output directory if it already exists, defaults to false -c, --conceal packages the source code within your app into an archive, defaults to false, see https://electronjs.org/docs/tutorial/application-packaging --counter if the target app should use a persistent counter badge in the dock (macOS only), defaults to false --bounce if the the dock icon should bounce when counter increases (macOS only), defaults to false -i, --icon the icon file to use as the icon for the app (should be a .png) --width set window default width, defaults to 1280px --height set window default height, defaults to 800px --min-width set window minimum width, defaults to 0px --min-height set window minimum height, defaults to 0px --max-width set window maximum width, default is no limit --max-height set window maximum height, default is no limit --x set window x location --y set window y location -m, --show-menu-bar set menu bar visible, defaults to false -f, --fast-quit quit app after window close (macOS only), defaults to false -u, --user-agent set the user agent string for the app --honest prevent the nativefied app from changing the user agent string to masquerade as a regular chrome browser --ignore-certificate ignore certificate related errors --disable-gpu disable hardware acceleration --ignore-gpu-blacklist allow WebGl apps to work on non supported graphics cards --enable-es3-apis force activation of WebGl 2.0 --insecure enable loading of insecure content, defaults to false --flash if flash should be enabled --flash-path path to Chrome flash plugin, find it inChrome://plugins--disk-cache-size forces the maximum disk space (in bytes) to be used by the disk cache --inject path to a CSS/JS file to be injected (default: []) --full-screen if the app should always be started in full screen --maximize if the app should always be started maximized --hide-window-frame disable window frame and controls --verbose if verbose logs should be displayed --disable-context-menu disable the context menu --disable-dev-tools disable developer tools --zoom default zoom factor to use when the app is opened, defaults to 1.0 --internal-urls regular expression of URLs to consider "internal"; all other URLs will be opened in an external browser. (default: URLs on same second-level domain as app) --crash-reporter remote server URL to send crash reports --single-instance allow only a single instance of the application --clear-cache prevent the application from preserving cache between launches --processEnvs a JSON string of key/value pairs to be set as environment variables before any browser windows are opened. --file-download-options a JSON string of key/value pairs to be set as file download options. See https://github.com/sindresorhus/electron-dl for available options. --tray [start-in-tray] Allow app to stay in system tray. If 'start-in-tray' is given as argument, don't show main window on first start --basic-auth-username basic http(s) auth username --basic-auth-password basic http(s) auth password --always-on-top enable always on top window --title-bar-style (macOS only) set title bar style ('hidden', 'hiddenInset'). Consider injecting custom CSS (via --inject) for better integration. --global-shortcuts JSON file with global shortcut configuration. See https://github.com/jiahaog/nativefier/blob/master/docs/api.md#global-shortcuts -h, --help output usage information
コメント