9月 2017

Home › Archives for 9月 2017

2017/09/29

GitLab Runner を docker-compose で動かす

Docker イメージは Docker Hub で公開されています。  - https://hub.docker.com/r/gitlab/gitlab-runner/  ## 前提  当初、GitLab と GitLab Runner は Docker for Windows で同じホストで動作させる予定でした。  しかし、どうも GitLab Runner がジョブを開始しないので、GitLab Runner だけは CentOS で動作させることにしました。   CentOS だと何の問題もなく動作しました。   何故 GitLab も CentOS で動作させないのかというと、社内のネットワーク事情です。  ## docker-compose.yml の作成  設定は docker-compose を使って行います。   以下のような `docker-compose.yml` を作成しました。  ```yml version: '2' services:   gitlab-runner:     image: gitlab/gitlab-runner     restart: always     volumes:       - /srv/gitlab-runner/config:/etc/gitlab-runner       - /var/run/docker.sock:/var/run/docker.sock ```  docker-compose で起動します。  ```sh docker-compose up -d ```  ## 登録処理  gitlab-runner 起動後、コンテナの中に入って、登録処理を行います。   詳細は以下の記事を参考にしてください。  - [GitLab Runner を GitLab に登録](http://kuttsun.blogspot.jp/2017/10/gitlab-runner-gitlab.html)  ## 参考 URL  - https://docs.gitlab.com/runner/install/docker.html - https://qiita.com/toe/items/f47f383b9931a840a25c - https://docs.gitlab.com/runner/install/docker.html#docker-image-installation-and-configuration - https://about.gitlab.com/features/gitlab-ci-cd/ - https://qiita.com/toe/items/f47f383b9931a840a25c#gitlab-runner%E3%82%B3%E3%83%B3%E3%83%86%E3%83%8A%E3%82%92%E8%B5%B7%E5%8B%95%E3%81%99%E3%82%8B - http://blog.hawksnowlog.cf/2017/09/build-specific-runner-for-gitlabci.html#%E3%83%A9%E3%83%B3%E3%83%8A%E3%83%BC%E3%82%92%E7%99%BB%E9%8C%B2%E3%81%99%E3%82%8B - https://kore1server.com/353/GitLab+CI%E3%81%A8%E3%83%A9%E3%83%B3%E3%83%8A%E3%83%BC%E3%81%A7%E3%83%87%E3%83%97%E3%83%AD%E3%82%A4%E3%81%99%E3%82%8B

2017/09/26

NO IMAGE

PlantUML サーバーを docker-compose で動かす

2017/09/25

NO IMAGE

Windows 10 の便利なショートカットキー

Windows

ASP.NET Core Identity を使わない認証

ASP.NET Core C#

ここでは ASP.NET Core 2.0 以降を対象とします。   基本的に [Microsoft のページ](https://docs.microsoft.com/en-us/aspnet/core/security/authentication/cookie)に書いてあるのですが、その通りにやっても全く動きませんでした。   というかいろいろ説明不足だなと感じます（もしくは前提となる知識が私に不足しているか）。    そんなわけで、上記のページ書いてあることの要約＋補足事項みたいな感じになっています。  ## 環境  - Visual Studio 2017 - ASP.NET Core 2.0  ## プロジェクトの作成  ASP.NET Core 2.0 のテンプレートプロジェクトをベースにして説明したいと思うので、ASP.NET Core でプロジェクトを作成します。   認証はなしにしておきます。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizzq8kbyaXxhPfGLFc821VTaDLPcwHfwzOmlJ5tOPb6-Nr49Tsk21f71NvCkTE2Tnx_KC-nV9P0Sk_e67I5mj-Vd7rEXlNJlKVSvJ6sG-2pvhjj81uaijAdzkoh9N057q-VfLmJxmXFSU/s1600/%25E7%2584%25A1%25E9%25A1%258C.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizzq8kbyaXxhPfGLFc821VTaDLPcwHfwzOmlJ5tOPb6-Nr49Tsk21f71NvCkTE2Tnx_KC-nV9P0Sk_e67I5mj-Vd7rEXlNJlKVSvJ6sG-2pvhjj81uaijAdzkoh9N057q-VfLmJxmXFSU/s320/%25E7%2584%25A1%25E9%25A1%258C.png" width="320" height="209" data-original-width="786" data-original-height="513" /></a> ## 準備  `Startup.cs` の `Configure` メソッドに `UseAuthentication` を追加します。   尚、これは `UseMvc` より先に記述する必要があります（これで結構はまった・・・）。  ```cs // This method gets called by the runtime. Use this method to configure the HTTP request pipeline. public void Configure(IApplicationBuilder app, IHostingEnvironment env) {     // ...      app.UseAuthentication();      // ... } ```  続いて、`ConfigureServices` メソッドに `AddAuthentication` と `AddCookie` を追加します。   これは別に `AddMvc` より先に記述しなくても動作しました。  ```cs // This method gets called by the runtime. Use this method to add services to the container. public void ConfigureServices(IServiceCollection services) {     // ...      services.AddAuthentication("MyCookieAuthenticationScheme")         .AddCookie("MyCookieAuthenticationScheme", options =>        {             options.AccessDeniedPath = "/Account/Forbidden/";             options.LoginPath = "/Account/Unauthorized/";         }); } ```  デフォルトのスキーマ名を使用する場合は以下のように指定します。  ```cs using Microsoft.AspNetCore.Authentication.Cookies;  //...  services.AddAuthentication(CookieAuthenticationDefaults.AuthenticationScheme) .AddCookie(options =>{     options.AccessDeniedPath = "/Account/Forbidden/";     options.LoginPath = "/Account/Unauthorized/"; }); ```  - `AccessDeniedPath` はアクセスが禁止されているリソースにアクセスしようとしたときにリダイレクトする相対パスです。 - `LoginPath` は認証されていないユーザーがリソースにアクセスしようとしたときにリダイレクトする相対パスです。  ## ユーザークラスの作成  Controller を実装する前に、先に認証するユーザーを登録するためのクラス作成します。   プロジェクト直下に以下のようなクラス作成します。  ```cs namespace プロジェクト名 {     public class ApplicationUser     {         public string UserName { get; set; }         public string Password { get; set; }          public ApplicationUser() { }     } } ```  ## Controller の実装  認証を行うための `AccountController` を作成します。   ここで認証を行うユーザーも定義しておきます。   <span style="color:red;">※ここではコード上で直接定義していますが、実際にはもちろんこんなことはしません。</span> ```cs public class AccountController : Controller {     List<ApplicationUser> users = new List<ApplicationUser> {         new ApplicationUser{UserName = "hoge", Password = "1234"},         new ApplicationUser{UserName = "piyo", Password = "5678"}     };      // ... } ```  ### ログイン処理  `AccountController` に以下のようなアクションメソッドを追加します。  ```cs using System.Security.Claims; using Microsoft.AspNetCore.Mvc; using Microsoft.AspNetCore.Authentication;  // ...  public IActionResult Login() {     return View(); }  [HttpPost] [AutoValidateAntiforgeryToken] public async Task<IActionResult> Login(ApplicationUser user, string returnUrl = null) {     const string badUserNameOrPasswordMessage = "Username or password is incorrect.";     if (user == null)     {         return BadRequest(badUserNameOrPasswordMessage);     }      // ユーザー名が一致するユーザーを抽出     var lookupUser = users.Where(u => u.UserName == user.UserName).FirstOrDefault();     if (lookupUser == null)     {         return BadRequest(badUserNameOrPasswordMessage);     }      // パスワードの比較     if (lookupUser?.Password != user.Password)     {         return BadRequest(badUserNameOrPasswordMessage);     }      // Cookies 認証スキームで新しい ClaimsIdentity を作成し、ユーザー名を追加します。     var identity = new ClaimsIdentity("MyCookieAuthenticationScheme");     identity.AddClaim(new Claim(ClaimTypes.Name, lookupUser.UserName));      // クッキー認証スキームと、上の数行で作成されたIDから作成された新しい ClaimsPrincipal を渡します。     await HttpContext.SignInAsync("MyCookieAuthenticationScheme", new ClaimsPrincipal(identity));      return RedirectToAction(nameof(HomeController.Index), "Home"); } ```  `Login` というアクションメソッドが２つあります。  何も属性を付与していないほうは、`/Account/Login/` にアクセスしたときの GET メソッドに対するアクションメソッドになります。  `[HttpPost]` 属性が付与されているほうは、その名の通り POST メソッドのときのアクションメソッドになります。   また、`[AutoValidateAntiforgeryToken]` 属性はクロスサイトリクエストフォージェリを防止するために付与する属性です。  POST に対するアクションメソッドの中身についてですが、前半はユーザー情報の比較を行っているだけです。  認証したらクッキーを作成しますが、クッキーを作成するには、クッキーにシリアライズした情報を保持するための `ClaimsPrincipal` を作成する必要があるみたいです。   それが以下のコードです。  ```cs var identity = new ClaimsIdentity("MyCookieAuthenticationScheme"); identity.AddClaim(new Claim(ClaimTypes.Name, lookupUser.UserName)); ```  適切な `ClaimsPrincipal` オブジェクトを取得したら、Controller メソッド内で以下のように呼び出します。  ```cs await HttpContext.SignInAsync("MyCookieAuthenticationScheme", principal); ```  これにより、暗号化されたクッキーが作成され、現在のレスポンスに追加されます。  `SignInAsync` を呼び出すときは、設定時に指定したスキーマ名を使用する必要があります。  ### ログアウト処理  ログアウトは簡単で、以下のように記述するだけです。  ```cs public async Task<IActionResult> Logout() {     await HttpContext.SignOutAsync("MyCookieAuthenticationScheme");      return RedirectToAction("Index", "Home"); } ```  ## View の実装  Controller を実装したら、ユーザーが ID とパスワードを入力するためのフォームを作成する必要があります。  View の `Account` に `Login.cshtml` を作成します。  ```cs @model ApplicationUser @{     <form asp-antiforgery="true" asp-controller="Account" asp-action="Login">        User name: <input name="username" type="text" />        Password: <input name="password" type="password" />        <input name="submit" value="Login" type="submit" />        <input type="hidden" name="returnUrl" value="@Model" />    </form>} ```  入力した値は、`name` 属性と一致するアクションメソッドのパラメーターにバインディングされます。   尚、大文字小文字の違いがあってもきちんとバインディングされるようです。   あとは、ログインとログアウトのためのリンクを全ページに表示するため、`_Layout.cshtml` に以下のコードを追加します。   ```cs @if(User.Identity.IsAuthenticated) {     <li><a asp-area="" asp-controller="Account" asp-action="Logout">Logout</a></li>} else {     <li><a asp-area="" asp-controller="Account" asp-action="Login">Login</a></li>} ```  例えば、以下のようにヘッダーの右側に追加します。  ```html <div class="navbar-collapse collapse">    <ul class="nav navbar-nav">        <li><a asp-area="" asp-controller="Home" asp-action="Index">Home</a></li>        <li><a asp-area="" asp-controller="Home" asp-action="About">About</a></li>        <li><a asp-area="" asp-controller="Home" asp-action="Contact">Contact</a></li>    </ul>    <ul class="nav navbar-nav navbar-right">        @if (User.Identity.IsAuthenticated)         {             <li><a asp-area="" asp-controller="Account" asp-action="Logout">Logout</a></li>        }         else         {             <li><a asp-area="" asp-controller="Account" asp-action="Login">Login</a></li>        }     </ul></div>```  ## 参考 URL  - https://docs.microsoft.com/en-us/aspnet/core/security/authentication/cookie - http://blog.shibayan.jp/entry/20160517/1463476453 - https://blog.ohgaki.net/wrong-auto-login-the-answer - https://digitalmccullough.com/posts/aspnetcore-auth-system-demystified.html - https://tahirnaushad.com/2017/09/08/asp-net-core-2-0-cookie-authentication/

Docker for Windows のインストール

Docker

## ダウンロードとインストール  Docker for Windows は以下のサイトからダウンロードできます。  - https://docs.docker.com/docker-for-windows/install/   選択するオプションなどはないので、特に悩むことなくインストールできます。   インストール完了後、一度サインアウトする必要があります。  ## 以下のエラーが発生した場合  私の場合、インストール完了後にいくつかエラーが発生しました。  ### Hyper-V feature is not enabled.  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih6cS8FrcVBuv9o-4KoUkqMCZXeZnYlQtHj6OWkXT7ReFmKRwOrCRvNsQpRgq84LLakK02PG0AQ5sOcF3gHGg6bkrQR3E3ynswBYjVcDKQwFgOK5jV_aMA1bn_dWO4_AiXCMCIg8lIaY0/s1600/docker01.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih6cS8FrcVBuv9o-4KoUkqMCZXeZnYlQtHj6OWkXT7ReFmKRwOrCRvNsQpRgq84LLakK02PG0AQ5sOcF3gHGg6bkrQR3E3ynswBYjVcDKQwFgOK5jV_aMA1bn_dWO4_AiXCMCIg8lIaY0/s320/docker01.png" width="320" height="118" data-original-width="689" data-original-height="254" /></a> ```bat Hyper-V feature is not enabled. Do you want to enable it for Docker to be able to work properly? Your computer will restart automatically. ```  この画面が表示された場合、Hyper-V が有効になっていないので、OK を押して有効にします。   PC を一度再起動します。  ### Hardware assisted virtualization and data execution protection must be enabled in the BIOS.  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJFrdO9E81BkJudGP1FTnVgXJJbEMNRP0jPnswn11XJj0-aPOeUJRCzI8D25I82wtJpljZ6V8JKJIHrH5YugDW3XBTfBuDtW-q2ZE7rXE0FNqEqz3_ymCLHWx4NElJRWLF2swPDgHZ434/s1600/docker02.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJFrdO9E81BkJudGP1FTnVgXJJbEMNRP0jPnswn11XJj0-aPOeUJRCzI8D25I82wtJpljZ6V8JKJIHrH5YugDW3XBTfBuDtW-q2ZE7rXE0FNqEqz3_ymCLHWx4NElJRWLF2swPDgHZ434/s320/docker02.png" width="320" height="118" data-original-width="689" data-original-height="254" /></a> ```bat An error occurred  Hardware assisted virtualization and data execution protection must be enabled in the BIOS. ```  画面のリンク先に書いてありますが、この画面が表示された場合、Hyper-V だけでなく仮想化も有効にする必要があります。   仮想化が有効になっているかどうかはタスクマネージャーで確認できます。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYG87ulXf4k8Dmg55_dhZeRLoyoOoxa2-P3Nvi-T4_Ukmy1WHl1_h6yrWbr84YfWllO6beI3T7IgKVj5f7B8P9asxgWXx29bMKFMswcoWckIFYfDdFDTbERa1dAA_Vcl71_uQTQjZ8F7Q/s1600/docker03.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYG87ulXf4k8Dmg55_dhZeRLoyoOoxa2-P3Nvi-T4_Ukmy1WHl1_h6yrWbr84YfWllO6beI3T7IgKVj5f7B8P9asxgWXx29bMKFMswcoWckIFYfDdFDTbERa1dAA_Vcl71_uQTQjZ8F7Q/s320/docker03.png" width="320" height="247" data-original-width="836" data-original-height="646" /></a> 仮想化を有効にするためには BIOS 設定を変更する必要があります。   BIOS の設定変更方法は PC によって異なりますので、以下はあくまで一例です。  #### HP ProBook の BIOS 設定  1. PC が起動したら F10 を押します。 1. `Advanced` タブから `System Options` を選択します。 1. `Virtualization Technology (VTx)` のチェックボックスを ON にします。 1. 保存します。  ## 動作確認  Docker が正常に起動したら、コマンドプロンプトまたは PowerShell から以下のコマンドを入力して確認してみます。  ```sh > docker --version Docker version 17.06.2-ce, build cec0b72 ```  docker-compose も一緒にインストールされています。  ```sh > docker-compose --version docker-compose version 1.14.0, build c7bdf9e3 ```

2017/09/21

NO IMAGE

Surface Pro (2017) の Mini DisplayPort から音が出なくなった

Windows

2017/09/20

NO IMAGE

.NET Core コンソールアプリケーションにおけるロギングや設定について

.NET Core C#

尚、私はDI コンテナはおろか、DI パターンすらまともに扱ったことがありませんので、説明が間違っている可能性もあります。  ## 環境  - Visual Studio 2017 - .NET Core 2.0  ## 依存ライブラリのインストール  NuGet で以下の３つをインストールする必要があります。  - Microsoft.Extensions.Configuration - Microsoft.Extensions.DependencyInjection - Microsoft.Extensions.Logging  ## 実装  とりあえずソースを全部載せます。   私自身が後で見たときに分かるように、調べたことは全てコメントに書いておいたので、コードを眺めて頂くだけで大体理解していただけるのではないかと思います。   ただし、私なりの解釈も多く含んでいるので、間違っている箇所もあるかもしれません。  ```cs using System; using System.IO; using Microsoft.Extensions.Logging; using Microsoft.Extensions.DependencyInjection; using Microsoft.Extensions.Options; using Microsoft.Extensions.Configuration;  namespace ConfigurationAndLogging {     public class Program     {         // https://stackoverflow.com/questions/38706959/net-core-console-applicatin-configuration-xml         static void Main(string[] args)         {             // DI を使った Application クラスを例として挙げる              // IServiceCollection に対してフレームワークが提供する拡張メソッド を使いながら依存性を定義してゆき、             // ActivatorUtilities などを使って依存関係が解決されたインスタンスを取得するのが大まかな流れ             // add メソッドでサービスを追加すると、DI として構成される             IServiceCollection serviceCollection = new ServiceCollection();              // ConfigureServices で DI の準備を行う             ConfigureServices(serviceCollection);              // var app = new Application(serviceCollection);             IServiceProvider serviceProvider = serviceCollection.BuildServiceProvider();              // DI サービスコンテナから指定した型のサービスを取得する             var app = serviceProvider.GetService<Application>();              // 実行             app.Run();             Console.ReadKey();         }          private static void ConfigureServices(IServiceCollection services)         {             // ロギングの設定             ILoggerFactory loggerFactory = new LoggerFactory()                 // コンソールに出力する                 .AddConsole()                 // Visual Studio のデバッグウィンドウに出力する                 .AddDebug();              // DI サービスコンテナに Singleton ライフサイクルにてオブジェクトを登録する             // Singleton ライフサイクルでは Dependency インスタンスを一つ生成し、そのインスタンスをアプリケーションで共有する             services.AddSingleton(loggerFactory);             // AddLogging メソッドを呼び出すことで ILoggerFactory と ILogger<T> が DI 経由で扱えるようになる             services.AddLogging();              // IConfigurationBuilder で設定を選択             // IConfigurationBuilder.Build() で設定情報を確定し、IConfigurationRoot を生成する             IConfigurationRoot configuration = new ConfigurationBuilder()                 // 基準となるパスを設定                 .SetBasePath(Directory.GetCurrentDirectory())                 // ここでどの設定元を使うか指定                 // 同じキーが設定されている場合、後にAddしたものが優先される                 .AddJsonFile($"appsettings.json", optional: true)                 // ここでは JSON より環境変数を優先している                 .AddEnvironmentVariables()                 // 上記の設定を実際に適用して構成読み込み用のオブジェクトを得る                 .Build();              // Logger と同じく DI サービスコンテナに Singleton ライフサイクルにてオブジェクトを登録する             services.AddSingleton(configuration);              // オプションパターンを有効にすることで、構成ファイルに記述した階層構造データを POCO オブジェクトに読み込めるようにする             services.AddOptions();              // Configure<T> を使ってオプションを初期化する             // IConfigurationRoot から GetSection 及び GetChildren で個々の設定の取り出しができる             // ここでは "MyOptions" セクションの内容を MyOptions として登録             services.Configure<MyOptions>(configuration.GetSection("MyOptions"));              // Application を DI サービスコンテナに登録する             // AddTransient はインジェクション毎にインスタンスが生成される             services.AddTransient<Application>();         }     }      // オプションを保持するためのクラス     public class MyOptions     {         public string Name { get; set; }     }      public class Application     {         ILogger logger;         MyOptions settings;          // コンストラクタの引数として ILogger や IOptions 型の引数を定義すると、.NET Core の DI 機能によりオブジェクトが注入される         // (コンストラクタインジェクション)         // 設定を取得する際には IOptions<T> を経由して DI から値を受け取る         public Application(ILogger<Application> logger, IOptions<MyOptions> settings)         {             this.logger = logger;             // ここで受け取れるオブジェクトは、オブジェクト自体ではなくアクセサオブジェクトであるため、Value プロパティを参照している             this.settings = settings.Value;         }          public void Run()         {             logger.LogCritical("Log Critical");             logger.LogError("Log Error");             logger.LogWarning("Log Warning");             logger.LogInformation("Log Information");             // 以下の２つはデフォルトでは出力されない             logger.LogDebug("Log Debug");             logger.LogTrace("Log Trace");              try             {                 logger.LogInformation($"This is a console application for {settings.Name}");             }             catch (Exception ex)             {                 logger.LogError(ex.ToString());             }         }     }  } ```  ## 簡単な解説  浅い理解のまま解説してみますが・・・。  DI コンテナを使うには `ServiceCollection` を使います。   `IServiceCollection` に用意されている拡張メソッドを使って、注入したいオブジェクトを指定し、サービスとして登録します。   拡張メソッドにはオブジェクトのライフタイムに応じて以下のメソッドが用意されているようです。  - AddTransient()：インジェクション毎にインスタンスを生成。つまり常に新しいインスタンスを生成？ - AddScoped()：リクエスト毎にインスタンスを生成。コンソールアプリでは使用しない？ - AddSingleton()：アプリケーション内で１つのインスタンスを生成  これらで登録したサービスを使用するには、`ServiceCollection.BuildServiceProvider` メソッドから返される `IServiceProvider` を使用します。    `IServiceProvider` の `GetService ` などを使うことで、登録したサービスが使用できます。   尚、利用できるサービスは、BuildServiceProvider を呼び出す前に追加されたサービスだけです。  上記のコードでは `GetService` の型に `Application` を指定しており、事前に登録しておいた `Application` というサービスを取得しています。   そして、このとき `Application` のコンストラクタでオブジェクトが注入されます（コンストラクタインジェクション）。  `IServiceCollection` にサービスを登録しておけば、コンストラクタの引数を変えるだけで注入したいオブジェクトを変更できるので、とても楽だと思いました。   ## 参考 URL  - [Essential .NET - .NET Core によるログ記録](https://msdn.microsoft.com/ja-jp/magazine/mt694089.aspx) - [Essential .NET - .NET Core における構成](https://msdn.microsoft.com/ja-jp/magazine/mt632279.aspx) - [Essential .NET - .NET Core による依存関係の挿入](https://msdn.microsoft.com/ja-jp/magazine/mt707534.aspx) - [Configuration in ASP.NET Core](https://docs.microsoft.com/ja-jp/aspnet/core/fundamentals/configuration) - [ASP.NET Core 1.0 でオプションを柔軟に扱えるようになった話](http://blog.shibayan.jp/entry/20160529/1464456800) - [ASP.NET CoreにおけるDI(Dependency Injection)](http://ryuichi111std.hatenablog.com/entry/2016/07/17/102129) - [c# - .Net Core / Console Applicatin / Configuration / XML - Stack Overflow](https://stackoverflow.com/questions/38706959/net-core-console-applicatin-configuration-xml)

Blogger API を使用するための準備

Blogger

## プロジェクトを作成  Google API を使用するためにはプロジェクトを作成する必要があります。   （既にプロジェクトを作成している場合はこの手順は不要です。）  [API コンソール](https://console.developers.google.com/)にアクセスします。  画面上部より、[プロジェクトを選択] をクリックします。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2SNVcGIWVDCYsSEyKjNRSA_61jXEMmrrILWAhep3L2do1i2HjqVsCjoyE6cLFO9uqSjwGwuZaLwvY25q3OnoY_BNOMw9-ub_1eZMdX_D9tNPvhJ8paBVeCvztKDRWIwgxbp5x9KGPEqQ/s1600/01.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2SNVcGIWVDCYsSEyKjNRSA_61jXEMmrrILWAhep3L2do1i2HjqVsCjoyE6cLFO9uqSjwGwuZaLwvY25q3OnoY_BNOMw9-ub_1eZMdX_D9tNPvhJ8paBVeCvztKDRWIwgxbp5x9KGPEqQ/s320/01.png" width="320" height="193" data-original-width="412" data-original-height="249" /></a> 表示された画面で [＋] をクリックします。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-31mP1k9o9eGRR6efz87Aa1lg13EEed3mG4Eq_sucYE94vl066cUp0_tWMDLdHS6jZxr-PJMyYD41bDHvEQPKhesBxa7XNDg8WflIz1wWkERDisSZcYewiq7hgnSwyGcF_4f9uU-vv60/s1600/02.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-31mP1k9o9eGRR6efz87Aa1lg13EEed3mG4Eq_sucYE94vl066cUp0_tWMDLdHS6jZxr-PJMyYD41bDHvEQPKhesBxa7XNDg8WflIz1wWkERDisSZcYewiq7hgnSwyGcF_4f9uU-vv60/s320/02.png" width="320" height="79" data-original-width="745" data-original-height="184" /></a> 適当なプロジェクト名を入力し、[作成] をクリックします。   ## Blogger API の有効化  サイドメニューより [ライブラリ] をクリックし、`Blogger API` を検索します。   見つかったらそれをクリックします。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCz4eAaQZs2r5sBxiEv_kP0JOKgDrAaqnFqBMleOtA9AHbyjvBL504iBRLZ5lbjU8lU08aDhwB6FR17_oV7VHlL1bYt69mQouE7A4a-ay5KyPvqT684-4dZyI2GIAzv6x9cqVpjvesRq8/s1600/03.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCz4eAaQZs2r5sBxiEv_kP0JOKgDrAaqnFqBMleOtA9AHbyjvBL504iBRLZ5lbjU8lU08aDhwB6FR17_oV7VHlL1bYt69mQouE7A4a-ay5KyPvqT684-4dZyI2GIAzv6x9cqVpjvesRq8/s320/03.png" width="320" height="80" data-original-width="1045" data-original-height="260" /></a> [有効化] をクリックします。   ※プロジェクトを選択していない場合はここで選択する必要があります。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimteW5qjxEg8sMj5EMt6JIhdyjsxU6tV59ZIARgE7ZQmOF1pqPAaJc7o9MSgsamIAk2djgwV4oVP4jCbcWhQEtHK9ZUkrQBLXB8hMOfuFlrNI7_OR_fVYq7mTghKOQteOTMlaLKq3tPnA/s1600/04.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimteW5qjxEg8sMj5EMt6JIhdyjsxU6tV59ZIARgE7ZQmOF1pqPAaJc7o9MSgsamIAk2djgwV4oVP4jCbcWhQEtHK9ZUkrQBLXB8hMOfuFlrNI7_OR_fVYq7mTghKOQteOTMlaLKq3tPnA/s320/04.png" width="320" height="84" data-original-width="751" data-original-height="196" /></a>  ## 認証情報の登録  API を使用するには認証情報が必要らしいので、[認証情報を作成] をクリックします。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrIoKu3eaS_XXYVbsRtsI8ti0vlNCnYXD3bSMp45AT-p8lnzbS1VgEjPJBo6ndHbwW4n3-GbF36mMEHpGzQxmFDi2HQ2TBqZaCC-jfTAh2b8CGx_AUyDa3hNfD3tq7-rDsTSiBV9KQIfI/s1600/05.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrIoKu3eaS_XXYVbsRtsI8ti0vlNCnYXD3bSMp45AT-p8lnzbS1VgEjPJBo6ndHbwW4n3-GbF36mMEHpGzQxmFDi2HQ2TBqZaCC-jfTAh2b8CGx_AUyDa3hNfD3tq7-rDsTSiBV9KQIfI/s320/05.png" width="320" height="47" data-original-width="899" data-original-height="133" /></a> 認証方法には OAuth 認証を使用方法と API キーを使用する方法があるようです。  ### OAuth 2.0 クライアント ID  UI を持つアプリケーションなどでは OAuth 認証を使用できます。   以下のように設定し、[必要な認証情報] をクリックします。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmOkGRm9i0a7LznLJ4o0u8nITxqx6n7W16NH6IGn83eyij63CPYA1Nt9XEisgF78ceFu3hQzwPu48LbQAmTRnOoaQLaXPCapynI6FDNWhtttjyxmYiUj4JxF4_8s5ZQ6BfLbfVc6ZCgHE/s1600/10.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmOkGRm9i0a7LznLJ4o0u8nITxqx6n7W16NH6IGn83eyij63CPYA1Nt9XEisgF78ceFu3hQzwPu48LbQAmTRnOoaQLaXPCapynI6FDNWhtttjyxmYiUj4JxF4_8s5ZQ6BfLbfVc6ZCgHE/s320/10.png" width="320" height="309" data-original-width="560" data-original-height="541" /></a> [クライアント ID の作成] をクリックします。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGCF4afswmvC5vpBwmE3YL1W8NYrPPrBB9DZAMuCD7-XMJpUjsnS37mEDIPEclRorFr0vDa7mimgD7X758lAKhOre_L2pVcElaZx94QC4iFs1861a2dZQTSa38k_EA6EcL9b55Vq2iPGY/s1600/11.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGCF4afswmvC5vpBwmE3YL1W8NYrPPrBB9DZAMuCD7-XMJpUjsnS37mEDIPEclRorFr0vDa7mimgD7X758lAKhOre_L2pVcElaZx94QC4iFs1861a2dZQTSa38k_EA6EcL9b55Vq2iPGY/s320/11.png" width="320" height="255" data-original-width="495" data-original-height="395" /></a> 適当なサービス名を入力して [次へ] をクリックします。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNZbS_MnffnzJ0fSxUYks5RYYQgepD4GlQY67asv0e3b6FCwZHOhTS4RgNTm2bKLVqdtaJOqZ7Y_A4i8IexSzvEXivcAGvTMaucyotq9eC3-05kWliwVYBQLFfvVoGTi2YfyCqzZfzjn0/s1600/12.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNZbS_MnffnzJ0fSxUYks5RYYQgepD4GlQY67asv0e3b6FCwZHOhTS4RgNTm2bKLVqdtaJOqZ7Y_A4i8IexSzvEXivcAGvTMaucyotq9eC3-05kWliwVYBQLFfvVoGTi2YfyCqzZfzjn0/s320/12.png" width="320" height="285" data-original-width="676" data-original-height="602" /></a> JSON ファイルがダウンロードされます。  このファイルにはシークレットキーなどが記載されているので、大切に保管しておきます。   あとは、それらのキーを使用して API を使用します。   ### API キーの作成  サービスやデーモンなどを作成する場合は OAuth 認証が使用できないので、API キーを使用するようです。  [認証情報] > [認証情報を作成] > [API キー] を選択します。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLbDdAdy7Y47qbK7ORfyInG8lshPks0541MjhEcnKixnWEHpZi_6uFtFoYLZP3c5jV9Z2HKG_LCEEQemdGPcodJf4g4N3Jc3Hymwxrf_Ojc3s-ifDaM4w2QGFLYxHNQnpSskkPryATTwk/s1600/01.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLbDdAdy7Y47qbK7ORfyInG8lshPks0541MjhEcnKixnWEHpZi_6uFtFoYLZP3c5jV9Z2HKG_LCEEQemdGPcodJf4g4N3Jc3Hymwxrf_Ojc3s-ifDaM4w2QGFLYxHNQnpSskkPryATTwk/s320/01.png" width="320" height="148" data-original-width="1537" data-original-height="710" /></a> 続けて [キーを制限] をクリックし、この API キーを使用して行える範囲を制限します。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxWAtJb7WcLAENPMaj1CbS6wVfBm67AkHjTFffu1zz-OTnIdiIn3HHY1HeU5vyJ6ypba9B8FyCPeGZ2GbrBQpgU9QTm2loqZZIw8aR2LGjpt9uJV7_XeUSx_LiUNJ7EW9TWMznPlrSYsI/s1600/02.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxWAtJb7WcLAENPMaj1CbS6wVfBm67AkHjTFffu1zz-OTnIdiIn3HHY1HeU5vyJ6ypba9B8FyCPeGZ2GbrBQpgU9QTm2loqZZIw8aR2LGjpt9uJV7_XeUSx_LiUNJ7EW9TWMznPlrSYsI/s320/02.png" width="320" height="174" data-original-width="1021" data-original-height="556" /></a> [キーの制限] のセクションで、必要に応じて制限をかけます。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgF-qlT_aPfEeiPjXCU4-1HvZJHzcgw2fT4ZjJxZ6O0b06UdiWVlTHhlPgODIzBEHpAjXsee3boBbdIGvWlMCXkfeyroWeKmQJvkJug3vw7RvL4eyk7g_lr8QkG5f5fETmvNhnfywtk2k/s1600/03.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgF-qlT_aPfEeiPjXCU4-1HvZJHzcgw2fT4ZjJxZ6O0b06UdiWVlTHhlPgODIzBEHpAjXsee3boBbdIGvWlMCXkfeyroWeKmQJvkJug3vw7RvL4eyk7g_lr8QkG5f5fETmvNhnfywtk2k/s320/03.png" width="320" height="182" data-original-width="958" data-original-height="544" /></a> これらの設定は後で変更することもできます。  ## 参考URL  - http://songofcloud.gluegent.com/2010/04/blogger-api.html - http://homework.hatenablog.jp/entry/2016/11/24/122643

2017/09/17

NO IMAGE

Vaster2 の適用とカスタマイズ

Blogger

## ダウロード  以下で無料公開されているのでダウンロードします。  - http://toumaswitch.com/vaster2/  ## カスタマイズする前に  ここは基本的にプログラマー向けのブログなので言っておきます。   必ずバージョン管理しておきましょう。   後で元に戻したくなったりとか、デザインを変えたくなった時にどこを変えればよかったんだっけ？と必ずなります。   Git がおすすめですが、SVN でも別に構いません。  ## 適用方法  1. Blogger のメニューから「テーマ」をクリックし、「HTMLの編集」をクリックします。 1. エディタの中身を全て消します。 1. `Vaster2-TD.xml` をテキストエディタで開き、中身を全てコピーします。 1. Blogger のエディタに貼り付けし、「テーマを保存」をクリックします。  ## モバイル用の設定を OFF にする  Vaster 2 はレスポンシブ対応なので、モバイル用の設定は OFF にしておきます。  ## feedy の設定を変更  以下の箇所を探します。  ```html <li class='feedly'><a href='http://cloud.feedly.com/#subscription%2Ffeed%2FブログのURL' target='blank'><i class='fa fa-rss'/><br/>Feedly</a>    </li>```  この中の「ブログのURL」と言う文字を、自分のブログのURLに置き換えます。 （http://やURLの最後に/は不要です）  ## 画像がない場合にデフォルトのサムネイルを表示させる  - https://pooh2roh.blogspot.jp/2017/07/vaster2-9.html  ## 全体の背景色を変える  以下の箇所で変更できます。  ```css body{      font-family:Helvetica,"游ゴシック","Yu Gothic",sans-serif;    background-color: #fff;  /*  全体の背景色  */    margin:0;    font-size:16px;    line-height:1.6em; } ```  場合によっては以下も変更する必要があります。  ```css .main-outer{    float:left;    width:710px;    background:#ffffff;        box-sizing:border-box;     } ```  ## ヘッダーの色とか大きさを変える  以下の箇所を探します。  ```css .Header{ width:100%; border-top:7px solid #008ec2; background-color:#fff; padding-bottom: 30px; } ```  - `border-top` で画面上部のボーダーを変更できます。 - `background-color` でヘッダーの背景色を変更できます。 - `padding-bottom` でヘッダーとページリストとの余白を調整できます。   テキストの色は以下の箇所で変更できます。  ```css .header-title a{    font-size:40px !important;    font-weight:700;    text-decoration:none;    color:#000000;     } .header-title a:hover{    text-decoration:none; } .header-title a:visited{    color:#000000; } /*   ブログ説明   */ .header-description p{    font-size:13px;    margin-top:5px; } ```  ## ページリストの色を変える  以下の箇所を探し、`background-color` で背景色を変更できます。  ```css .PageList{ width:100%; background-color:#4b99b5; } ```  テキストの色は以下の箇所で変更できます。  ```css .header-nav{ padding:0 !important; } .header-nav li{    float:left;    list-style:none;    font-size:14px; padding:0; } .header-nav a{    padding: 10px 20px;   font-size: 14px;     color: #fff;     background: #4b99b5;     text-decoration: none;     display: block; transition:.3s; } .header-nav a:hover{   background-color:#008ec2;    color:#fff; text-decoration:none;     } ```  ## フォントの変更  以下の箇所で変更できます。  ***変更前***  ```css font-family:Helvetica,"游ゴシック","Yu Gothic",sans-serif; ```  **変更後***  ```css font-family: 'meiryo', 'メイリオ', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif; ```  ## 月別アーカイブのリストの上下の間隔を狭くする  `archive-list ul` の `padding` を変更します。  ```css .archive-list ul{    padding:0 0 20px 10px;    list-style-type:none;    line-height:1.5em; } .archive-list ul a{    color:#2098a8; } .archive-list ul li{    padding-bottom:7px; } ```  ## 画像サムネイルの変更  デフォルトだとトップページの画像のサムネイルのアスペクト比が維持されず、拡大縮小も自動で行われてしまうので、以下のように変更します。  **変更前**  ```css .article-list img{   float:left;    width:300px;    height:185px; padding-right:20px; } ```  **変更後**  ```css .article-list img{   float:left;    max-width:200px;    max-height:200px; padding-right:20px; object-fit: cover; } ```  ## マークダウンで記事を書けるようにする   [こちらの記事](https://kuttsun.blogspot.jp/2017/06/markdown-blogger.html) を参照してください。 Vaster 2 とは関係ありませんが・・・。  ## シンタックスハイライトを設定する  [こちらの記事](http://kuttsun.blogspot.jp/2017/07/blogger-highlightjs.html) を参照してください。 Vaster 2 とは関係ありませんが・・・。

2017/09/15

NO IMAGE

ASP.NET Core における多言語対応

ASP.NET Core C#

ちなみに、MSDN では言語コードと国コードの組み合わせのことをカルチャーと表記していたので、ここでもカルチャーという言葉を使用したいと思います。  ## 環境  - Visual Studio 2017 - ASP.NET Core 2.0  以下、ASP.NET Core 2.0 のテンプレートプロジェクトをベースに説明しています。  ## 準備  ASP.NET Core でローカライズを行う場合、DI により `IStringLocalizer<T>` や `IHtmlLocalizer<T>` を注入するようです。  まずは `Startup.cs` の `ConfigureServices` メソッドで、以下のように `AddLocalization` `AddViewLocalization` `AddDataAnnotationsLocalization` を追加します。    ```csharp public void ConfigureServices(IServiceCollection services) {     services.AddLocalization(options => options.ResourcesPath = "Resources");      services.AddMvc()         .AddViewLocalization(             LanguageViewLocationExpanderFormat.Suffix,             opts => { opts.ResourcesPath = "Resources"; })         .AddDataAnnotationsLocalization(); } ```  `ResourcesPath` でリソースファイルのある場所を指定しています。   ここではプロジェクトの配下に `Resources` というフォルダを作成して、そこに後述するリソースファイルを配置するようにしています。  `LanguageViewLocationExpanderFormat.Suffix` はビューファイル（`cshtml` ファイル）をカルチャー毎に分ける場合に、そのファイル名をサフィックスに基づいて解決することを指定しています（後述）。    `AddDataAnnotationsLocalization` は DataAnnotations のローカライズを行うために必要なので、今回の内容の範囲外となります。   ### リクエストに対するカルチャーの選択  HTTP リクエストに対するカルチャーの設定はミドルウェアで処理されます。  具体的には `Startup.cs` の `Configure` メソッドで以下のようにして有効化します。  ```cs using System.Globalization; using Microsoft.AspNetCore.Localization;  public void Configure(IApplicationBuilder app, IHostingEnvironment env) {     // 中略      var supportedCultures = new[]     {         new CultureInfo("en-US"),         new CultureInfo("en-AU"),         new CultureInfo("en-GB"),         new CultureInfo("en"),         new CultureInfo("es-ES"),         new CultureInfo("es-MX"),         new CultureInfo("es"),         new CultureInfo("fr-FR"),         new CultureInfo("fr"),     };      app.UseRequestLocalization(new RequestLocalizationOptions     {         DefaultRequestCulture = new RequestCulture("en-US"),         // Formatting numbers, dates, etc.         SupportedCultures = supportedCultures,         // UI strings that we have localized.         SupportedUICultures = supportedCultures     });      app.UseStaticFiles();      app.UseMvc(routes =>    {         routes.MapRoute(             name: "default",             template: "{controller=Home}/{action=Index}/{id?}");         });     } } ```  リクエストからカルチャーを決定できない場合には、`DefaultRequestCulture` で指定されたカルチャーが使用されます。   (上記では、未対応のカルチャーに対しては英語が表示されます。)  一応注意として、`app.UseMvcWithDefaultRoute()` などは内部でリクエストのカルチャーをチェックする可能性があるらしいので、その前に構成する必要があるようです。  ## リソースファイルの作り方と命名規則  実際に表示される文字は、リソースファイルを作成してそこに記入していきます。   リソースファイルは以下のようにして追加します。  1. プロジェクトを右クリックし、[追加] > [新しい項目] を選択します。 1. [リソースファイル]を選択して作成します。  リソースファイルを作成するとデザイナーが表示され、名前と値の組み合わせが記入できるようになっていると思います。  ※詳しい手順は[Microsoft](https://docs.microsoft.com/ja-jp/aspnet/core/fundamentals/localization) のサイトに画像付きで載っています。  `名前` にキーを入力し、`値` にローカライズした場合の文字列を書きます。  尚、リソースファイル名は以下のようなネーミングルールとなっており、フォルダの階層で分ける方法と、ファイル名をドットで区切る方法があるみたいです。     **Controller の場合**  - `Resources/Controllers/HomeController.ja.resx` - `Resources/Controllers.HomeController.ja.resx`  **View の場合**  - `Resources/Views/Home/About.ja.resx` - `Resources/Views.Home.About.ja.resx`  また、View の場合は `cshtml` ファイル自体をカルチャー毎に分けることもできます。   この場合、リソースファイルと同じように、ファイル名を `index.ja.cshtml` にして作成するようですが、ここでは扱いません。   上記では日本語の例として `ja` を指定していますが、カルチャー名は省略することもでき、カルチャー名のないリソースファイルはデフォルトのリソースファイル（未対応のカルチャーが指定された場合に使用されるリソースファイル）として扱われます。   尚、Visual Studio でカルチャー名を省略してリソースファイルを作成すると、各文字列のプロパティを持つ C# クラス (`.Designer.cs`) が自動で作成されますが、ASP.NET Core ではこれは不要なようです。    また、Microsoft のページではデフォルトのリソースファイル（カルチャー名のないリソースファイル）は多くの場合必要ないと書かれていますが、個人的には英語はカルチャー名のないリソースファイルで作成するのがよいのではないかと思っています。  理由は、長文の場合にキーに直接記述すると大変なので、抽象化した文字列をキーとして使用したほうが良いのではないかと考えているからです。   実際、GitHub でいろいろな人のリソースファイルの書き方を調べてみると、そのように書いている人が多い印象でした。   ## 使用方法  ### Controller の場合  DI で `IStringLocalizer` を受けます。   例えば `HomeController` の場合は以下のようにです。  ```cs private readonly IStringLocalizer<HomeController> localizer;  public HomeController(IStringLocalizer<HomeController> localizer) {     this.localizer = localizer; } ```  この `localizer` を使って例えば以下のように書きます。  ```cs public IActionResult About() {     //ViewData["Message"] = "Your application description page.";     ViewData["Message"] = localizer["hoge"];      return View(); } ```  ここで `hoge` という文字列がローカライズされていれば、ローカライズされた文字列が表示されます。  ### View の場合  以下のように記述することでローカライズできます。  ```csharp @using Microsoft.AspNetCore.Mvc.Localization @inject IViewLocalizer Localizer  @{     ViewData["Title"] = Localizer["hoge"]; } ```  ### ローカライズされていない場合の挙動  ローカライズされていない場合、以下のように動作しました。  - デフォルトのリソースファイル（カルチャー名のないリソースファイル）があれば、そのリソースファイルで定義された値が表示される - デフォルトのリソースファイルがない、またはデフォルトのリソースファイルでも名前（キー）が定義されていない場合、`hoge` という値がそのまま表示されるようです。  デフォルトのリソースファイル（カルチャー名のないリソースファイル）は必須ではありませんが、上記のような動作と前述した理由により個人的には作成したほうが良いと思っています。   ## カルチャーの指定方法  基本的にはブラウザの設定によって適切なカルチャーが設定されて画面が表示されます。   ユーザー側が任意のカルチャーを指定するには、いくつか方法があるようです。  #### QueryStringRequestCultureProvider  URLにクエリ文字列を追加して指定する方法で、コードのデバッグやテストに役立ちます。  - `http://localhost:5000/?culture=ja-JP&ui-culture=ja-JP`  `culture` は Controller、`ui-culture` は View 用の指定です。   `culture=ja-JP` とだけ指定すると、`ui-culture` でも同じ値が使用されます。  #### CookieRequestCultureProvider  ※追々書くかも  #### The Accept-Language HTTP header  ※追々書くかも   ## 言語が切り替わらないときは？  ここが一番はまりました・・・。  リソースファイルもプログラムも正しいのに言語が切り替わらない。   しかも `Debug` モードだけ。   `Release` モードでは上手く切り替わる。  原因不明ですが、`bin` フォルダの中の `Debug` フォルダを一度削除したら正しく切り替わるようになりました。   ## 参考 URL  - https://docs.microsoft.com/ja-jp/aspnet/core/fundamentals/localization - http://tech.tanaka733.net/entry/resource-file-naming-in-aspnetcore-localization - http://blog.livedoor.jp/monthly_check/archives/70915210.html - https://andrewlock.net/adding-localisation-to-an-asp-net-core-application/ - https://www.tmp1024.com/programming/asp-net-core-internationalization-files - https://joonasw.net/view/aspnet-core-localization-deep-dive - http://grabacr.net/archives/1647

2017/09/13

NO IMAGE

Log4View で NLog のログを閲覧する

Log4View

Log4View は数あるログビューワーのうちの１つです。  - http://www.log4view.com/log4view/  ## NLog の例  NLog.config で以下のように設定している場合を例とします。  ```xml <layout xsi:type="CsvLayout" delimiter="Tab" withHeader="false">        <column name="level" layout="${level:padding=-5}"/>        <column name="time" layout="${date}" />        <column name="processname" layout="${appName} " />        <column name="threadid" layout="${threadid:padding=4}" />        <column name="message" layout="[${message}]" />        <column name="callsite" layout="${callsite}#${callsite-linenumber}" />        <column name="stacktrace" layout="${stacktrace:topFrames=10}" />        <column name="exception" layout="${exception:format=Type,message,Stack Trace:separator=|}"/>      </layout>```  ## Log4View の設定例  ログファイルをドラッグ&ドロップし、以下のように設定します。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjARsSWfdcWtvnnLT-_lj6tkMhy7jbCiQvgjqhpYr5DNFa5BdX0XuLLsG7Q-O47dPrnyQ7b6aadiFi4dd7DqmQPEoeJ33WZN8Wpusbwh2uAv-BKAbiOXAPf7WqKRRztmHgq2qdhdIOqp58/s1600/log4view.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjARsSWfdcWtvnnLT-_lj6tkMhy7jbCiQvgjqhpYr5DNFa5BdX0XuLLsG7Q-O47dPrnyQ7b6aadiFi4dd7DqmQPEoeJ33WZN8Wpusbwh2uAv-BKAbiOXAPf7WqKRRztmHgq2qdhdIOqp58/s320/log4view.png" width="291" height="320" data-original-width="720" data-original-height="791" /></a> 注意事項は以下の２点です（かなりはまった・・・）。  - `Log Format` で `NLog` を選択する - Layout Pattern のデリミターのタブはコピペしてくる  ``` ${level} ${date:format=yyyy/MM/dd HH\:mm\:ss.fff} ${logger} ${threadid} ${message} ${callsite} ${stacktrace} ${exception} ```  あと解決できていないこととして、行番号が取得できていません。   `${callsite-linenumber}` を指定しても抽出できなかったので、Log4View 自体が対応していないのではないかと思っています。

Doxygen を使ってソースコードからドキュメントを作成する

Doxygen

## インストール  以下のサイトからダウンロードできます。  - http://www.stack.nl/~dimitri/doxygen/download.html  インストールは普通に行えば OK です。  ## 設定方法  Doxygen は CUI が基本ですが、一応 GUI の設定ツールとして Doxywizard が付属しています。  ### Doxywizard での設定方法  Doxywizard で作成した設定はファイルとして保存できます。（デフォルトのファイル名は Doxygen）  「Step 1」の working directory に相対パスを指定した場合、次回 Doxygen ファイルを読み込んだときには絶対パスで表示されるようです。  まずは Project で以下を設定します。  - `Source code directory` で入力となるソースがあるフォルダを指定します。 - `Destination directory` で HTML や Latex の出力先のフォルダを指定します。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaMVBn3Na0ONTVZmO9Ij87nVXHND_9y-8hbwzABd5UbT4D7MX98zrVVB4Bt75xh9zCkKJdHwkYarN9eY6iL21y6rBnvC_xq8Suu_fUMGCi_9n_TV-UsS6MKiONuORv_pa8cPFKXnq2Rk8/s1600/doxy01.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaMVBn3Na0ONTVZmO9Ij87nVXHND_9y-8hbwzABd5UbT4D7MX98zrVVB4Bt75xh9zCkKJdHwkYarN9eY6iL21y6rBnvC_xq8Suu_fUMGCi_9n_TV-UsS6MKiONuORv_pa8cPFKXnq2Rk8/s320/doxy01.png" width="320" height="264" data-original-width="732" data-original-height="604" /></a> 言語を指定します。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsL9vinieyjK46dSlHzuI9Th_tHmX9dhkMS9V2sdr_Zq2yxbBHfrnBlK54fnkDklD1J9s5EQ2UDY-78P7mbFolAvju2OhNTaAqxx9pmNW5ZX50q4Ur4WavUNQdPHCzj0yAu-J5-3PaHR8/s1600/doxy02.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsL9vinieyjK46dSlHzuI9Th_tHmX9dhkMS9V2sdr_Zq2yxbBHfrnBlK54fnkDklD1J9s5EQ2UDY-78P7mbFolAvju2OhNTaAqxx9pmNW5ZX50q4Ur4WavUNQdPHCzj0yAu-J5-3PaHR8/s320/doxy02.png" width="320" height="264" data-original-width="732" data-original-height="604" /></a> 出力に関する設定を行います。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8-roOk4uLAxbXAp9bIVXBon2E0lNkvqixiK_bE1RkYaMaHcZESQ1_v8fomdZ_ijHOu6IxIc4sS79Hn_WzamzvAKRzyc4x4uAwmGP56PBRwQqM4K6cr_yF3siwxdMFKwbTiVhdKxOqhNI/s1600/doxy03.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8-roOk4uLAxbXAp9bIVXBon2E0lNkvqixiK_bE1RkYaMaHcZESQ1_v8fomdZ_ijHOu6IxIc4sS79Hn_WzamzvAKRzyc4x4uAwmGP56PBRwQqM4K6cr_yF3siwxdMFKwbTiVhdKxOqhNI/s320/doxy03.png" width="320" height="264" data-original-width="732" data-original-height="604" /></a> ダイアグラムに関する設定を行います。 Graphviz がインストールされていれば Graphviz を使用することでより詳細なダイアグラムを作成できます。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8Wj5ZFfy1oEPAS8mZUlauUSgLrbiFCou94oFnxcZByCk-S9Fgl6w2EvTEJMSxrO8-Twj2m8TrqBpwaSnIDSiHt6qwyFMCVz8KbNzBLtxTdmKt0Um8X6ICqjExRWtBccbgkgCDNFE1mlQ/s1600/doxy04.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8Wj5ZFfy1oEPAS8mZUlauUSgLrbiFCou94oFnxcZByCk-S9Fgl6w2EvTEJMSxrO8-Twj2m8TrqBpwaSnIDSiHt6qwyFMCVz8KbNzBLtxTdmKt0Um8X6ICqjExRWtBccbgkgCDNFE1mlQ/s320/doxy04.png" width="320" height="264" data-original-width="732" data-original-height="604" /></a> ### 実行  Run タブから `Run doxygen` をクリックします。

.NET Core SDK 2.0 のインストール

.NET Core

SQL Server 2016 Express の暗号化

SQL Server

## Always Encrypted 機能について  以下の URL で示されているように、クライアント側 (ADO.NET Library 内) で暗号・復号処理が行われようです。  - https://enterprisezine.jp/dbonline/detail/7961?p=2  これを使用することによるメリットとして、  - クライアントアプリケーション側で暗号・復号を意識する必要がなくなる - サーバー側のデータが常に暗号化される（通信上のデータまで暗号化される） - サーバー側の負荷が小さくなる（クライアント側の負荷が大きくなる）  が挙げられます。  ## 暗号処理の適用方法  適用方法の流れは以下の通りです。  1. 自己署名証明書の作成 1. 暗号鍵の作成 1. テーブル暗号化  ### 自己署名証明書の作成  自己署名証明書の作成方法は主に２通りあるようです。  - https://blogs.technet.microsoft.com/junichia/2010/11/09/azure-for-itpro-3/  ここでは `makecert.exe` `pvk2pfx.exe` を使用し、自己署名証明書を作成します。  私の環境ではこれらの exe は `C:\Program Files (x86)\Windows Kits\10\bin\10.0.15063.0\x64` にありました。  まずは `makecert.exe` で証明書ファイル (CER) と秘密鍵ファイル (PVK) を作成します。   以下、コマンド例です。  ```sh makecert -r -pe -n "CN=AE Test" -a sha1 -b 01/01/2000 -e 01/01/2100 -sky exchange -sv test.pvk test.cer ```  コマンドの内容については以下を参照してください。  - https://msdn.microsoft.com/ja-jp/library/bfsktky3(v=vs.100).aspx  次に個人情報交換ファイル (PFX) を作成します。   以下、コマンド例です。  ```sh pvk2pfx -pvk test.pvk -pi 1234 -spc test.cer -pfx test.pfx -po 1234 ```  コマンドの内容については以下を参照してください。  - https://msdn.microsoft.com/ja-jp/library/ff550672(VS.85).aspx  ### 証明書のインポート  前節で作成した証明書を PC にインポートします。  [ファイル名を指定して実行]から `certmgr.msc` を実行し、現在のユーザーの証明書マネージャーツール起動します。   ※ちなみにローカルコンピューターの証明書マネージャーツールは `certlm.msc` で起動します。  [個人]を右クリックし、[すべてのタスク] > [インポート]を選択します。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheKxNw3YBhCIFPu0aViZbNeH0FVuPagRG2qTh0kVKSHcz2fWrIWmlXbVyAVKuY_8HAaGOUOK025w0bRhqmurQSXDC6FHCn8W_HPj-5ZGyUe4hwRzo6oFhjnkZYOf-PZTdhtBQUbVfbq8Y/s1600/cert01.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheKxNw3YBhCIFPu0aViZbNeH0FVuPagRG2qTh0kVKSHcz2fWrIWmlXbVyAVKuY_8HAaGOUOK025w0bRhqmurQSXDC6FHCn8W_HPj-5ZGyUe4hwRzo6oFhjnkZYOf-PZTdhtBQUbVfbq8Y/s320/cert01.png" width="320" height="227" data-original-width="626" data-original-height="444" /></a> [証明書のインポート ウィザード]で、[次へ]をクリックします。 [インポートする証明書ファイル]ページで、前節で作成した個人情報交換ファイル (PFX) を選択します。 ※[ファイルの種類]で[Personal Information Exchange (*.pfx; *.p12)]を選択する必要があります。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge25Zk4C4GjLvUikORwnR-wxlqcu66AdenjzKCciL8Wg8XpTwnNIAFm21-__nq_svhUDyQGEQTxZmcTKu2roCnUOzmonRwd6-nEJ4a9YrzClPyXlyL18gw-8UgaluOl5Ecf9C4qITD9MQ/s1600/cert02.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge25Zk4C4GjLvUikORwnR-wxlqcu66AdenjzKCciL8Wg8XpTwnNIAFm21-__nq_svhUDyQGEQTxZmcTKu2roCnUOzmonRwd6-nEJ4a9YrzClPyXlyL18gw-8UgaluOl5Ecf9C4qITD9MQ/s320/cert02.png" width="320" height="78" data-original-width="774" data-original-height="188" /></a> 秘密キーのパスワードは、PFX ファイルに割り当てられているパスワードを入力します。 [証明書ストア]ページで、[証明書をすべて次のストアに配置する]を選択し、[次へ]をクリックします。  以上でインポートは完了です。  ### 暗号鍵の作成  CMK (Column Master Key) と CEK (Column Encryption Key) の２種類の鍵が必要です。  |名称|内容| |---|---| |CMK|CEK を保護するための鍵。前節で作成した証明書の情報が記録される| |CEK|テーブルの列を暗号化するための鍵|  SQL Server Management Studio より、上記の鍵を作成します(Transact-SQL でも可)。  **CMK の場合**  対象のデータベースの [セキュリティ] > [常に暗号化されたキー] > [列マスターキー] を右クリックし、[新しい列マスターキー] を選択します。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfNFvePT1oaAt7NKLyo2QU6MG7oOq7lRA3R72N4oZBiv2Zex4ZowKuvgt0t77oOSK-8qoDscXcAiMDf3yJSpSoEqwgmQCJsYWHNLvMiUfZyCSHLJGocjR7WlTkR52rCidWBrhribDlCis/s1600/ssms01.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfNFvePT1oaAt7NKLyo2QU6MG7oOq7lRA3R72N4oZBiv2Zex4ZowKuvgt0t77oOSK-8qoDscXcAiMDf3yJSpSoEqwgmQCJsYWHNLvMiUfZyCSHLJGocjR7WlTkR52rCidWBrhribDlCis/s320/ssms01.png" width="268" height="320" data-original-width="398" data-original-height="476" /></a> 任意の名前を入力し、前節でインポートした証明書を選択し、OK をクリックします。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjB1UdK6l0240YN-KCDliVIZNqHRqOzDOm6l1u1TNOZkrMAwRqkUIfi4ttT7hwAevBeGynGthxU6PHuXhz7HRMYY5fEecl6oTCAkC9HHrlXdWP2AxkPg7gw9xiZumwCCXDdue71ryVYvI/s1600/ssms02.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjB1UdK6l0240YN-KCDliVIZNqHRqOzDOm6l1u1TNOZkrMAwRqkUIfi4ttT7hwAevBeGynGthxU6PHuXhz7HRMYY5fEecl6oTCAkC9HHrlXdWP2AxkPg7gw9xiZumwCCXDdue71ryVYvI/s320/ssms02.png" width="320" height="269" data-original-width="690" data-original-height="579" /></a> **CEK の場合**  対象のデータベースの [セキュリティ] > [常に暗号化されたキー] > [列の暗号化キー] を右クリックし、[新しい列の暗号化キー] を選択します。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0tkajpb4qegvQNJC-PRZrBME4yQp0cTwfg2svRM2uvZLMC46iX1_UEwJ5JjL7oGJWrrGYqFxpT9chJr-APJ96lUensPnPK9NEiVkepb5EMSU3HhQ088cVhv-GRgvcuPlToFbHv_i9OYk/s1600/ssms03.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0tkajpb4qegvQNJC-PRZrBME4yQp0cTwfg2svRM2uvZLMC46iX1_UEwJ5JjL7oGJWrrGYqFxpT9chJr-APJ96lUensPnPK9NEiVkepb5EMSU3HhQ088cVhv-GRgvcuPlToFbHv_i9OYk/s320/ssms03.png" width="269" height="320" data-original-width="408" data-original-height="485" /></a> 任意の名前を入力し、上記の列マスターキーを選択し、OK をクリックします。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFHBbbLbV4Ft2PJzf4ZBye8svlc5h20JDFvbkyiCo1kN7XvG5FvnQ-FtKjsPcTzOKNejDTwI4Eji1XHNkKhxwMoAjqKROR1zC9eSQcoCJSz8_TnhmgAyvSs8uNc_oLf5xV6J-15EiBcxg/s1600/ssms04.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFHBbbLbV4Ft2PJzf4ZBye8svlc5h20JDFvbkyiCo1kN7XvG5FvnQ-FtKjsPcTzOKNejDTwI4Eji1XHNkKhxwMoAjqKROR1zC9eSQcoCJSz8_TnhmgAyvSs8uNc_oLf5xV6J-15EiBcxg/s320/ssms04.png" width="320" height="269" data-original-width="690" data-original-height="579" /></a> ### テーブルの暗号化  暗号化するテーブルを右クリックし、[列の暗号化] をクリックします。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7udRWG89-O595ScSzKubacYpAkkNW5QcxWQlO46TIrhXQwj7ETOtH_bouHqiy49sPO_3ltOKOMwCJdni6C6RWssWIKu6gJzsmtSE_7YLb43Lp59qiwAAV8EVsuCU1lS3QCoTVkx4BvRs/s1600/ssms05.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7udRWG89-O595ScSzKubacYpAkkNW5QcxWQlO46TIrhXQwj7ETOtH_bouHqiy49sPO_3ltOKOMwCJdni6C6RWssWIKu6gJzsmtSE_7YLb43Lp59qiwAAV8EVsuCU1lS3QCoTVkx4BvRs/s320/ssms05.png" width="276" height="320" data-original-width="398" data-original-height="461" /></a> 暗号化したい列にチェックを入れます。 暗号の種類は「決定論的」と「ランダム化」を選択できますが、暗号化した列を WHERE 句の条件として使用する場合は「決定論的」を選択します。 暗号化キーは前節で作成した CEK を選択します。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaLprcVE0yEq3yPSLJPMsJwBa97wjBeo06KHe-3l8dYlYsz2JwrOqneN3ZcwTVeiE0NvOZEQZCSfAdeq_EerhebDtHqJiCHN9-gv3Bdpg3iJvB-h4nJdj-jJ-ey7EJb9TUEY2o7XN3oXY/s1600/ssms06.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaLprcVE0yEq3yPSLJPMsJwBa97wjBeo06KHe-3l8dYlYsz2JwrOqneN3ZcwTVeiE0NvOZEQZCSfAdeq_EerhebDtHqJiCHN9-gv3Bdpg3iJvB-h4nJdj-jJ-ey7EJb9TUEY2o7XN3oXY/s320/ssms06.png" width="320" height="291" data-original-width="823" data-original-height="748" /></a> 暗号化は以上で完了です。  ## アプリケーション側での利用方法  アプリケーション側で Always Encrypted 機能を使用する手順は以下です。  - 証明書のインポート - 接続文字列の追加 - SqlParameter クラスの使用  ### 証明書のインポート  手順は前章と同じなので省略します。  ### 接続文字列の追加  データベースの接続文字列に `Column Encryption Setting=enabled` を追加する必要があります。   Entity Framework を使用する場合はこれだけで OK です。   尚、Entity Framework Core は現在 Always Encrypted には未対応です。  - https://github.com/aspnet/EntityFrameworkCore/issues/9193  ## 参考 URL  - https://enterprisezine.jp/dbonline/detail/7961 - https://blogs.technet.microsoft.com/junichia/2010/11/09/azure-for-itpro-3/ - http://tnakamura.hatenablog.com/entry/2014/08/28/123000 - https://knowledge.autodesk.com/ja/search-result/caas/CloudHelp/cloudhelp/2016/JPN/AutoCAD-Customization/files/GUID-19D6716A-0AD1-4A7A-82BA-A067E6D65F66-htm.html

SQL Server にテーブルを作成する

SQL Server Visual Studio

## 環境  - Visual Studio 2017 - SQL Server 2016 Express  ## テーブルの作成  Visual Studio を起動し、サーバーエクスプローラーを表示します。   データベースを右クリックし、`新しいクエリ` をクリックします。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuBt3389JrQGTFxAd1l59PF-I62zA8VeOg3pWOYXC-0d0YHR-MM1Nt5AuMdE69FG7Zv3SvONcQhjBLPwXECLxWgRN4vXobBqdXIMVQ5LgAAtlwQMoLZmveK41lzjSOlNnc72ixqVCkVvc/s1600/ef01.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuBt3389JrQGTFxAd1l59PF-I62zA8VeOg3pWOYXC-0d0YHR-MM1Nt5AuMdE69FG7Zv3SvONcQhjBLPwXECLxWgRN4vXobBqdXIMVQ5LgAAtlwQMoLZmveK41lzjSOlNnc72ixqVCkVvc/s320/ef01.png" width="320" height="209" data-original-width="680" data-original-height="445" /></a> ここでは以下のような SQL 文を入力しました。  ```sql CREATE TABLE [dbo].[People] (      [Id] INT NOT NULL,      [Name] NVARCHAR (40) NULL,      [Address]  NVARCHAR (200) NULL,     [Age] INT ); ```  実行します。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpHRhnMp2YQRxIcJxS7viQvlr2tJ9lwodiWNX_Y8huT1ls3kXxxLbNXZZWuzkgLkJEGCNybj2FP9LjZQa9isn-JAdhyTZzsZFltvOV50ktDlfR51rsZbtkJeCkaQR3B-YcYt23sFlMhIA/s1600/ef02.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpHRhnMp2YQRxIcJxS7viQvlr2tJ9lwodiWNX_Y8huT1ls3kXxxLbNXZZWuzkgLkJEGCNybj2FP9LjZQa9isn-JAdhyTZzsZFltvOV50ktDlfR51rsZbtkJeCkaQR3B-YcYt23sFlMhIA/s320/ef02.png" width="320" height="156" data-original-width="358" data-original-height="175" /></a> 以上でテーブルが作成されます。   ## 参考 URL  - https://msdn.microsoft.com/ja-jp/data/jj206878.aspx - https://msdn.microsoft.com/ja-jp/library/ms174979(v=sql.120).aspx

SQL Server にデータベースを新規作成する

SQL Server Visual Studio

## 環境  - Visual Studio 2017 - SQL Server 2016 Express  ## 作成手順  SQL Server のインストールについては以下の記事を参考にしてください。  - http://kuttsun.blogspot.jp/2017/09/sql-server-2016-express.html  Visual Studio を起動します。   [表示] -> [サーバー エクスプローラー] をクリックします。   [データ接続] を右クリックし、[接続の追加] をクリックします。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBWhadtDevRTTkxC6HJ-VyGkEjVcsRopUk4rtLlB6e1-9O7ILvDaqAQE16OqEUeMKJSH7TzMbGjYPepFsJMwndzxRGECAbDhVu-sqOzqbMDb-b-dZsdef-Y5PIHITfmZ4TWkcMIArBqps/s1600/ef01.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBWhadtDevRTTkxC6HJ-VyGkEjVcsRopUk4rtLlB6e1-9O7ILvDaqAQE16OqEUeMKJSH7TzMbGjYPepFsJMwndzxRGECAbDhVu-sqOzqbMDb-b-dZsdef-Y5PIHITfmZ4TWkcMIArBqps/s320/ef01.png" width="320" height="197" data-original-width="496" data-original-height="305" /></a> [Microsoft SQL Server] を選択し、「続行」をクリックします。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijczVYDnlqCqHAT_VOfkdUiYaMlNUT4zmgHqHXwnYL1DOJKHdyFkHPGKRXQ3p7lnsqHjIRqimPD-itxTr_vuLcCBimOzVnsh5OIJJlA4kwgVTE1uSVgsYmHSC2e0FJkimxTS9_2dPFPHU/s1600/ef02.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijczVYDnlqCqHAT_VOfkdUiYaMlNUT4zmgHqHXwnYL1DOJKHdyFkHPGKRXQ3p7lnsqHjIRqimPD-itxTr_vuLcCBimOzVnsh5OIJJlA4kwgVTE1uSVgsYmHSC2e0FJkimxTS9_2dPFPHU/s320/ef02.png" width="320" height="217" data-original-width="504" data-original-height="341" /></a> [サーバー名] には SQL Server をインストールしたときのインスタンス名を入力します。 [データベース名の選択または入力] には任意の名前を入力します（新規作成のため）。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4jD37oacrqDz1Z2c5FVnS0llC61J2N29XMWadLXtFNJMyYjOBCodNMf_ug04mNhxb1Mpf849tVjEQ7fuKKAzv1x2qT0qeP9ptiwG2tkvprlxoGDQ_vPPNSIM2Ae7nodWb4Gk2bcad5iQ/s1600/ef03.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4jD37oacrqDz1Z2c5FVnS0llC61J2N29XMWadLXtFNJMyYjOBCodNMf_ug04mNhxb1Mpf849tVjEQ7fuKKAzv1x2qT0qeP9ptiwG2tkvprlxoGDQ_vPPNSIM2Ae7nodWb4Gk2bcad5iQ/s320/ef03.png" width="270" height="320" data-original-width="554" data-original-height="657" /></a> 以下の画面が表示されたら「はい」をクリックします。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYyRF2p7dK6s77rFNSvD64idQnkX_BsTfo4VAaAalwd1DEPNzgbcynLHkrKqf-L1OqdXCfBMbUtmM2O-I38LiZnMmbydaDWWeISnFFQo7xHwrswTLCV2M3mIZH381nmuCMkYdCBoitjVs/s1600/ef04.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYyRF2p7dK6s77rFNSvD64idQnkX_BsTfo4VAaAalwd1DEPNzgbcynLHkrKqf-L1OqdXCfBMbUtmM2O-I38LiZnMmbydaDWWeISnFFQo7xHwrswTLCV2M3mIZH381nmuCMkYdCBoitjVs/s320/ef04.png" width="320" height="128" data-original-width="483" data-original-height="193" /></a>  以上でデータベースの作成は完了です。  尚、接続文字列は作成したデータベースを右クリックし、プロパティから確認できます。  テーブルの作成については以下を参照してください。  - [SQL Server にテーブルを作成する](https://kuttsun.blogspot.com/2017/09/sql-server_8.html)  ## 参考URL  - http://blog.hiros-dot.net/?p=1292

SQL Server 2016 Express のインストール

SQL Server

## 環境  - Windows 10 Pro  ## ダウンロード  以下のサイトからダウンロードできます。  - https://www.microsoft.com/ja-jp/sql-server/sql-server-editions-express  ## インストール  「インストール」の「SQL Server の新規スタンドアロンインストール実行するか、既存のインストールに機能を追加」をクリックします。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8_0ptBQCzZu8mqL18KAFPO9LjGm__ICiIHm8vtay28v3B7jatGvnva_aTjXt-1I6OY8O-9t40iJ-Vmx_rPVMzXgS6aaFMzzbJ2Cuc70aJ5OvGVmxBfgKe0RspM5OoovaoT5F9mdLrxKI/s1600/db01.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8_0ptBQCzZu8mqL18KAFPO9LjGm__ICiIHm8vtay28v3B7jatGvnva_aTjXt-1I6OY8O-9t40iJ-Vmx_rPVMzXgS6aaFMzzbJ2Cuc70aJ5OvGVmxBfgKe0RspM5OoovaoT5F9mdLrxKI/s320/db01.png" width="320" height="241" data-original-width="786" data-original-height="593" /></a> ライセンスに同意し、次に進みます。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5O3YS9F6tLmdnFqsyDsCqkZ_4p4KxnOAQWtDgXkQH327tfc38RTQWBa4mUSH7Y2RKWnjBnatcWLgC_1-gz8vUvd07mL2yIg7oQdo6Oyzf4_CZtunsFvIMVVOIdEdJBGAMpptAU4W1CoE/s1600/db02.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5O3YS9F6tLmdnFqsyDsCqkZ_4p4KxnOAQWtDgXkQH327tfc38RTQWBa4mUSH7Y2RKWnjBnatcWLgC_1-gz8vUvd07mL2yIg7oQdo6Oyzf4_CZtunsFvIMVVOIdEdJBGAMpptAU4W1CoE/s320/db02.png" width="320" height="241" data-original-width="806" data-original-height="608" /></a> ファイアウォールの項目で警告が表示されるかもしれません。   詳細は「警告」を押すと見れますが、恐らくポートの開放に関することなので、この段階ではそのまま次へ進んでOKです。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU0Y-3OmT8pa7ToTSag76vl-U04Bo42pYDwX2of7e0TpPO6m0XNn5RFEGZKKZIRh7u7Tez3uV_eU9TyHAuTZ6LZ2r9XeTPHI5u075mLCULr1pq-0x4A3xSPz2HFaXwFmgcWT1PoJikhdA/s1600/db03.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU0Y-3OmT8pa7ToTSag76vl-U04Bo42pYDwX2of7e0TpPO6m0XNn5RFEGZKKZIRh7u7Tez3uV_eU9TyHAuTZ6LZ2r9XeTPHI5u075mLCULr1pq-0x4A3xSPz2HFaXwFmgcWT1PoJikhdA/s320/db03.png" width="320" height="241" data-original-width="806" data-original-height="608" /></a> Express ではレプリケーションは監視しかできません。   不要なのでチェックを外しておきます（別にチェックが入っていても問題はありません）。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGdUSubI9ABy8wbH3bb6AJxxhuf1iJ-dhgs7Xdxto5l8W6q1RhYDbCQ7XRqLZ1ipL1mri3-B6vJ0JP6Fedft3wnwPj4GWcbQRYi2C_p4dscaJmOD1qHcwGk9xA9bnBIDIQsHzpSm_nzVg/s1600/db04.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGdUSubI9ABy8wbH3bb6AJxxhuf1iJ-dhgs7Xdxto5l8W6q1RhYDbCQ7XRqLZ1ipL1mri3-B6vJ0JP6Fedft3wnwPj4GWcbQRYi2C_p4dscaJmOD1qHcwGk9xA9bnBIDIQsHzpSm_nzVg/s320/db04.png" width="320" height="241" data-original-width="806" data-original-height="608" /></a> インスタンス名は何でもよいです。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD5p-M6DaWC3VHnv6oLbNCOhApHnMizEKqkV7VHq5Ju0vVUCbnV-2uOk2W0Ssaos0hyDR0u4fOvI_10Mkb3-gSUv0RFx0BxSxs7ORVIk7giWT7uxyuZ8urv_UC0z7o-cIgLrJkTKmTg50/s1600/db05.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD5p-M6DaWC3VHnv6oLbNCOhApHnMizEKqkV7VHq5Ju0vVUCbnV-2uOk2W0Ssaos0hyDR0u4fOvI_10Mkb3-gSUv0RFx0BxSxs7ORVIk7giWT7uxyuZ8urv_UC0z7o-cIgLrJkTKmTg50/s320/db05.png" width="320" height="241" data-original-width="806" data-original-height="608" /></a> 「SQL Server データベースエンジン」のアカウントをシステムに変更します。   「アカウント名」をクリックし、「参照」を選択します。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRNtfVa_YcD8LZSB9uGAjRJEcN0kqpKqn9gE9kClJTyJqLT96BfQN-23hGIpBz8mBM3JVnni7fBHsGoyr9OZnuw4YIUXqHWL-ej_H2O_3ZyumJM7n2kLTKVi6q_Dmk1_Fb8PLkIXw0hro/s1600/db06.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRNtfVa_YcD8LZSB9uGAjRJEcN0kqpKqn9gE9kClJTyJqLT96BfQN-23hGIpBz8mBM3JVnni7fBHsGoyr9OZnuw4YIUXqHWL-ej_H2O_3ZyumJM7n2kLTKVi6q_Dmk1_Fb8PLkIXw0hro/s320/db06.png" width="320" height="241" data-original-width="806" data-original-height="608" /></a> オブジェクト名に「system」と入力し、「名前の確認」をクリックします。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyT6iSaCb34B0ENTCJ-3twCZmdo6BuUA99CZN6Bm5ddac2yLLfMOdgv2XC7ee83r8IXN1tWSJGfp2N1qzZCwHmgceViu2wBX5CvJBWNVvC_O-lIAsoaFuVMH2BFALnDiXZlX0ehN5rLnI/s1600/db07.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyT6iSaCb34B0ENTCJ-3twCZmdo6BuUA99CZN6Bm5ddac2yLLfMOdgv2XC7ee83r8IXN1tWSJGfp2N1qzZCwHmgceViu2wBX5CvJBWNVvC_O-lIAsoaFuVMH2BFALnDiXZlX0ehN5rLnI/s320/db07.png" width="320" height="167" data-original-width="546" data-original-height="285" /></a> 「SYSTEM」を選択し、「OK」を押します。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgERUUMvE30CbDWZKA2aarmXkbar5iz8kKGRxtN3Ym6UiOKOhIvhMcrgMmqSSHL4JdSdVq2GvsdbnWe_dIMherYQrV59DPjz-iQwHm9-KynnhHvDiF3TTEOrIs5rjwX4TWb2D7MbYmhAOo/s1600/db08.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgERUUMvE30CbDWZKA2aarmXkbar5iz8kKGRxtN3Ym6UiOKOhIvhMcrgMmqSSHL4JdSdVq2GvsdbnWe_dIMherYQrV59DPjz-iQwHm9-KynnhHvDiF3TTEOrIs5rjwX4TWb2D7MbYmhAOo/s320/db08.png" width="320" height="190" data-original-width="667" data-original-height="395" /></a> 次へ進み、「混合モード」を選択します。   パスワードは何でもよいです（ただし忘れないように）。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlBbNhtTCuKprImmbDwB06Hwr3trCst4ltaJYcwY4s71cRMK4HP0dG5qkCE2JcHt-C45UVfofaWJ0DH2_F6zBFTon-lDq5Pn0wbnFMUCLlUw2y-xdoTVA3repQLIKXj1BPiXEyiFimBXw/s1600/db09.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlBbNhtTCuKprImmbDwB06Hwr3trCst4ltaJYcwY4s71cRMK4HP0dG5qkCE2JcHt-C45UVfofaWJ0DH2_F6zBFTon-lDq5Pn0wbnFMUCLlUw2y-xdoTVA3repQLIKXj1BPiXEyiFimBXw/s320/db09.png" width="320" height="241" data-original-width="806" data-original-height="608" /></a> 以上で正常にインストールが終われば完了です。  ## 参考 URL  - http://www.hiskip.com/pg-notes/howtoinstall/db/microsoftsqlserver2016express.html