tag:crieit.net,2005:https://crieit.net/tags/%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%A9%E3%83%BC/feed Crieitでタグ「インストーラー」に投稿された最近の記事 2019-04-02T10:14:55+09:00 https://crieit.net/tags/%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%A9%E3%83%BC/feed tag:crieit.net,2005:PublicArticle/14898 2019-04-02T10:09:08+09:00 2019-04-02T10:14:55+09:00 https://crieit.net/posts/Visual-Studio-2017-Installer-Projects <p>今回は、Visual Studio 2017でインストーラを作成してみます。</p> <p>インストーラーを作成するのは、前回までのプロジェクトになります。<br /> <a target="_blank" rel="nofollow noopener" href="https://www.doraxdora.com/blog/2017/07/01/post-1396/">【WPF】DataGridの内容をSaveFileDialogを使ってCSVファイルに出力する</a></p> <p><img src="https://www.doraxdora.com/wp-content/uploads/2017/07/VisualStudioInstallerPj002.jpg" alt="image" /></p> <p>Visual Studio 2017 では、デフォルトでインストーラプロジェクトのテンプレートが表示されないため、<br /> 別途ダウンロードとインストールが必要となります。</p> <h2 id="ダウンロード"><a href="#%E3%83%80%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%89">ダウンロード</a></h2> <p>次のページからダウンロードします。</p> <p><a target="_blank" rel="nofollow noopener" href="https://marketplace.visualstudio.com/items?itemName=VisualStudioProductTeam.MicrosoftVisualStudio2017InstallerProjects" target="_blank" rel="noopener">ダウンロードページ</a></p> <p><img src="https://www.doraxdora.com/wp-content/uploads/2017/07/VisualStudioInstallerPj000.jpg" alt="image" /></p> <p>ダウンロードボタンをクリックします。</p> <h2 id="インストール"><a href="#%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB">インストール</a></h2> <p>ダウンロードした exe ファイルを実行します。</p> <p><img src="https://www.doraxdora.com/wp-content/uploads/2017/07/VisualStudioInstallerPj001.jpg" alt="image" /></p> <p>インストーラが起動されます。</p> <p><img src="https://www.doraxdora.com/wp-content/uploads/2017/07/VisualStudioInstallerPj003.jpg" alt="image" /></p> <p>製品選択画面が表示されるので、「インストール」ボタンをクリックします。</p> <p><img src="https://www.doraxdora.com/wp-content/uploads/2017/07/VisualStudioInstallerPj004.jpg" alt="image" /></p> <p>関係するソフトウェアを起動している場合は、<br /> タスクが終了されるまでインストールが進みません。</p> <p>しばしお待ちを。</p> <p><img src="https://www.doraxdora.com/wp-content/uploads/2017/07/VisualStudioInstallerPj005.jpg" alt="image" /></p> <p>インストール中。しばしおまちを。</p> <p><img src="https://www.doraxdora.com/wp-content/uploads/2017/07/VisualStudioInstallerPj006.jpg" alt="image" /></p> <p>インストール完了画面が表示されたら完了です。</p> <p>「閉じる」ボタンをクリックします。</p> <p><img src="https://www.doraxdora.com/wp-content/uploads/2017/07/VisualStudioInstallerPj007.jpg" alt="image" /></p> <p>無事にインストーラプロジェクトテンプレートが表示されました。</p> <h2 id="インストーラプロジェクトの作成"><a href="#%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%A9%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AE%E4%BD%9C%E6%88%90">インストーラプロジェクトの作成</a></h2> <p>ソリューションエクスプローラからプロジェクトの追加を選択し、<br /> 先ほどのインストーラプロジェクトテンプレートから<br /> 「セットアッププロジェクト」を作成します。</p> <p><img src="https://www.doraxdora.com/wp-content/uploads/2017/07/VisualStudioInstallerPj008.jpg" alt="image" /></p> <h2 id="セットアッププロジェクトの設定など"><a href="#%E3%82%BB%E3%83%83%E3%83%88%E3%82%A2%E3%83%83%E3%83%97%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AE%E8%A8%AD%E5%AE%9A%E3%81%AA%E3%81%A9">セットアッププロジェクトの設定など</a></h2> <p>インストーラを作成するための設定などをしていきます。<br /> プロジェクトの出力<br /> <img src="https://www.doraxdora.com/wp-content/uploads/2017/07/VisualStudioInstallerPj009.jpg" alt="image" /></p> <p>Application Folder を右クリックして「Add」＞「プロジェクトの出力」を選択します。</p> <p><img src="https://www.doraxdora.com/wp-content/uploads/2017/07/VisualStudioInstallerPj010.jpg" alt="image" /></p> <p>「プライマリ出力」を選択、構成を「Release Any CPU」にして<br /> 「OK」ボタンをクリックします。<br /> SQLiteデータベースファイルの追加<br /> <img src="https://www.doraxdora.com/wp-content/uploads/2017/07/VisualStudioInstallerPj011.jpg" alt="image" /></p> <p>同じく「Application Folder」＞「Add」＞「ファイル」を選択します。</p> <p><img src="https://www.doraxdora.com/wp-content/uploads/2017/07/VisualStudioInstallerPj012.jpg" alt="image" /></p> <p>リリースディレクトリにある「SampleDB.sqlite」を選択、「開く」ボタンをクリックします。<br /> SQLite用DLLの追加<br /> 32bit、64bit のどちらでも動作させるために、<br /> SQLite.Interop.dll を追加します。</p> <p><img src="https://www.doraxdora.com/wp-content/uploads/2017/07/VisualStudioInstallerPj013.jpg" alt="image" /></p> <p>先ほどまでと同様に「Application Folder」に「x86」、「x64」フォルダを追加し、<br /> それぞれの DLL を追加します。<br /> プログラムメニューの作成<br /> <img src="https://www.doraxdora.com/wp-content/uploads/2017/07/VisualStudioInstallerPj014.jpg" alt="image" /></p> <p>「Users Programu Menu」＞「Add」＞「Folder」を選択してフォルダを作成します。</p> <p><img src="https://www.doraxdora.com/wp-content/uploads/2017/07/VisualStudioInstallerPj015.jpg" alt="image" /></p> <p>フォルダ名を、アプリケーションの名前などに変更します。<br /> アプリケーションのショートカットを作成する<br /> <img src="https://www.doraxdora.com/wp-content/uploads/2017/07/VisualStudioInstallerPj016.jpg" alt="image" /></p> <p>「Application Folder」に表示されている「プライマリ出力」を右クリック<br /> 「Create Shortcut to プライマリ出力...」を選択します。</p> <p><img src="https://www.doraxdora.com/wp-content/uploads/2017/07/VisualStudioInstallerPj017.jpg" alt="image" /></p> <p>作成したショートカットの名前を変更します。</p> <p><img src="https://www.doraxdora.com/wp-content/uploads/2017/07/VisualStudioInstallerPj018.jpg" alt="image" /></p> <p>作成したショートカットを「Users Programs Menu」に移動します。<br /> プロダクト名の変更<br /> <img src="https://www.doraxdora.com/wp-content/uploads/2017/07/VisualStudioInstallerPj019.jpg" alt="image" /></p> <p>インストーラ時に表示されるプロダクト名を、アプリケーションの名前に変更します。</p> <p>ひとまず設定はここまでで完了です。</p> <h2 id="プロジェクトのビルド"><a href="#%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AE%E3%83%93%E3%83%AB%E3%83%89">プロジェクトのビルド</a></h2> <p><img src="https://www.doraxdora.com/wp-content/uploads/2017/07/VisualStudioInstallerPj020.jpg" alt="image" /></p> <p>ソリューションエクスプローラからセットアッププロジェクトを右クリックしリビルドします。</p> <p><img src="https://www.doraxdora.com/wp-content/uploads/2017/07/VisualStudioInstallerPj021-1.jpg" alt="image" /></p> <p>無事にビルドが完了すると、出力フォルダーにインストーラが出力されます。</p> <h2 id="インストールしてみる"><a href="#%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%97%E3%81%A6%E3%81%BF%E3%82%8B">インストールしてみる</a></h2> <p>作成したインストーラを実行します。</p> <p><img src="https://www.doraxdora.com/wp-content/uploads/2017/07/VisualStudioInstallerPj024.jpg" alt="image" /></p> <p>セットアップウィザードが起動されるので「次へ」ボタンをクリックします。</p> <p><img src="https://www.doraxdora.com/wp-content/uploads/2017/07/VisualStudioInstallerPj023.jpg" alt="image" /></p> <p>インストール先を指定して「次へ」ボタンをクリックします。</p> <p><img src="https://www.doraxdora.com/wp-content/uploads/2017/07/VisualStudioInstallerPj024.jpg" alt="image" /></p> <p>インストールの確認画面が表示されるので、「次へ」ボタンをクリックします。</p> <p><img src="https://www.doraxdora.com/wp-content/uploads/2017/07/VisualStudioInstallerPj025.jpg" alt="image" /></p> <p>インストール完了画面が表示されるので「閉じる」ボタンをクリックします。</p> <p> </p> <h2 id="起動"><a href="#%E8%B5%B7%E5%8B%95">起動</a></h2> <p>スタートメニューにアプリケーションが追加されるので、そこから起動してみます。</p> <p><img src="https://www.doraxdora.com/wp-content/uploads/2017/07/VisualStudioInstallerPj026.jpg" alt="image" /></p> <p>無事に起動されました。</p> <p>今回はここまでです。</p> <p>ではでは。</p> doraxdora