なでしこ3(Web版)のプログラムを、Windows/Mac/Linuxのデスクトップアプリとして配布できます。
なでしこ3(Web版)のプログラムは、基本的にWebブラウザで動くプログラムです。そのため、なでしこ3(Web版)で作ったプログラムを、誰かに使ってもらいたい場合には、「なでしこ3貯蔵庫」に書き込んで使うのが簡単です。
しかし、WindowsやmacOSのアプリとして配布したいとか、ネットがない環境でも動かしたい場合もあります。そこで、利用するのが「なでしこ3配布配布キット(nadesiko3webkit)」です。
Windows版とmacOS版とLinux版の実行ファイルを作成できます。
まずは、基本パッケージをダウンロードしましょう。下記の配布URLから、作成したいOS向けのパッケージをダウンロードします。
どのZIPファイルをダウンロードしたら良いのでしょうか？
【Windows用】
| win-nako3-webview.zip | WebView(Edge)ランタイム(※1) |
| win-nako3-chrome.zip | Chomeランタイム |
【macOS用】
| mac-nako3-webview.zip | WebView(Safari)ランタイム |
| mac-nako3-chrome.zip | Chomeランタイム |
(※1) MicrosoftのサイトからWebView2ランタイムのインストールが必要になります。
(指南) 多くの方はGoogle Chromeをインストールしているため、Chromeランタイムがオススメです。しかし、Chromeのインストールをしたくない・できない方がいるので、その場合、WebViewランタイムも便利です。両方を配布してもそれほど大きなサイズではないので、ユーザーに選んでもらうのも良い選択かもしれません。
ZIPファイルを解凍したら、nadesiko3.exe(macならnadesiko3.app)の実行ファイルをダブルクリックしてみてください。無事になでしこ3が動くごとが分かったら次の作業に移りましょう。
(実行時のメモ) OSのセキュリティ保護機能により、Webサイトからダウンロードした実行ファイルは、実行が禁止される場合があります。
（ファイアウォールのダイアログについて）配布キットの特徴ですが、Web版のなでしこ3をローカルPCで動かすために、簡易HTTPサーバーを起動します。一度、実行を許可すると、その後ダイアログは出ません。なでしこのプログラムとその素材ファイルにしかアクセスしないので安心してご利用ください。
配布用プログラムには、webappフォルダが含まれています。このフォルダを開くと「main.nako3」というファイルがあります。 このファイルが起動してすぐに実行されるプログラムです。テキストエディタなどを利用して配布したいプログラムに書き換えましょう。
また、ウィンドウサイズやタイトルを変更したい場合は「index.json」を編集してください。
macOSの場合は、nadesiko3.app/Contents/MacOS/webappにwebappディレクトリがあります。 nadesiko3.appを右クリックして「パッケージ内容を表示」を選択すると、Finderにファイルが表示されます。
そして、改めて「nadesiko3.exe(macならnadesiko3.app)」を実行します。なお画像ファイルを使いたい場合も、webappフォルダにコピーすれば利用できます。
「webapp/nadesiko3」以下に、ビルド済みのなでしこ3(こちら)のreleaseフォルダ以下のファイルをコピーします。
プログラムのエラーで動かない場合、画面を右クリックして「検証」を選択すると、デベロッパーツールが表示されます。 「Console」タブを開いてエラーが出ていないか確認してみましょう。 できるだけ、ユーザーにエラーを見せないように配慮して、わざとエラーを画面に出さないようにしています。
別の選択肢もあります。Node.jsのインストールが必要になり、アプリの配布サイズが大きくなりますが、フルブラウザ機能を搭載した配布パッケージ(210MB前後)を作成できます。これを使えば、実行ファイルの中にリソースファイルを全て梱包して1つの実行ファイルを作成できます。
以下の特殊命令を使って、任意のアプリを起動したり、ローカルPCにファイルを保存したり、環境変数を参照したりできます。
以下の命令は「**には ... ここまで」構文と組み合わせて使います。
詳しくは、こちらを確認してください。
WindowsのWebView版は、最初からインストールされているEdge(Chromium)をランタイムに使います。とは言え、WebView2を使うには、WebView2ランタイムが必要になります。
WebView2のランタイムは以下のページ（一番下）より、「Evergreen Standalone Installer」を選んでインストールしてください。
