11月 2017

Home › Archives for 11月 2017

2017/11/30

Visual Studio のビルド後イベントで配布用の ZIP ファイルを自動生成する

尚、インストーラーを作成しないこのようなアプリケーションの配布を XCOPY 配置というようです。  - http://kuttsun.blogspot.jp/2017/11/net-xcopy.html  ## 環境  - Visual Studio 2017  ## 不要なファイルの削除と ZIP ファイル作成の自動化  不要なファイルを毎回手動で削除するのも大変なので、ビルド後イベントで処理します。   スクリプトは PowerShell で作成します。   不要なファイルを削除したらそのまま zip ファイルも作成します。  ### ビルド後イベント  ビルド後イベントの実行場所は出力フォルダになるので、プロジェクトルートに移動してからスクリプトを実行します。   また、Release ビルドのときのみ処理を実行するようにします。  ```sh if $(ConfigurationName) == Release ( cd $(ProjectDir) powershell -ExecutionPolicy Unrestricted .\CreateZip.ps1 .\bin\Release .\bin\$(ProjectName).zip ) ```  ### PowerShell  `*.xml` `*.pdb` `*.config` を削除していますが、不要なファイルはプロジェクトに応じて適宜変更します。   私の場合、NLog を使用しているので、`NLog.config` は除外しています。  ```sh # CreateZip.ps1  # プロジェクトルートで実行すること using namespace System.IO; using namespace System.IO.Compression;  # source directory path (Release directory) $sourceDir = $Args[0] if (-not ($sourceDir)) { return 100 }  # target zip file path $targetZipFile = $Args[1] if (-not ($targetZipFile)) { return 101 }  # target zip file からディレクトリ名を取得 $parent = [Path]::GetDirectoryName($targetZipFile) # target zip file を置くディレクトリがない場合は作成する [Directory]::CreateDirectory($parent) # 既に zip ファイルがある場合は削除しておく [File]::Delete($targetZipFile)  # 一時ディレクトリ名 $tempDir = $parent + "\temp" # Release ディレクトリから一時ディレクトリに丸ごとコピー Copy-Item $sourceDir -destination $tempDir -recurse  # 一時ディレクトリから不要なファイルを削除(プロジェクトに応じて要変更) Remove-Item -Recurse -path $tempDir -include *.pdb Remove-Item -Recurse -path $tempDir -include *.xml Remove-Item -Recurse -path $tempDir -include *.config -Exclude NLog.config  # アセンブリの読み込み Add-Type -AssemblyName System.IO.Compression.FileSystem  # zip ファイル作成 [ZipFile]::CreateFromDirectory($tempDir, $targetZipFile)  # 一時ディレクトリ削除 Remove-Item -Recurse -path $tempDir ```  ## 参考 URL  - https://sakapon.wordpress.com/2015/10/14/dotnet-build-2/

2017/11/29

NO IMAGE

.NET アプリケーションを XCOPY 配置で配布する

.NET Framework Visual Studio

2017/11/25

NO IMAGE

ファイル選択ダイアログとフォルダ選択ダイアログ

.NET Framework C# WPF

他には `System.Windows.Forms` や `Microsoft.Win32` がありましたが、フォルダ選択ダイアログがいまいちだったり、そもそも WPF だと Windows Forms は使いたくないというのが主な理由です。  ## 環境  - Visual Studio 2017 - .NET Framework 4.6.1  ## WindowsAPICodePack のインストール  NuGet パッケージマネージャーで `WindowsAPICodePack` をインストールします。  ```sh PM> Install-Package WindowsAPICodePack ```  - https://github.com/aybe/Windows-API-Code-Pack-1.1  ## ファイル選択ダイアログ   ### 基本的な使い方  ```cs using Microsoft.WindowsAPICodePack.Dialogs;  // 中略  var dialog = new CommonOpenFileDialog {     Title = "Title",     // フォルダ選択ダイアログの場合は true     IsFolderPicker = false,     // ダイアログが表示されたときの初期ディレクトリを指定     InitialDirectory = "適当なパス",      // ユーザーが最近したアイテムの一覧を表示するかどうか     AddToMostRecentlyUsedList = false,     // ユーザーがフォルダやライブラリなどのファイルシステム以外の項目を選択できるようにするかどうか     AllowNonFileSystemItems = false,     // 最近使用されたフォルダが利用不可能な場合にデフォルトとして使用されるフォルダとパスを設定する     DefaultDirectory = "適当なパス",     // 存在するファイルのみ許可するかどうか     EnsureFileExists = true,     // 存在するパスのみ許可するかどうか     EnsurePathExists = true,     // 読み取り専用ファイルを許可するかどうか     EnsureReadOnly = false,     // 有効なファイル名のみ許可するかどうか（ファイル名を検証するかどうか）     EnsureValidNames = true,     // 複数選択を許可するかどうか     Multiselect = false,     // PC やネットワークなどの場所を表示するかどうか     ShowPlacesList = true };  if (dialog .ShowDialog() == CommonFileDialogResult.Ok) {      } ```  ### ファイルのフィルタリング  以下のように指定します。  ```cs dialog.Filters.Add(new CommonFileDialogFilter("テキストファイル", "*.txt;*.text")); dialog.Filters.Add(new CommonFileDialogFilter("すべてのファイル", "*.*")); ```   ## フォルダ選択ダイアログ  `IsFolderPicker` を `true` にするだけです。  ## 参考 URL  - https://github.com/aybe/Windows-API-Code-Pack-1.1 - https://johobase.com/wpf-file-folder-common-dialog/#Windows_API_Code_Pack - http://arikalog.hateblo.jp/entry/2013/12/20/211641

2017/11/23

NO IMAGE

GitHub と AppVeyor で .NET アプリケーションの継続的インテグレーションを行う

.NET Framework AppVeyor GitHub

.NET Core はクロスプラットフォーム対応なので、いろんな CI サービスが使えますが、.NET Framework は Windows 環境が必要なので、AppVeyor を使用します。  ## 環境  - Visual Studio 2017 - .NET Framework 4.6.1  ## 準備  [AppVeyor](https://www.appveyor.com/) に GitHub アカウントで登録（サインアップ）します。    `New Project` を選択し、GitHub からリポジトリ情報を取得します。  CI を作成したいプロジェクトにマウスカーソルを当てて `ADD` をクリックします。  ## appveyor.yml の作成  リポジトリのルート（≒Visual Studio のソリューションフォルダ）の配下に `appveyor.yml` を作成します。   内容は以下のようにしました。  ``` # appveyor.yml image: Visual Studio 2017 configuration: Release before_build:   - nuget restore build:   parallel: true   project: ソリューション名.sln ```  なんか Travis CI とかと比較して情報が少ないですが、`appveyor.yml` のリファレンスは一応以下にあります。  - https://www.appveyor.com/docs/appveyor-yml/  あとはこれを GitHub に Push すると、自動的にビルドが実行されます。     ## バッジの追加  CI 環境が整ったら GitHub にバッジを貼り、自己満足に浸ります。  AppVeyor の該当のプロジェクトの SETTINGS に Badges という項目があるので、そこでバッジの URL がわかります。  - https://www.appveyor.com/docs/status-badges/  Markdown を選択し、コピーした内容を README.md に貼り付けます。  ## 参考 URL  - https://www.appveyor.com/docs/appveyor-yml/ - http://posaune.hatenablog.com/entry/2014/05/02/201403 - https://yoshinorin.net/2016/09/21/appveyor-codecov-csharp/#AppVeyor%E3%81%AE%E8%A8%AD%E5%AE%9A - https://qiita.com/shoooo/items/518e44d56624187c3ea7

2017/11/22

NO IMAGE

C# におけるコマンドライン引数の解析

.NET Core .NET Framework C#

尚、.NET Core でも .NET Framework でも使えます。  ## 環境  - Visual Studio 2017 - .NET Core 2.0 - Microsoft.Extensions.CommandLineUtils 1.1.1  ## インストール  NuGet パッケージマネージャーコンソールから以下のコマンドでインストールできます。  ```sh PM> Install-Package Microsoft.Extensions.CommandLineUtils ```  ## 簡単な使い方  ```cs using Microsoft.Extensions.CommandLineUtils;  // 中略  static void Main(string[] args) {     var app = new CommandLineApplication(throwOnUnexpectedArg: false)     {         // アプリケーション名（ヘルプの出力で使用される）         Name = "CommandLineTest",     };      // ヘルプ出力のトリガーとなるオプションを指定     app.HelpOption("-?|-h|--help");      app.OnExecute(() =>    {         Console.WriteLine("Hello World!");         return 0;     });      app.Execute(args); } ```  動作内容は `onExecute` に定義します。   `onExecute` の引数は `Func<int>` なので、戻り値（エラーコード）として `int` の値を返す必要があります。  `onExecute` を定義したら `app.Execute` をコールすると実行されます。   引数には `Main` で受け取ったコマンドライン引数を渡します。  ### 実行結果  ```sh > CommandLineTest.exe ```  ```bat Hello World! ```  ---   ```sh > CommandLineTest.exe --help ```  ```bat Usage: CommandLineTest [options]  Options:   -?|-h|--help  Show help information ```  ## コマンドの追加  上記のコードにコマンドを追加してみます。  ```cs static void Main(string[] args) {     var app = new CommandLineApplication(throwOnUnexpectedArg: false)     {         // アプリケーション名（ヘルプの出力で使用される）         Name = "CommandLineTest",     };      // ヘルプ出力のトリガーとなるオプションを指定     app.HelpOption("-?|-h|--help");      app.OnExecute(() =>    {         Console.WriteLine("Hello World!");         return 0;     });      app.Command("hoge", (command) =>    {         // 説明（ヘルプの出力で使用される）         command.Description = "Hogeを出力する";          // コマンドについてのヘルプ出力のトリガーとなるオプションを指定         command.HelpOption("-?|-h|--help");          // コマンドの引数（名前と説明を引数で渡しているが、これはヘルプ出力で使用される）         var hogeArgs = command.Argument("[Hogeの引数]", "Hogeの引数の説明");          command.OnExecute(() =>        {             var location = hogeArgs.Value != null ? $"引数あり {hogeArgs.Value}" : "引数なし";             Console.WriteLine("Hoge: " + location);             return 0;         });     });      app.Execute(args); } ```  特に説明は不要かと思います。   尚、コマンドはネストして、サブコマンドなどを作ることもできます。  ### 実行結果  ```sh > CommandLineTest --help ```  ```bat Usage: CommandLineTest [options] [command]  Options:   -?|-h|--help  Show help information  Commands:   hoge  Hogeを出力する  Use "CommandLineTest [command] --help" for more information about a command. ```  ---  ```sh > CommandLineTest hoge --help ```  ```bat Usage: CommandLineTest hoge [arguments] [options]  Arguments:   [Hogeの引数]  Hogeの引数の説明  Options:   -?|-h|--help  Show help information  ```  ---   ```sh > CommandLineTest hoge ```  ```bat Hoge: 引数なし ```  ---   ```sh > CommandLineTest hoge piyo ```  ```bat Hoge: 引数あり piyo ```  ## オプションの指定  さらに上記のコードにオプションを追加してみます。  ```cs app.Command("hoge", (command) =>{     // 説明（ヘルプの出力で使用される）     command.Description = "Hogeを出力する";      // コマンドについてのヘルプ出力のトリガーとなるオプションを指定     command.HelpOption("-?|-h|--help");      // コマンドの引数（名前と説明を引数で渡しているが、これはヘルプ出力で使用される）     var hogeArgs = command.Argument("[Hogeの引数]", "Hogeの引数の説明");      // オプションの設定     var hogeOptions = command.Option("-o|--option <opitons>",         "hogeのオプション",         CommandOptionType.MultipleValue);      command.OnExecute(() =>    {         var location = hogeArgs.Value != null ? $"引数あり {hogeArgs.Value}" : "引数なし";         Console.WriteLine("Hoge: " + location);          foreach (var value in hogeOptions.Values)         {             Console.WriteLine("Hogeのオプション: " + value);         }         return 0;     }); }); ```  `CommandOptionType` については[こちら](https://docs.microsoft.com/en-us/dotnet/api/microsoft.extensions.commandlineutils.commandoptiontype?view=aspnetcore-1.1)に一覧があります。   何にも説明がありませんが、名前で分かると思います。  ### 実行結果  ```sh >CommandLineTest hoge -h ```  ```bat Usage: CommandLineTest hoge [arguments] [options]  Arguments:   [Hogeの引数]  Hogeの引数の説明  Options:   -?|-h|--help           Show help information   -o|--option <opitons>  hogeのオプション  ```  ---  ```sh >CommandLineTest hoge piyo -o=foo -o=bar ```  ```bat Hoge: 引数あり piyo Hogeのオプション: foo Hogeのオプション: bar ```   ## 参考 URL  - https://msdn.microsoft.com/ja-jp/magazine/mt763239.aspx - http://tnakamura.hatenablog.com/entry/2017/10/24/microsoft-extensions-commandlineutils - https://gist.github.com/iamarcel/8047384bfbe9941e52817cf14a79dc34

Visual Studio で .NET Core + Electron.NET を使う

.NET Core Electron.NET Visual Studio

尚、私は Electron 自体は使ったことありません。   Node.js も昔に少し使ったことがあるという程度です。  ## 環境  - Visual Studio 2017 - .NET Core 2.0 (ASP.NET Core 2.0) - Node.js v8.9.1 - [Electron.NET](https://github.com/ElectronNET/Electron.NET) v0.0.7  ちなみにデモアプリケーションもあります。  - [Electron.NET API Demos](https://github.com/ElectronNET/electron.net-api-demos)  ## 準備  絶対に必要なのは以下の２つなので、あらかじめインストールしておきます。  - [.NET Core SDK](https://www.microsoft.com/net/download/core#/) (2.0 以上) - [Node.js](https://nodejs.org/ja/) (v8 以上)   - 参考：[Node.js のインストールとプロキシの設定](http://kuttsun.blogspot.jp/2017/11/nodejs.html)  また、今回は Visual Studio を使うので、Visual Studio もインストールします。  - Visual Studio 2017  ## プロジェクトの作成  Visual Studio を起動します。  [ファイル] > [新規作成] > [プロジェクト] を選択します。  [ASP.NET Core Web アプリケーション] を選択します。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8cXH16SIsEkdKNod7mvebsGAbBkJy0gcoifBl-OgvmitRzuIB1hYBeNVHOm7Xuq2TfwjwhrhJCPRF7H0sKSshcjRastKKyi9rO5GcjvHC7bh0caXUKlH4_6r5Scj0WXzCGXoAp3fryKQ/s1600/01.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8cXH16SIsEkdKNod7mvebsGAbBkJy0gcoifBl-OgvmitRzuIB1hYBeNVHOm7Xuq2TfwjwhrhJCPRF7H0sKSshcjRastKKyi9rO5GcjvHC7bh0caXUKlH4_6r5Scj0WXzCGXoAp3fryKQ/s320/01.png" width="320" height="222" data-original-width="941" data-original-height="653" /></a> [Web アプリケーション (モデル ビュー コントローラー)] を選択します。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh26zJjubKcei2Mf7qv1kh3zKYXA5cJ1hKOalrpNUTU5N4I7HqpXo5dhkMovG8VW3jcd7_jXYaNKIz51nEFn0IwCaiMyQVtu2nP7qMDVdtdne3PC9dgps61BY_kcYx7n4vDpHmyxMj4i48/s1600/02.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh26zJjubKcei2Mf7qv1kh3zKYXA5cJ1hKOalrpNUTU5N4I7HqpXo5dhkMovG8VW3jcd7_jXYaNKIz51nEFn0IwCaiMyQVtu2nP7qMDVdtdne3PC9dgps61BY_kcYx7n4vDpHmyxMj4i48/s320/02.png" width="320" height="209" data-original-width="786" data-original-height="513" /></a> ## Electron.NET を使用するための設定  [公式](https://github.com/ElectronNET/Electron.NET)で説明されている通りに設定を行います。  ### ElectronNET.API NuGet パッケージのインストール  [ツール] > [NuGet パッケージマネージャー] > [パッケージ マネージャー コンソール] を選択します。  以下のコマンドを入力してパッケージをインストールします。  ```sh PM> Install-Package ElectronNET.API ```  ### Program.cs の変更  `Program.cs` を開き、`BuildWebHost` メソッドに `UseElectron` を追加します。  ```cs using ElectronNET.API;  // 中略  public static IWebHost BuildWebHost(string[] args) {     return WebHost.CreateDefaultBuilder(args)         .UseElectron(args)         .UseStartup<Startup>()         .Build(); } ```  ### Startup.cs の変更  `Startup.cs` を開き、`Configure` メソッドの最後に `Electron.WindowManager.CreateWindowAsync` を追加します。  ```cs using ElectronNET.API;  // 中略  public void Configure(IApplicationBuilder app, IHostingEnvironment env) {     if (env.IsDevelopment())     {         app.UseDeveloperExceptionPage();         app.UseBrowserLink();     }     else     {         app.UseExceptionHandler("/Home/Error");     }      app.UseStaticFiles();      app.UseMvc(routes =>    {         routes.MapRoute(             name: "default",             template: "{controller=Home}/{action=Index}/{id?}");     });      // Open the Electron-Window here     Task.Run(async () => await Electron.WindowManager.CreateWindowAsync()); } ```  ### .csproj の変更  Visual Studio 上でプロジェクト名を右クリックし、[(プロジェクト名).csproj を編集する] を選択します。  `ItemGroup` の中に、`<DotNetCliToolReference Include="ElectronNET.CLI" Version="*" />` を追加します。  ```xml <Project Sdk="Microsoft.NET.Sdk.Web">   <PropertyGroup>    <TargetFramework>netcoreapp2.0</TargetFramework>  </PropertyGroup>   <ItemGroup>    <PackageReference Include="Microsoft.AspNetCore.All" Version="2.0.0" />  </ItemGroup>   <ItemGroup>    <DotNetCliToolReference Include="Microsoft.VisualStudio.Web.CodeGeneration.Tools" Version="2.0.0" />    <DotNetCliToolReference Include="ElectronNET.CLI" Version="*" />  </ItemGroup> </Project>```  ## NuGet パッケージの復元  ここまで完了したら、一度 Visual Studio を終了し、`dotnet-electronize` を使うために NuGet パッケージの復元を行います。  コマンドプロンプト（または PowerShell）を開き、プロジェクトの場所に移動してから以下のコマンドを実行します。  ```sh > dotnet restore ```  ## Electron.NET プロジェクトの初期化  続いて以下のコマンドを入力してプロジェクトの初期化を行います。  ```sh > dotnet electronize init ```  プロジェクト配下に `electronnet.manifest.json` というファイルが作成されます。   .csproj ファイルの変更されています。  次に以下のコマンドを打って、ビルドが正常にできることを確認します。  ```sh > dotnet electronize build ```  ## Electron.NET プロジェクトの実行  以上で準備は完了です。  Visual Studio を起動してソリューションを開きます。  すると、ターゲットに [Electron.NET App] というのが選択されていると思います。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsxl0WVhIEgdkuWy_J9R72Fh8v4ieivxHn97LX_UGFxUM26x9IuijVLDcnX8kRrrZt9rssEruCK-QtBXCblapojsvo9a6IHoTvzQyYJS012V0sHGvrkMktThUszBLBiQvHR7MUsJE9CME/s1600/03.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsxl0WVhIEgdkuWy_J9R72Fh8v4ieivxHn97LX_UGFxUM26x9IuijVLDcnX8kRrrZt9rssEruCK-QtBXCblapojsvo9a6IHoTvzQyYJS012V0sHGvrkMktThUszBLBiQvHR7MUsJE9CME/s320/03.png" width="320" height="79" data-original-width="507" data-original-height="125" /></a> この状態で F5 を押すと、Electron を使ったデスクトップアプリケーションが起動します。    が、ちょっと重いですね・・・。   （私の環境が貧弱なだけ？）  Electron.NET はまだ登場したばかりで今後どうなるかわかりませんが、とりあえず動向はチェックしておこうと思います。  ## 参考 URL  - https://qiita.com/katachi/items/6bba28d3b382e11e2535 - https://qiita.com/ikuhanaRock/items/42fc4d70494833db2653 - http://www.myrefblog.com/archives/11374

2017/11/16

NO IMAGE

Firefox 57 用にアドオンのインストールと設定変更を行う

Firefox

## インストールしたアドオン  |アドオン名|備考| |---|---| |[Feedly Notifier](https://addons.mozilla.org/en-US/firefox/addon/feedly-notifier/)|RSS リーダー| |Foxy Gestures|マウスジェスチャー| |Foxy Proxy|プロキシ設定を切り替える| |Pop-Up Dictionary|好きなサイトで簡単に英単語を調べられるようにする| |RESTClient|RESTful API のテスト用ツール|  もともとあまりアドオンは入れていなかったので、そんなに困りませんでした。  ### Foxy Gesture の設定  以前使っていた Fire Gesture にあったジェスチャーをいくつか追加しました。  [ツール] > [アドオン] > [拡張機能] > [Foxy Gestures] の [設定] > [Built-in Commands] をクリックします。   該当の項目の上で、マウスの右ボタンを押しながらジェスチャーを行うことで登録できます。  |項目名|登録したジェスチャー|備考| |---|---|---| |Open Link in New Foreground Tab|↑| |Reload(Bypass Cache)|↑↓|Bypass Cache とは既にキャッシュされているコンテンツはキャッシュしたままにすることらしい|  ### Pop-Up Dictionary の設定  以下の記事を参考にしてください。  - [Firefox で英単語を簡単に調べられるアドオン](http://kuttsun.blogspot.jp/2018/01/firefox.html)   ## その他の設定変更  Tab Mix Plus が使えなくなったので、ブックマークを開くときに新しいタブで開くように設定を変更します。  アドレスバーに `about:config` と打ち込んで設定ページを開き、以下の設定を変更します。  |項目|設定値|備考| |---|---|---| |browser.search.openintab|true|検索バーからの検索結果を新しいタブで開く| |browser.tabs.closeWindowWithLastTab|false|最後のタブを閉じてもウィンドウを閉じない| |browser.tabs.loadBookmarksInTabs|true|ブックマークを新しいタブで開く|  アドレスバーと履歴の表示については新しいタブで開くようにする設定が見つかりませんでした。  尚、設定を変更したら Firefox を一度再起動する必要があります。  ## 参考 URL  - http://rockridge.hatenablog.com/entry/2017/10/08/224226 - https://matome.naver.jp/odai/2137772742839679701

2017/11/15

NO IMAGE

Node.js のインストールとプロキシの設定

Node.js Ubuntu Windows

2017/11/14

NO IMAGE

GitLab CI で .NET Core の継続的インテグレーションを行う

.NET Core GitLab

## 環境  - Visual Studio 2017 - .NET Core 2.0 - xUnit.NET - GitLab CE 10.1.2  ## 準備  GitLab CI を使用するには別途タスクランナーとして `gitlab-runner` が必要です。   `gitlab-runner` の準備と設定は以下の過去記事を参考にしてください。  - http://kuttsun.blogspot.jp/2017/09/gitlab-runner-docker-compose.html - http://kuttsun.blogspot.jp/2017/10/gitlab-runner-gitlab.html  ## .gitlab-ci.yml の作成  とりあえず作成した `.gitlab-ci.yml` は以下です。  ```yml # .gitlab-ci.yml image: microsoft/dotnet:2.0.0-sdk stages:   - build   - test job1:   stage: build   script:     - export http_proxy=http://xxx.xxx.xxx.xxx:8080     - export https_proxy=http://xxx.xxx.xxx.xxx:8080     - dotnet restore     - dotnet build   tags:     - docker job2:   stage: test   script:     - export http_proxy=http://xxx.xxx.xxx.xxx:8080     - export https_proxy=http://xxx.xxx.xxx.xxx:8080     - dotnet restore     - dotnet test テストプロジェクト名   tags:     - docker ```  常に最新の SDK を使用したい場合、image は `microsoft/dotnet:sdk` で OK です。  また、`dotnet restore` で NuGet パッケージの復元が行われるので、プロキシ環境下で動作させている場合は、プロキシの設定が必要です（地味にはまったところ・・・）。   なので、 `export http_proxy` `export https_proxy` でプロキシサーバーを指定しています。  ## 参考 URL  - http://docs.gitlab.com/ce/ci/yaml/README.html - https://qiita.com/tsgkdt/items/ef1cfee3cf6b58b87900 - https://docs.microsoft.com/en-us/dotnet/core/docker/building-net-docker-images - http://blog.makotoishida.com/2017/09/gitlab-ciwebapipdf.html - http://tech.tanaka733.net/entry/http_proxy-in-dotnetcore-on-linux

GitLab をアップグレードしたら Redmine へのリンクが解除された

GitLab

どうやら最新の GitLab では、GitLab 自体の Issue (Internal Issue) と、外部の BTS/ITS を使った Issue (External Issue) を併用できようになっているらしく、Markdown で `#123` と書いた場合、Internal Issue へリンクが貼られるようです。  しかし、前述の通り私の環境ではもともと GitLab の Issue は使っていなかったため、指定した ID の Internal Issue が存在せず、リンクが貼られない状態になっていたようです。  この場合の対策としては以下の２つがあります。  ## 対策方法１　Internal Issue の無効化  とりあえず、以前のように戻したいなら、Internal Issue を無効化すれば OK です。  無効にするには、[Settings] > [General] > [Permissions] を選択し、Issue を `Disable` にします。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8nrGpgmgvcRLRd-p4sqOu5pTn4jbGXN77_grFnjBVw3nvFEM3EV8D7teUAwT-gg7Jh9BrqzaG2GUDBLGmFf98_5ZNOPfFWKak1kGysWN_syUKBRSVYIe2-jVSVg2Habtjdya9ayhIT2E/s1600/01.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8nrGpgmgvcRLRd-p4sqOu5pTn4jbGXN77_grFnjBVw3nvFEM3EV8D7teUAwT-gg7Jh9BrqzaG2GUDBLGmFf98_5ZNOPfFWKak1kGysWN_syUKBRSVYIe2-jVSVg2Habtjdya9ayhIT2E/s320/01.png" width="320" height="167" data-original-width="1044" data-original-height="545" /></a> これで、`#123` などと書いてある Issue へのリンクが全て Redmine などの External Issue になります。  ## 対策方法２　書き方を変えて Internal Issue を無効化せずに External Issue へリンクする  せっかく Internal Issue と External Issue が併用できるなら、用途に応じて両方を使い分けたいものです。   この場合、以下のページで解説されているように Markdown を書きます。  - https://docs.gitlab.com/ce/user/project/integrations/redmine.html  External Issue へのリンクとしたい場合、`<PROJECT>-<ID>` と書くそうです。  `<PROJECT>` 任意の文字列で、必ず大文字で始まる必要があります。   ２文字目以降は大文字、数字、アンダースコアが使えるようです。   `<ID>` は Issue の ID です。  従って、例えば Redmine のチケット番号 123 へのリンクとしたい場合、`REDMINE-123` とか `TICKET-123` とか書けば External Issue へのリンクなり、`#123` と書けば Internal Issue へのリンクとなります。   ただ、任意の文字列っていうのが気に入らないというか、結構困ることがあります。  私の勤めている会社では、製品の型式などで `２文字以上の大文字-数字` というのがあるので、それも Redmine へのリンクだと判別されてしまいます。  両方の Issue を併用できること自体はとても良いのですが。  ## 参考 URL  - https://docs.gitlab.com/ce/integration/external-issue-tracker.html - https://docs.gitlab.com/ee/user/markdown.html - https://docs.gitlab.com/ce/user/project/integrations/redmine.html

2017/11/12

NO IMAGE

GitHub と Travis CI で .NET Core の継続的インテグレーションを行う

.NET Core GitHub Travis CI

## 環境  - Visual Studio 2017 - .NET Core 2.0 - C# 7.0 - xUnit.NET  ## 検討した CI サービス  [Microsoft のページ](https://docs.microsoft.com/ja-jp/dotnet/core/tools/using-ci-with-cli)では、`Travis CI` `AppVeyor` `Visual Studio Team Services` について説明されています。  また、[こちらの記事](http://www.erikschierboom.com/2017/03/21/continuous-integration-of-dotnet-core-applications/)で `Travis CI` `CircleCI` `AppVeyor` について説明されていたので、参考にさせていただきました。  AppVeyor は Windows 環境らしいので、.NET とは最も親和性が高そうです。   しかし、.NET Core はクロスプラットフォームに対応しているので Linux でも問題ないですし、私は CI サービス自体を使うのが初めてだったので、とりあえずメジャーな Travis CI を使うことにしてみました。   ## 準備  [Travis CI](https://travis-ci.org/) に GitHub アカウントで登録（サインアップ）します。   すると、自動的に GitHub のリポジトリ情報が取得されます。  Travis CI の画面右上から [ユーザー名] > [Accounts] を選択します。  画面にリポジトリの一覧が表示されるので、CI を有効化したいリポジトリのトグルを ON にしておきます。  これだけで Push や Pull Request をトリガーとして CI が開始されるそうです。  ## .travis.yml の作成  リポジトリのルート（≒Visual Studio のソリューションフォルダ）の配下に `.travis.yml` を作成します。   内容は以下のようにしました。  ``` # .travis.yml language: csharp dist: trusty dotnet: 2.0.0 mono: none env:   global:     - DOTNET_SKIP_FIRST_TIME_EXPERIENCE: 1     - DOTNET_CLI_TELEMETRY_OPTOUT: 1 script:   - dotnet restore   - dotnet test テストプロジェクト名 ```  ほぼ以下のサンプルコードのままです。  - http://www.erikschierboom.com/2017/03/21/continuous-integration-of-dotnet-core-applications/  あとはこれを GitHub に Push すると、自動的にテストが実行されます。   ビルドやテストに失敗した場合は GitHub アカウントのメールアドレスにメールで通知されます。   簡単すぎかつ便利でびっくりしました。  ## 簡単な解説  ほぼサンプルコードのままですが、一応調べてみた範囲で解説してみます。  ### DOTNET_SKIP_FIRST_TIME_EXPERIENCE  これに関してはググってもドキュメントが非常に少ないですが、1 に設定するとどうもビルドマシン上へのパッケージのインストールとかキャッシュとかを防止するようです。   .NET Core は Travis CI 側で既に用意されているからインストール不要ということでしょうか？   よくわかりません。  - https://ruijarimba.wordpress.com/2016/09/16/use-environment-variables-to-speed-up-your-net-core-build-on-vsts/  ### DOTNET_CLI_TELEMETRY_OPTOUT  これは .NET Core CLI ツールの製品利用統計情報だそうです。   1 に設定すると無効化されます。  - https://docs.microsoft.com/ja-jp/dotnet/core/tools/telemetry   ## バッジの追加  CI 環境が整ったら GitHub にバッジを貼り、自己満足に浸ります。  - https://docs.travis-ci.com/user/status-images/  Markdown を選択し、コピーした内容を README.md に貼り付けます。  ## 参考 URL  - https://docs.microsoft.com/ja-jp/dotnet/core/tools/using-ci-with-cli - http://www.erikschierboom.com/2017/03/21/continuous-integration-of-dotnet-core-applications/

2017/11/11

NO IMAGE

GitLab で LDAP 認証するとメールアドレスが勝手に設定されるのを直す

GitLab

きちんとしたメールアドレスが設定されていれば良いのですが、私の会社では Active Directory にメールアドレスが設定されていないので、ドメインを使用したメールアドレスが勝手に設定されます。  一応管理者画面で後から変更できますが、ログインする度に都度上書きされてしまうので、意味がありません。  これを直すには GitLab のソースコードを修正する必要があります。  [こちら](https://github.com/gitlabhq/gitlabhq/issues/6180)のサンプルコードを参考に `local.rb` というファイルを作成します。  ```ruby module OmniAuth   module Strategies     class LDAP       class << self         alias_method :map_user_orig, :map_user       end        def self.map_user(mapper, object)         object['mail'] += ["#{object['sAMAccountName'].first}@example.com"]         self.map_user_orig(mapper, object)       end     end   end end ```  私の環境では `sAMAccountName` を Username としているので、サンプルコードで `uid` だった箇所を `sAMAccountName` に変更しています。  このファイルを `/opt/gitlab/embedded/service/gitlab-rails/config/initializers/` に配置します。    これで、LDAP 認証を行った際に上記で指定したメールアドレスが設定されるようになります。  それにしても、LDAP 認証時にメールアドレスが設定されていなかったら任意のメールアドレスを設定出来るようにとかならないんでしょうかね。   Redmine は確かそんな動作だったと思います。   普通に困ると思うのですが・・・。    ## Username とメールアドレスの@より前が異なる場合  上記は、Username と メールアドレスの @ より前の部分が同じであるという条件が付きます。   これらが異なる場合は、そのユーザーアカウントに対してメールアドレスを２つ設定する必要があります。  例えば、Username が `hoge` で、メールアドレスが `piyo@example.com` というような場合です。  この場合、LDAP 認証でログインしたときに `hoge@example.com` というメールアドレスが登録されますが、これはログイン用のダミーとして残しておき、実際に通知などで使用するメールアドレスとして `piyo@example.com` をユーザーアカウントに追加登録します。   Git のコミットログなどではメールアドレスをキーにしてユーザーを関連付けますが、GitLab 上では、メールアドレスを複数登録した場合はその両方がユーザーの判別に使用されるようです。   詳細は GitLab のメールアドレスの追加ページに書いてあります。  ## 参考 URL  - https://github.com/gitlabhq/gitlabhq/issues/6180 - https://yoshinorin.net/2017/04/04/gitlab-ldap-authentication/ - http://blog.ybbo.net/2015/03/26/make-ldap-certification-to-gitlab/

2017/11/10

NO IMAGE

GitLab のバージョンアップを行った

GitLab

2017/11/09

NO IMAGE

GitLab のバックアップとリストア

GitLab

## 環境  - ホスト : CentOS 7 - GitLab 8.12.1  ## バックアップ  まずは Docker コンテナに入ります。  ```sh docker exec -it コンテナ名 bash ```  GitLab では以下のコマンドを入力することで簡単にバックアップが行えます。  ```sh gitlab-rake gitlab:backup:create ```  バックアップしたファイルは `/var/opt/gitlab/backups` に `1524094876_2018_04_18_10.1.2_gitlab_backup.tar` のような名前で保存されています。   ## データのコピー  バックアップしたファイルを別の Docker コンテナでリストアしたかったため、ファイルを移動させる必要がありました。   まずはホスト環境にコピーします。  ```sh docker cp <コンテナID>:ファイルのパス フォルダ名 ```  例えば以下のような感じです。  ```sh docker cp gitlab:/var/opt/gitlab/backups/1524094876_2018_04_18_10.1.2_gitlab_backup.tar ./ ```  今度はリストアしたいコンテナにコピーします。  ```sh docker cp ファイルのパス <コンテナID>:フォルダ名 ```  例えば以下のような感じです。  ```sh docker cp 1524094876_2018_04_18_10.1.2_gitlab_backup.tar gitlab:/var/opt/gitlab/backups/ ```   ## リストア  リストア自体は以下のコマンドでできます。   ```sh gitlab-rake gitlab:backup:restore ```  バックアップファイルが複数ある場合は、以下のようにタイムスタンプを指定します。  ```sh gitlab-rake gitlab:backup:restore BACKUP=1524094876_2018_04_18_10.1.2 ```  既存のテーブルを削除するかどうか聞かれたら、問題ないかどうか確認したうえで `yes` と入力します。  ## 参考 URL  - https://docs.gitlab.com/omnibus/settings/backups.html - https://ez-net.jp/article/6E/Hl6j5jpB/HqHuGAITN6gM/ - https://qiita.com/ayaran/items/1d4e27dad44994f923bf

Visual Studio 2017 Update 4 (15.4) で .NET Core プロジェクトの新規作成ができない

Visual Studio

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj88X6ZLhpRTkCi_uHIDt97gtEE3OR6sIB4tFq77XjGYEdZd8qEUeLqRK7dbOhBJVjgtBg4IbWotTQDx7QowOiY5w1oM5yVTVhDLyQacdXRgeW0lNzaHTg3vzvmf5R-Y8c4HYTNrgLDFNw/s1600/error.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj88X6ZLhpRTkCi_uHIDt97gtEE3OR6sIB4tFq77XjGYEdZd8qEUeLqRK7dbOhBJVjgtBg4IbWotTQDx7QowOiY5w1oM5yVTVhDLyQacdXRgeW0lNzaHTg3vzvmf5R-Y8c4HYTNrgLDFNw/s320/error.png" width="320" height="129" data-original-width="480" data-original-height="193" /></a> ## 解決方法  `Azure Functions and Web Jobs Tools` をアップデートすると直りました。  Visual Studio のメニュー画面より、[ツール] > [拡張機能と更新プログラム] を選択します。  左のメニューより [更新プログラム] > [Visual Studio Marketplace] を選択します。   （更新プログラムがなければ検索してください。）  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwt9Am5Q4dB743xHqO5iGksM0HaHps9igoEO-NWFgeqVcCrXn7cUpZmCukn4lU-J0oip4kCWjiSePVhJc2JE3hJlw-2LSHYeMzb9WqPqvOF643A2s2la_RF6X9bKlnW2oWy15BLFNSMmE/s1600/error2.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwt9Am5Q4dB743xHqO5iGksM0HaHps9igoEO-NWFgeqVcCrXn7cUpZmCukn4lU-J0oip4kCWjiSePVhJc2JE3hJlw-2LSHYeMzb9WqPqvOF643A2s2la_RF6X9bKlnW2oWy15BLFNSMmE/s320/error2.png" width="320" height="222" data-original-width="941" data-original-height="653" /></a> `Azure Functions and Web Jobs Tools` を更新します。

ASP.NET Core におけるバリデーションの基本

ASP.NET Core

## 環境  - Visual Studio 2017 - ASP.NET Core 2.0  ## サンプル  View です。 ここでは以下のような入力フォームがあったとします。  ```html @model Sample.Models.Account   <div id="login-form" class="container well">    <form asp-controller="Account" asp-action="Login">        <div class="form-group">            <label asp-for="Username" class="control-label">Username</label>            <input asp-for="Username" type="text" class="form-control input-lg">            <span asp-validation-for="Username" class="text-danger"></span>        </div>        <div class="form-group">            <label asp-for="Password" class="control-label">Password</label>            <input asp-for="Password" type="password" class="form-control input-lg">            <span asp-validation-for="Password" class="text-danger"></span>        </div>        <div asp-validation-summary="ModelOnly" class="text-danger"></div>        <button type="submit" class="btn btn-success btn-block btn-lg">Login</button>    </form></div>```  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5OyImTo5SOCKfJc-AAZdFJJYEV-IRIQSkC_QWib-6nWjk5v5ed-WG3ewg6TYxd_75gQ8QgWtOkYKUIN2L4hE07Itqe2iwzQdWzKSg-ahYQhuEKkduftZEZLJU9UOY3uIMVEqvBO04rDE/s1600/1.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5OyImTo5SOCKfJc-AAZdFJJYEV-IRIQSkC_QWib-6nWjk5v5ed-WG3ewg6TYxd_75gQ8QgWtOkYKUIN2L4hE07Itqe2iwzQdWzKSg-ahYQhuEKkduftZEZLJU9UOY3uIMVEqvBO04rDE/s320/1.png" width="320" height="283" data-original-width="342" data-original-height="302" /></a> データクラスは以下です。  ```cs public class Account {     public string Username { get; set; }     public string Password { get; set; } } ```  ### 簡単な解説  まず、以下のコードで、この View で扱う model を定義しています。    ```cs @model SD2APCT1.Models.Account ```  - http://aspnet-core.clock-up.jp/contents/mvc/mvc#%E3%83%93%E3%83%A5%E3%83%BC%E4%BE%8B   ここではアカウント情報を扱うためのクラス Account を model として定義しています。  入力値は `asp-for="プロパティ名"` とすることで、model の該当のプロパティにバインディングされます。  尚、大文字小文字が異なっていてもきちんとバインディングされるようです。  `asp-validation-for="プロパティ名"` は、指定したプロパティのバリデーションでエラーとなったときにメッセージを表示する箇所に指定します。 このエラーは後述するように、model とするクラスのフィールドの属性に従ってクライアントサイドでチェックされるようです。 尚、エラー以外の場合では HTML タグ自体出力されません。  `asp-validation-summary` を指定した箇所には、Controller で内容をチェックし、エラーが発生したときのメッセージが表示されます。 `asp-validation-summary` の属性値には `All` `ModelOnly` `None` が指定できるようです。    詳細は[公式のドキュメント](https://docs.microsoft.com/en-us/aspnet/core/mvc/views/working-with-forms)を参照してください。   また、メッセージは `li` タグで出力されるようです。   ## 入力を必須とする  フィールドに `[Required]` を付加します。  ```cs using System.ComponentModel.DataAnnotations;  public class Account {     [Required]     public string Username { get; set; }     [Required]     public string Password { get; set; } } ```  他に指定できる属性は以下を参照してください。  - https://docs.microsoft.com/en-us/aspnet/core/mvc/models/validation#validation-attributes  これに対し、アクションメソッドで以下のように記述します。  ```cs [HttpPost] [AutoValidateAntiforgeryToken] public async Task<IActionResult> Login(Account user) {     if (ModelState.IsValid)     {         const string badUserNameOrPasswordMessage = "Username or password is incorrect.";         if (user == null)         {             ModelState.AddModelError(string.Empty, badUserNameOrPasswordMessage);             return View(user);         }          // 認証         var lookupUser = MaintenanceAccount.IsAuthentication(user);         if (lookupUser == null)         {             ModelState.AddModelError(string.Empty, badUserNameOrPasswordMessage);             return View(user);         }          // Cookies 認証スキームで新しい ClaimsIdentity を作成し、ユーザー名を追加します。         var identity = new ClaimsIdentity(CookieAuthenticationDefaults.AuthenticationScheme);         identity.AddClaim(new Claim(ClaimTypes.Name, lookupUser.Username));          // クッキー認証スキームと、上の数行で作成されたIDから作成された新しい ClaimsPrincipal を渡します。         await HttpContext.SignInAsync(new ClaimsPrincipal(identity));          return RedirectToAction(nameof(HomeController.Index), "Home");     }     return View(user); } ```  `ModelState.IsValid` により、前述の `[Required]` 属性などがチェックされて有効な値かどうかが判定できます。  この状態で未入力のままボタンをクリックすると、以下のようにエラーが表示されます。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMHKDi83iUMEUP_rLh9ujifVxQilYH5cyIpA9rje2UxOlixThoxTqCkeramDou32u9eZJRyq4j8mUGuQvIurnKDBMSygXHrZgNnXQb_odvbg5VCSOPCWVQ3DXCYLiR4zP53NP6rWGl-yA/s1600/2.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMHKDi83iUMEUP_rLh9ujifVxQilYH5cyIpA9rje2UxOlixThoxTqCkeramDou32u9eZJRyq4j8mUGuQvIurnKDBMSygXHrZgNnXQb_odvbg5VCSOPCWVQ3DXCYLiR4zP53NP6rWGl-yA/s320/2.png" width="320" height="308" data-original-width="330" data-original-height="318" /></a> 表示するメッセージを変更したい場合は以下のように記述します。  ```cs using System.ComponentModel.DataAnnotations;  public class Account {     [Required(ErrorMessage = "ユーザー名は必須入力です。")]     public string Username { get; set; }     [Required(ErrorMessage = "パスワードは必須入力です。")]     public string Password { get; set; } } ```  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnSf32WS4CcHfZ0ZpoqOM7dCDAIqFa3NgvWuv49Dy8PDS8fuhuYMunAPDTzULvKtJk0yoq2uheWdvqbkvgeJZNQ6WlOOxavQB8DqDh17el2aru6iFJ406At2YHgo3G2zgjInQfNYBkPpA/s1600/3.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnSf32WS4CcHfZ0ZpoqOM7dCDAIqFa3NgvWuv49Dy8PDS8fuhuYMunAPDTzULvKtJk0yoq2uheWdvqbkvgeJZNQ6WlOOxavQB8DqDh17el2aru6iFJ406At2YHgo3G2zgjInQfNYBkPpA/s320/3.png" width="320" height="315" data-original-width="330" data-original-height="325" /></a> また、多言語対応などにより、リソースファイルからテキストを取得したい場合は以下のように記述します。  ```cs using System.ComponentModel.DataAnnotations;  public class Account {     [Required(ErrorMessageResourceType = typeof(Resources.Messages),         ErrorMessageResourceName = "ユーザー名は必須入力です。")]     public string Username { get; set; }     [Required(ErrorMessageResourceType = typeof(Resources.Messages),         ErrorMessageResourceName = "パスワードは必須入力です。")]     public string Password { get; set; } } ```  ## 入力値に対するチェック  Controller で入力値のチェックを行いエラーとする場合は、以下のように記述します。   ここでは例のため、無条件でエラーとしています。  ```cs [HttpPost] [AutoValidateAntiforgeryToken] public async Task<IActionResult> Login(Account user) {     ModelState.AddModelError(string.Empty, "ユーザー名またはパスワードが不正です。");     return View(user); } ```  ## 参考 URL  - https://qiita.com/takasan/items/205de7ac4a5f3567d7c6 - http://teruc.dnsalias.net/blog/2012/05/10/319

2017/11/05

NO IMAGE

[C#] 非同期メソッドを同期メソッドとして扱いたい場合

2017/11/03

NO IMAGE

ASP.NET Core における css と js ファイルの Bundle と Minify

ASP.NET Core

Bundle と Minify については以下のページで解説されています。  - https://docs.microsoft.com/en-us/aspnet/core/client-side/bundling-and-minification  ## 環境  - Visual Studio 2017 - ASP.NET Core 2.0  ## ASP.NET Core における CSS と js ファイルの圧縮  ASP.NET Core のテンプレートプロジェクトでは、基本的に JavaScript は `wwwroot/js/site.js` に、スタイルシートは `wwwroot/css/site.css` にコードを追加していきます（もちろん自分でファイルを追加することもできます）。  追加したコードやファイルはビルド時に縮小（Minify）され、それぞれ `wwwroot/js/site.min.js` `wwwroot/css/site.min.css` というファイルに統合（Bundle）されます。   この Bundle と Minify の作成ルールは、`bundleconfig.json` に記載されています。  尚、ASP.NET Core 2.0 のテンプレートプロジェクトだと、これらは全て設定済みの状態です。   なので、プロジェクトの発行を行ったときにも、`site.min.js` `site.min.css` は自動で作成されるものだと思っていました。   というかそんな感じで [Microsoft のページ](https://docs.microsoft.com/en-us/aspnet/core/client-side/bundling-and-minification)でも説明されていますし、Visual Studio で `bundleconfig.json` を開いたときに特に拡張機能のインストールなども促されなかったですし。  しかし、私の場合、実際にはプロジェクトの発行時に `site.min.js` `site.min.css` が作成されず、調べたところ `BundlerMinifier` がインストールされていないことがわかりました。  というわけで、NuGet で `BundlerMinifier` をインストールすると、`site.min.js` `site.min.css` が作成されるようになりました。  ## BundlerMinifier のインストール  [パッケージマネージャーコンソール] から以下のコマンドを入力します。  ```sh PM> Install-Package BuildBundlerMinifier ```  インストールが完了した時点で、`site.min.js` `site.min.css` が自動的に更新されました。   ## 参考 URL  - https://docs.microsoft.com/en-us/aspnet/core/client-side/bundling-and-minification - https://marketplace.visualstudio.com/items?itemName=MadsKristensen.BundlerMinifier - https://codezine.jp/article/detail/9747 - https://www.google.co.jp/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&ved=0ahUKEwjt1_z9mZzXAhXGn5QKHTrsBQoQFggnMAA&url=https%3A%2F%2Fwww.slideshare.net%2Fmiso_desu%2F20161217-aspnet&usg=AOvVaw2JJco29WHf4NeC_049cIks

ASP.NET Core アプリケーションを外部に公開するための Windows ファイアウォールの設定

ASP.NET Core Windows

## 環境  - Windows 7 - IIS 7.0  ## ファイアウォールの設定変更  [コントロールパネル] > [システムとセキュリティ] > [Windows ファイアウォール] をクリックします。   画面左側より、[Windows ファイアウォールを介したアプリまたは機能を許可] をクリックします。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja3OLnXOZHJTTBlcP_IWgKRBMen57P9nhnTMDFWL4xpZfBlnJw38Fa2WQCF0OzrnlnRh10X9Fxyhy3747r_IvV9W-yE3QvdopIFxeNr_Qp7j2tJf2lX560f2uc-Pl2ZL32cF9nTbQh1K4/s1600/12.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja3OLnXOZHJTTBlcP_IWgKRBMen57P9nhnTMDFWL4xpZfBlnJw38Fa2WQCF0OzrnlnRh10X9Fxyhy3747r_IvV9W-yE3QvdopIFxeNr_Qp7j2tJf2lX560f2uc-Pl2ZL32cF9nTbQh1K4/s320/12.png" width="320" height="220" data-original-width="818" data-original-height="562" /></a> `World Wide Web サービス (HTTP)` のチェックを ON にして、OK をクリックします。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxPOpq87gzzJYxgmadjAiNIOhGqxXMZ1oo56vIm4cAMAGb6a0DXZmxZnQV_sltidysbBsfDnRLoNTmf5LpS-Kexj1I9z30Gt_SyHQHf_0BGV0YHOMGWxb08ZG-IjnNVAVU8fGLo1qLCQA/s1600/11.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxPOpq87gzzJYxgmadjAiNIOhGqxXMZ1oo56vIm4cAMAGb6a0DXZmxZnQV_sltidysbBsfDnRLoNTmf5LpS-Kexj1I9z30Gt_SyHQHf_0BGV0YHOMGWxb08ZG-IjnNVAVU8fGLo1qLCQA/s320/11.png" width="320" height="220" data-original-width="818" data-original-height="562" /></a> 80 番ポートであればこれだけで OK ですが、他のポートを使用している場合はさらに設定を行う必要があります。   画面左側より、[詳細設定] をクリックします。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGRJwjtnuqX1nqhc_vcuro8O_aIBJiNzr0fe0_TfwZs5eq3t3LEpqevyrAf2zRk0LCJ0YS5flSo49qJ6igIQKi77Veb6QOstRjJorF_vMJ-oEJbuTm1QfkOfLB6q2QuHPBG1E-wZBg0nU/s1600/19.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGRJwjtnuqX1nqhc_vcuro8O_aIBJiNzr0fe0_TfwZs5eq3t3LEpqevyrAf2zRk0LCJ0YS5flSo49qJ6igIQKi77Veb6QOstRjJorF_vMJ-oEJbuTm1QfkOfLB6q2QuHPBG1E-wZBg0nU/s320/19.png" width="320" height="220" data-original-width="818" data-original-height="562" /></a> 画面左側より `受信規則` をクリックし、画面右側より `新しい規則...` をクリックします。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7603bCeVcqF1O_RpPa90-7kWDZdtM5GpKEx8WbHsRaEJS-pC31tlEsk7emKZ5vzI2hn7fsp3Ght5jcx-1yXEzxoPBbkjnZBtHhGJW_pQunDg4U2OQEUzM4TxT0dsHeiPyDdG6V6gXwj4/s1600/13.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7603bCeVcqF1O_RpPa90-7kWDZdtM5GpKEx8WbHsRaEJS-pC31tlEsk7emKZ5vzI2hn7fsp3Ght5jcx-1yXEzxoPBbkjnZBtHhGJW_pQunDg4U2OQEUzM4TxT0dsHeiPyDdG6V6gXwj4/s320/13.png" width="320" height="239" data-original-width="1061" data-original-height="791" /></a> 規則の種類は [ポート] を選択します。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBvnIYiBY8BA28q3PAudcEOr3rxiWK7c_6O3fB3wmtcijQfdhtzQit79tBqLTHWMB1-DMZb9ePiMRsby3UjZTz7UAkvk5shNXejMdBCej_YZo2gHdkiqR85cSTx1-ljbeuF0lbw7PBk_g/s1600/14.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBvnIYiBY8BA28q3PAudcEOr3rxiWK7c_6O3fB3wmtcijQfdhtzQit79tBqLTHWMB1-DMZb9ePiMRsby3UjZTz7UAkvk5shNXejMdBCej_YZo2gHdkiqR85cSTx1-ljbeuF0lbw7PBk_g/s320/14.png" width="320" height="240" data-original-width="728" data-original-height="545" /></a> プロトコルおよびポートは、任意のポートを入力します。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMGPN1J8m4RGSzqpOEq5lSs0f1q2rCPUarxMcyYXU9uVEApYwBIeZpDfL2oJbevdqDTROPCdvl_uojQ81z7F3R3irFfApGLpvZGC7X_txXCANTnHt61JF_1RDihsa2VrQGhPbITkHreyQ/s1600/15.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMGPN1J8m4RGSzqpOEq5lSs0f1q2rCPUarxMcyYXU9uVEApYwBIeZpDfL2oJbevdqDTROPCdvl_uojQ81z7F3R3irFfApGLpvZGC7X_txXCANTnHt61JF_1RDihsa2VrQGhPbITkHreyQ/s320/15.png" width="320" height="240" data-original-width="728" data-original-height="545" /></a> 操作は [接続を許可する] を選択します。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZZhK342dN_7qvVM1EM5tky0LEnC05nEEoh3ZFyEH4zOmSdd8M3v6-4G5ATraOH0T1jLYgVNd8w-pFXNiBCdU1llncMuNm5WCakPXA2sdQwvimGkGbewU6eIrz3m6I8yRWvGp2qJoeZPk/s1600/16.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZZhK342dN_7qvVM1EM5tky0LEnC05nEEoh3ZFyEH4zOmSdd8M3v6-4G5ATraOH0T1jLYgVNd8w-pFXNiBCdU1llncMuNm5WCakPXA2sdQwvimGkGbewU6eIrz3m6I8yRWvGp2qJoeZPk/s320/16.png" width="320" height="240" data-original-width="728" data-original-height="545" /></a>  プロファイルは適当に設定します。   私の場合、パブリックは不要だったので OFF にしました。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5aZ1nCJQolu4hLMFkkCPW7maJ2f8fqHQea1-yiykJZgnuJTxUzG-mq0I00aRwYHOgL3-1r7Ty2mtHQgpk3b0MPQUpzrhaJYNpFqld72EnxktsT468vS0kbf_Uqxso7DMIVc5L3wwOEf4/s1600/17.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5aZ1nCJQolu4hLMFkkCPW7maJ2f8fqHQea1-yiykJZgnuJTxUzG-mq0I00aRwYHOgL3-1r7Ty2mtHQgpk3b0MPQUpzrhaJYNpFqld72EnxktsT468vS0kbf_Uqxso7DMIVc5L3wwOEf4/s320/17.png" width="320" height="240" data-original-width="728" data-original-height="545" /></a> 名前は適当に入力します。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNq8XyyEWa9oLLuJy9FqdqINMxV2YGTjKTw1vzqlhtkUrtC54ZGT5OUTSWv0gJKYV1XLEa_gYU4ZAehkc-o8FNvUAuNisDYmOH05c-m53NbMeJo0j496lJ8205cgxQLPPlY6ryq7jfGGE/s1600/18.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNq8XyyEWa9oLLuJy9FqdqINMxV2YGTjKTw1vzqlhtkUrtC54ZGT5OUTSWv0gJKYV1XLEa_gYU4ZAehkc-o8FNvUAuNisDYmOH05c-m53NbMeJo0j496lJ8205cgxQLPPlY6ryq7jfGGE/s320/18.png" width="320" height="240" data-original-width="728" data-original-height="545" /></a> [完了] をクリックすれば終了です。  ## 参考 URL  - https://qwerty.work/blog/2013/04/iis880web.php

ASP.NET Core アプリケーションを IIS でホストする

ASP.NET Core IIS Windows

基本的には [Microsoft のページ](https://docs.microsoft.com/en-us/aspnet/core/publishing/iis)で解説されている通りです。  ## 環境  - Windows7 - IIS 7.0 - ASP.NET Core 2.0  ASP.NET Core 2.0 のテンプレートプロジェクトでテストしています。  ## IIS のインストール  [コントロール パネル] > [プログラム] > [プログラムと機能] > [Windows の機能の有効化または無効化] (画面の左側) をクリックします。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwKlc3req9LDGBGjCRw54mh6PJRtYsqFIpeC9zQxCSpWOSX-ltj-B3qxzgRYt33axtIjO89D9g8FR81MfoDTYwFeB56DyUIjYz9Gxx4uiWJr2FsbwtTUqYlaNNfh7N4w9WtyNJ7BamLuA/s1600/01.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwKlc3req9LDGBGjCRw54mh6PJRtYsqFIpeC9zQxCSpWOSX-ltj-B3qxzgRYt33axtIjO89D9g8FR81MfoDTYwFeB56DyUIjYz9Gxx4uiWJr2FsbwtTUqYlaNNfh7N4w9WtyNJ7BamLuA/s320/01.png" width="320" height="220" data-original-width="818" data-original-height="562" /></a>  [インターネット インフォメーション サービス] > [Web 管理ツール] > [IIS 管理コンソール] のチェックを ON にします。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg98GM8g4wOQSDXv2FFAyWsvc8XsZUQFmImVxOEUy2nyL5dY06LBPIk9S0uN1wcza_lIf0Q3J6vENuzqAtG6meYFJhVWH-sNoRr9OszLSZxF8DyLXRNSlsmqJBEPG4ImYdKYsVQ9Q2uiKA/s1600/02.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg98GM8g4wOQSDXv2FFAyWsvc8XsZUQFmImVxOEUy2nyL5dY06LBPIk9S0uN1wcza_lIf0Q3J6vENuzqAtG6meYFJhVWH-sNoRr9OszLSZxF8DyLXRNSlsmqJBEPG4ImYdKYsVQ9Q2uiKA/s320/02.png" width="320" height="183" data-original-width="786" data-original-height="450" /></a> [World Wide Web サービス] のチェックをオンにします。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwKhmPavdZk36drgV0Av1-erc2Z5DH418SFDAK9phr9fTSkOG6icMenddT5ps_ayFKXnDPFUu78ltsRwwHuMG-2QczL_7G9tSqgn7rjFn0ImU4iFuuJ654Odgi8qtsWW9YJyS7IES8W9Y/s1600/03.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwKhmPavdZk36drgV0Av1-erc2Z5DH418SFDAK9phr9fTSkOG6icMenddT5ps_ayFKXnDPFUu78ltsRwwHuMG-2QczL_7G9tSqgn7rjFn0ImU4iFuuJ654Odgi8qtsWW9YJyS7IES8W9Y/s320/03.png" width="320" height="187" data-original-width="786" data-original-height="460" /></a> ## ツールのインストール  ### .NET Core SDK のインストール  以下からインストーラーをダウンロードして、インストールします。  - https://www.microsoft.com/net/core  ### ASP.NET Core Module のインストール  ASP.NET Core Module をインストールするには .NET Core Windows Server Hosting bundle というのをインストールするみたいです。  以下からインストーラーをダウンロードして、インストールします。 ※最新バージョンのリンクの貼り方がわからなかったので、現時点の最新バージョン(2.0.0)となっています。  - https://aka.ms/dotnetcore.2.0.0-windowshosting  インストールが完了したら、以下のコマンドを入力して IIS を再起動します。  **停止**  ```sh net stop was /y ```  **開始**  ```sh net start w3svc ```  ### 動作確認  以下で ASP.NET Core Module がインストールされたことを確認できます。  スタートメニューから IIS マネージャーを起動します。   [構成マネージャー] をクリックします。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1gmMoeFGvZi8m9XFT6YtuME8J_QPV9krQte21nfbJv9a7hO96w0GQqdp-J1gLABzGj4QRCcOXuq8tVA8Fulel6KU-si7xEQ2cdB1yhFoQ2CXdhRlBBgnVjAkUpqv5XpW0Xal5m_nqwTY/s1600/04.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1gmMoeFGvZi8m9XFT6YtuME8J_QPV9krQte21nfbJv9a7hO96w0GQqdp-J1gLABzGj4QRCcOXuq8tVA8Fulel6KU-si7xEQ2cdB1yhFoQ2CXdhRlBBgnVjAkUpqv5XpW0Xal5m_nqwTY/s320/04.png" width="320" height="189" data-original-width="1260" data-original-height="745" /></a> セクションの `system.webServer` の配下に `aspNetCore` があれば OK です。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1pzYyXjupTMvcAWcHZ36W-c19iCzZGQM8S_6BjE_qL05_8_1F-n9uDgSzstb7cS_qKjP0Vn7Q2lBpAFIfK7BLwaxNuwjuioNU8Jkr64tAjrUi6n7KlvEnamuBKIwgyIQodPrXLpJwXFg/s1600/05.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1pzYyXjupTMvcAWcHZ36W-c19iCzZGQM8S_6BjE_qL05_8_1F-n9uDgSzstb7cS_qKjP0Vn7Q2lBpAFIfK7BLwaxNuwjuioNU8Jkr64tAjrUi6n7KlvEnamuBKIwgyIQodPrXLpJwXFg/s320/05.png" width="320" height="189" data-original-width="1258" data-original-height="743" /></a>  ## IIS の設定変更  ### アプリケーションプールの追加  画面左側から [アプリケーションプール] を右クリックして、[アプリケーションプールの追加...] をクリックします。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLeaSFDEy5JKWnzviqeWPq6-Bv4Rh5ozAms29voO01npATsxAMTyq5n-SepLoqSUKGPg2XmKfvp1cZaHOuQCDBx-4P841f1YGVkFpBO-XRyLZLqpEIdDb9_cO5-nANWKlUPZq6XP280R8/s1600/06.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLeaSFDEy5JKWnzviqeWPq6-Bv4Rh5ozAms29voO01npATsxAMTyq5n-SepLoqSUKGPg2XmKfvp1cZaHOuQCDBx-4P841f1YGVkFpBO-XRyLZLqpEIdDb9_cO5-nANWKlUPZq6XP280R8/s320/06.png" width="320" height="189" data-original-width="1260" data-original-height="745" /></a> 名前は適当に入れます。   ASP.NET Core はホスト OS のランタイムに依存しないため、.NET Framework バージョンは `マネージコードなし` を選択して OK を押します。    <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVTE97oGctLw_IsToDnTGayeloiJV0AaByjaWMTqfBqD5IGylJWENBzKaAIjkdxGktAYkdGcf4il3NgMzsCv61PMILh_p0jpccM3RShf6v40pkWVY7QDT8yKVx_IxXJgfp9qS3RtxTmmU/s1600/07.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVTE97oGctLw_IsToDnTGayeloiJV0AaByjaWMTqfBqD5IGylJWENBzKaAIjkdxGktAYkdGcf4il3NgMzsCv61PMILh_p0jpccM3RShf6v40pkWVY7QDT8yKVx_IxXJgfp9qS3RtxTmmU/s320/07.png" width="302" height="320" data-original-width="306" data-original-height="324" /></a> ### Web サイトの追加  画面左側から [Web サイトの追加] を右クリックして、[Web サイトの追加...] をクリックします。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3wFUBi9VmtV6eQLuMzZ36_COxt9ixDBmB-fZUgYwESkCHLdR1bi1OObJYr_0-dgnA0qyW424EUYl-E4WtbJONkKZCSxaolL4z8EqOkFlnw2lb-k0VfDd-rwYZqLfq8YP81aCBIDWMeZI/s1600/08.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3wFUBi9VmtV6eQLuMzZ36_COxt9ixDBmB-fZUgYwESkCHLdR1bi1OObJYr_0-dgnA0qyW424EUYl-E4WtbJONkKZCSxaolL4z8EqOkFlnw2lb-k0VfDd-rwYZqLfq8YP81aCBIDWMeZI/s320/08.png" width="320" height="189" data-original-width="1260" data-original-height="745" /></a> サイト名は適当に入力します。   アプリケーションプールは先ほど作成したものを選択します。   物理パスには発行したアプリケーションがある場所を指定します。   また、デフォルトの Web サイトが 80 番ポートを使用しているため、今回は 5000 番ポートを指定しました。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdDQrzYSvf5r2Nr_X4bMdQf9IPxeE5tYICFbG7ZRIRNOUDYSgBLBAzvB6j9TsVITHyzw49KlT2lg5yUqrZQwm8CTfPodEMiyGOuIeq4ZqzyeE-IRgFrd3KE4cc-JC2BsqBZ8Y3t_jiYUw/s1600/09.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdDQrzYSvf5r2Nr_X4bMdQf9IPxeE5tYICFbG7ZRIRNOUDYSgBLBAzvB6j9TsVITHyzw49KlT2lg5yUqrZQwm8CTfPodEMiyGOuIeq4ZqzyeE-IRgFrd3KE4cc-JC2BsqBZ8Y3t_jiYUw/s320/09.png" width="277" height="320" data-original-width="522" data-original-height="603" /></a> ### 動作確認  上記の設定が完了したら、画面右側の [Web サイトの参照] をクリックして、Web サイトが正しく表示されるか確認します。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPmMQPAw9C_OXEl85VYZYnnZQ1BPlVF16xpw5FQofaUn9vMP7exHXMFrfnIgyJy-61TZKfVGCKYhHdFCy9RxrhWhLuDDUr5VHpDJhCyMoQLA68UJg1NUBcb4CzGTODNmiJwpIWFSb_RXQ/s1600/10.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPmMQPAw9C_OXEl85VYZYnnZQ1BPlVF16xpw5FQofaUn9vMP7exHXMFrfnIgyJy-61TZKfVGCKYhHdFCy9RxrhWhLuDDUr5VHpDJhCyMoQLA68UJg1NUBcb4CzGTODNmiJwpIWFSb_RXQ/s320/10.png" width="320" height="189" data-original-width="1260" data-original-height="745" /></a> ## ファイアウォールの設定変更  上記では localhost にアクセスしましたが、外部からアクセスするにはファイアウォールの設定変更が必要です。   これについては以下の記事を参照してください。  - [ASP.NET Core アプリケーションを外部に公開するための Windows ファイアウォールの設定](https://kuttsun.blogspot.jp/2017/11/aspnet-core-windows.html)   ## 参考 URL  - https://docs.microsoft.com/en-us/aspnet/core/publishing/iis - https://qiita.com/taiga_takahari/items/7809c78393750c42e443 - https://qiita.com/taiga_takahari/items/9485c01fb2904562e6fe#_reference-a73b41fec1732e820d49 - https://docs.microsoft.com/en-us/aspnet/core/hosting/windows-service

2017/11/30

2017/11/29

2017/11/25

2017/11/23

2017/11/22

2017/11/17

2017/11/16

2017/11/15

2017/11/14

2017/11/13

2017/11/12

2017/11/11

2017/11/10

2017/11/09

2017/11/08

2017/11/07

2017/11/05

2017/11/03

2017/11/02

2017/11/01

Translate

Popular Posts

Labels

Blog Archive