はてなブックマーク

Material-UI の Button をクリックしたら、React Router の機能を使ってページ遷移したいことが良くある。 useHistory フックで history オブジェクト取得しておいて、Button の onClick ハンドラ内で history.push してやれば実現できるけど、決まったパスに遷移するだけなので宣言的に書きたい。 調べたところ、Button の component に Link を指定し、to にクリック時の遷移先を指定すればいけるっぽい。メモを残しておく。 import React from "react"; import { Link } from "react-router-dom"; import { Button } from "@material-ui/core"; export function Example() { retur

この記事は、C# その2 Advent Calendar 2019 の二日目の記事です qiita.com はじめに コードファーストで開発したい protobuf-net.Grpc コードファースト ASP.NET Core gRPC をやってみる .NET Core ライブラリ作成 NuGet パッケージ追加 データコントラクトとサービスコントラクトを定義 gRPC サービス作成 NuGet パッケージ追加 gRPC サービス実装 .NET Core コンソールアプリケーション作成 NuGet パッケージ追加 gRPC クライアントを実装 実行 まとめ はじめに ASP.NET Core 3.0 で gRPC がサポートされた。 一方で WCF は .NET Core に正式には移植されず、コミュニティによる開発にシフト。 業務では WCF をバリバリ使っているけど、gRPC への移行

はじめに 仕事で開発に携わっているアプリでは通信に WCF を使っている。 一方で去年から Microservices やゲームのバックエンドとして gRPC が盛り上がっている。 gRPC は通信に HTTP/2 を使っていて、HTTP/2 はクライアントとサーバー間の通信がバイナリベースで行われているし、 さらに gRPC ではシリアライズに ProtocolBuffers を使っている。 「こいつはもしかしたら、WCF の NetTcpBinding と同じくらい速いのでは？」 と思ったので、ベンチマークをとって比較してみた。 NuGet パッケージをインストール gRPC を使うために必要なパッケージは、 公式のものが NuGet に公開されているのでインストールする。 Grpc Grpc.Tools Google.Protobuf service.proto ファイル作成 まずは

PostgreSQL で Entity Framework Core(Npgsql.EntityFrameworkCore.PostgreSQL) を使っていて、 テーブルの主キーの列に character(n) 型を使っていたら、 エンティティの更新に失敗して嵌った。 再現サンプルは下記の通り。 using Microsoft.EntityFrameworkCore; using System; using System.ComponentModel.DataAnnotations; using System.ComponentModel.DataAnnotations.Schema; using System.Threading.Tasks; namespace NpgsqlEFSample { [Table("books")] public class Book { [Key] [R

特集1 今どき Python 入門 Python で出来ることダイジェストといった感じ。Web 開発ではなく機械学習から入るところが、まさに今どき。 実際、機械学習やるならエコシステムの充実っぷりから、現状 Python 一択だと思うし。 Python は日本でもキャズムを超えたな。 特集2 いきなり iPhone アプリ開発 ちょうどカメラアプリを作りたいと思っていたので、タイムリーな特集。 …と思いきや、カメラを起動するタイプのアプリだったので、 求めてる情報とちょっと違った。 画像加工についての情報は活かせそう。 特集3 はじめての Unity Unity のチュートリアルを欲していたので、本特集はまさに自分が求めていたものだった。 実際の開発で使える TIPS も散りばめられていて、入門よりやや実践的。 世の中には入門書ばかりが溢れていて、入門が終わった後どう進めばいいのか分からず

PostgreSQL で Entity Framework Core を使っていて、PostgreSQL の money 型の列を C# の decimal 型のプロパティにマップしたら、プロパティに格納される値がなんか変でハマった。テーブルに格納されている値の 100 分の 1 になってる。 試したのは下記のコード。 using Microsoft.EntityFrameworkCore; using System; using System.Threading.Tasks; namespace PgSample { public class Product { public long Id { get; set; } public string Name { get; set; } public decimal Price { get; set; } } public class Ap

はじめに 『メタプログラミング.NET』を読んで、 C# で黒魔術もといメタプログラミングを習得したくなってしまったので、 まずは簡単なお題で練習してみた。 メタプログラミング.NET (アスキー書籍) 作者: ＫｅｖｉｎＨａｚｚａｒｄ,ＪａｓｏｎＢｏｃｋ出版社/メーカー: 角川アスキー総合研究所発売日: 2013/12/11メディア: Kindle版この商品を含むブログを見る お題 任意のクラスのインスタンスを生成し Dictionary<string, object> に格納された値で初期化するファクトリーメソッドを作成する。 例えば public class Product { public long Id { get; set; } public string Code { get; set; } public string Name { get; set; } public de

いつもど忘れして調べるので、ブログにメモしておく。 ローカルコンピューター用の証明書を確認したい場合 certlm.msc を起動する ログオン中のユーザーアカウント向けの証明書を確認したい場合 certmgr.msc を起動する

Entity Framework Core を使っていて、 エンティティをまとめて更新したい場面は結構あるが、 タイプセーフかつ効率的に更新する手段は、 今のところ標準で提供されていない。 ExecuteSqlCommand を使って直接 SQL を発行すればいいんだけど、 テストではInMemoryプロバイダーを使用しているので、 一括更新だけ違うやり方でテストしなければいけなくなるのが面倒。 そこで Entity Framework Plus を使ってみることにした。 Entity Framework と Entity Framework Core の機能を拡張できるライブラリ。 entityframework-plus.net Entity Framework Core 用のパッケージを使う。 www.nuget.org IQueryable に拡張メソッドが追加されるので、 非同期

.NET でコンソールアプリケーションを開発するときの悩みの種が、コマンドライン引数の解析。 .NET Framework がコマンドラインパーサーを提供してくれないので、 仕方なくオレオレパーサーを書いたり、Mono にあるライブラリを使ったりしてきたけど、 .NET Core 時代になってようやく Microsoft がライブラリを提供してくれた。 www.nuget.org cURL みたいな、サブコマンドを持たない CLI を書くならこんな感じになる。 using System; using Microsoft.Extensions.CommandLineUtils; namespace SampleCli { class Program { static void Main(string[] args) { var app = new CommandLineApplication

前回は簡単な Web API の Swagger definition を書いただけで終わってしまったけど、 ここからが本題。 やりたいのは、Swagger definition からクライアントとサーバーのソースコード生成すること。 そのためのツールとして swagger-codegen が提供されている。 http://swagger.io/swagger-codegen/swagger.io お試しなので、Homebrew や mvn を使わずに直接 jar をダウンロードしてしまおう。 http://repo1.maven.org/maven2/io/swagger/swagger-codegen-cli/2.1.5/swagger-codegen-cli-2.1.5.jar 前回の Swagger definition を sample_api.yml として保存し、 まずは A

先日、ASP.NET Core MVC で JWT を使った認証を実装する記事を書いた。 tnakamura.hatenablog.com しかし、ASP.NET Core 2.0 では認証まわりがガラッと変わってしまったので、 上の記事にある方法は使えなくなってしまった。 ／(^o^)＼ﾅﾝﾃｺｯﾀｲ。 なので、ASP.NET Core 2.0 用のサンプルを書いてみた。 using Microsoft.AspNetCore; using Microsoft.AspNetCore.Authentication.JwtBearer; using Microsoft.AspNetCore.Authorization; using Microsoft.AspNetCore.Builder; using Microsoft.AspNetCore.Hosting; using Microsoft.

例えば .NET Core でテキストファイルを出力するとき、文字コードに Shift-JIS を指定するには System.Text.Encoding.CodePages が必要だった。 www.nuget.org using System; using System.IO; using System.Text; namespace EncodingSample { class Program { static void Main(string[] args) { // エンコードプロバイダーの登録が必要 Encoding.RegisterProvider(CodePagesEncodingProvider.Instance); var path = Path.Combine(".", "result.txt"); using (var stream = File.OpenWrite(p

Spring Boot で実装している Web API に、Spring Security を使って認証を追加することにした。 最終的には OAuth にする予定だけど、今はまだ検証用のプロトタイプを作っている段階なので、とりあえず Basic 認証で。 まず build.gradle を修正して、Spring Security を追加する。 buildscript { ext { springBootVersion = '1.5.4.RELEASE' } repositories { mavenCentral() } dependencies { classpath("org.springframework.boot:spring-boot-gradle-plugin:${springBootVersion}") } } apply plugin: 'java' apply plugin

最近、Xamarin Forms で iOS アプリを開発している。 Xamarin Forms は XAML で記述できるので、WPF に慣れている身としては、 Storyboard よりも UI を作成しやすくて良いね。 Grid や StackLayout といったレイアウトが超便利だ。 一方で、「こんなこともできないの？」と思うことも度々ある。 例えば、ナビゲーションバーの左側にアイテムを配置する方法すら提供されていない、とかね。 今回は iOS プロジェクトでカスタムレンダラーを書いて実現できたけど。 こんなやつ。 using System.Collections.Generic; using System.Linq; using UIKit; using Xamarin.Forms; using Xamarin.Forms.Platform.iOS; [assembly: Ex

AlphaGo が碁の元世界王者イ・セドル氏に勝利したり、 IBM のワトソンが難症例患者の正しい病名を見抜いたり、 Google 翻訳がニューラルネットワーク版に切り替わって翻訳精度が劇的に向上したりと、AI が急激に身近になった昨今。 今さらながら AI、とりわけ Deep Learning について知っておきたいと思って購入。 今年買った技術書で一番勉強になった。 Deep Learning を扱った本は雨後のタケノコのようにたくさん出版されたけど、書店でパラパラっと眺めて、難しい数式に拒否反応が出て棚に戻すものが殆どだった。高度なコンピュータサイエンスを学んでいないこの身がツライ。 その点、本書は Python のコードが中心だったので心理的障壁が低かった。 そんな本書でも数式は避けられないので当然出てくるが、計算グラフを使った解説のおかげで、自分みたいな数式アレルギーでもなんとか

先日、HTML 文字列を NSAttributedString に変換する方法を書いた。 NSAttributedString を UILabel の attributedText にセットするだけで、 お手軽に HTML を表示できるけど、UILabel は描画が非常に遅い。 UIWebView と同じか、少しマシかも、ってくらいには待たされる。 記事のサマリー程度でこの遅さ、ちょっと使えない。 実用的な速度で NSAttributedString を描画するライブラリを探してみたところ、 DTCoreText というのが良さそうだった。 Cocoanetics/DTCoreText 低レイヤー API の CoreText を使って、ビューに直接テキストを描画するライブラリ。 例えば、DTCoreText が提供する DTAttributedTextView を使うことで、 self.

React でフォームを実装するためのライブラリは、決定版と呼べるものが見当たらないので、一番スターが多い redux-form を使っている。 github.com フォームの入力内容をストアに持つのはいかがなものかと思っていたのに、不思議と使っているうちに気にならなくなってきた。あと、v5 までは API がツラくて、何度も使うのをやめたくなったけど、v6 で API が刷新されてだいぶマシになった。 基本的にシンプルなフォームなら下記のように書ける。 onChange を書きまくらなくていいだけでも十分助かる。 import React, { Component } from 'react'; import ReactDOM from 'react-dom'; import { createStore, combineReducers } from 'redux'; import {

Vim 8.0 がリリースされて、 プラグインを管理するための Package 機能が追加されたので、 Vim をアップデートするついでに NeoBundle から移行することにした。 Windows と Mac、どちらも使っているのは香り屋版。 www.kaoriya.net github.com 試しに NERDTree でやってみる。 Package 機能でプラグインは管理できるけど、 プラグインをダウンロードすることはできないから、 自分でダウンロードしないといけない。 数が多いとかなり手間だろうな。 github.com ダウンロードして展開したら、 NERDTree フォルダごと下記の場所に配置。 mypack のところは適当な名前でいいみたい。 # Windows の場合 %HOMEPATH%\vimfiles\pack\mypack\start # Mac の場合 ~/.v

データベースから「A OR B」っていう条件で絞り込んでデータを取得するのって、Django ではどうやるんだろう。「A AND B」なら filter や exclude でいいんだけど…。 困ったときは Django の公式ドキュメントを見るべし！ってことで調べてみたら、ちゃんと書いてありました。 クエリを生成する — Django v1.0 documentation Q オブジェクトを使えばいいのね。 例えば「user1 または user2 の投稿を取得する」だと、Q オブジェクトを使って posts = Post.object.filter(Q(author=user1) | Q(author=user2)) と書けます。 OR と AND を組み合わせた、「user1 または user2 の投稿で下書きじゃないものを取得する」の場合 posts = Post.object.fi

React 人気はまだ健在だけど、入力項目の多い業務アプリを実装するには辛かった。 この手の Web アプリには、双方向データバインディングがある Angular2 の方が向いてそうだ。 Angular2 が正式リリースになって、名前が Angular に変わったことだし、 本格的に触ってみることにした。 $ npm install -g angular-cli で Angular CLI をインストールしたら、あとは $ ng new <project-name> を実行するだけで、プロジェクトの雛形が生成できた。 RC の頃は、全然クイックじゃないクイックスタートを見ながら、 設定をコピペしてプロジェクトを作ってたっけな。 ng new コマンド一発で、Angular だけでなく TypeScript や Webpack など、 開発に必要なパッケージも全部インストールされて楽チンだ。

はじめに Swashbuckle はまだプレリリースの段階ではあるけど、 ASP.NET Core にも対応しているみたい。 github.com Swashbuckle を使えば、Web API の実装から Swagger Definitions を生成できる。 温かみのある手作業で、 Web API の Swagger Definitions を書いていたけど、 もう限界なので試してみることにした。 プロジェクト新規作成 今回は Web API だけ使うので、 ASP.NET Core の Web API プロジェクトを作成しておく。 Swashbuckle をインストール project.json の dependencies に "Swashbuckle": "6.0.0-beta902" を追加して、パッケージをリストア。 Swagger を使うように Startup を修正 u

WEB+DB PRESS Vol.94 を読んだので、感想をメモしておく。 特集1 実践スケーラブル AWS 仮想マシンやロードバランサを使った VPC 構成のサービスを作ることになりそうなので、 サービスをスケールさせる際に何を監視して判断基準にすればいいか勉強になった。 というか、Microsoft Azure でこういった特集は無いのかな？ 特集2 はじめての Kotlin Kotlin を最初見たとき Swift っぽいなという印象だった。 本書を読んで、その印象はさほど変わっていない。 まぁ、ところどころ Swift とは違う点があって、Swift の方が良いなと思うことはあった。 fun よりは func だな。あとプロパティの getter と setter を書くところも、好みと違う。 Kotlin は公式の開発言語じゃないので、Android アプリ開発は Java でい

はじめに ASP.NET Core アプリケーションを Docker で動かすことができた。 tnakamura.hatenablog.com そういえば、Heroku で任意の Docker コンテナを動かすことができるようになっていたな。 まだベータ版な上、制限もあるみたいだけど。 もしかしたら ASP.NET Core アプリケーションの Docker イメージを Heroku にデプロイして動かせるかも？ やってみた。 いきなり結論 結論として Empty Web Application は動かすことができた。 Hello World を HTTP レスポンスのボディに書き込むだけのやつ。 ASP.NET Core MVC は動かせなかった。 なので、以下では Empty Web Application を動かした手順を書いていく。 Docker をインストール Docker は正

ネストしたルートに遷移するとき、 遷移先のルートに対応するコンポーネントが、親コンポーネントの props.children にセットされている。 ここで props.children をそのまま表示せずに、 React.cloneElement で props.children を複製すると、 その際に props を渡せる。 もっとスマートな方法が提供されていたらいいんだけど、 今のところこの方法しか無さそう。 何はともあれ、ルートコンポーネントのみに状態を持たせ、子コンポーネントはステートレスにできた。 var React = require("react"); var ReactDOM = require("react-dom"); var ReactRouter = require("react-router"); var Router = ReactRouter.Router;

アプリのコードがだいぶ増えてきて、それに伴いテストコードも増えてきた。 いい加減そろそろテストを書いていないメソッドの把握が難しくなってきたところだ。 コードカバレッジを計測する頃合かもしれない。 プライベートプロジェクトなので、開発は Visual Studio 2015 Community Edition を使っている。 Visual Studio のコードカバレッジ機能は Enterprise Edition じゃないと使えない。 OSS のツールを探さないといけないな。 .NET 用で使える OSS のコードカバレッジツールだと PartCover が良く検索に引っかかってくるが、 オリジナルは開発が止まっているみたいだった。 オリジナルからフォークした partcover.net4 と、別ツールの OpenCover の 2 つが紹介してあったので、 今回は OpenCover

ASP.NET MVC で開発しているアプリの画面テストを、Selenium を使って書き始めた。 tnakamura.hatenablog.com テストを実行するときは、先に ASP.NET MVC アプリを Visual Studio から実行しないといけない。 毎回これやるの面倒なんで、IIS Express を使って自動化してみた。 using Microsoft.VisualStudio.TestTools.UnitTesting; using OpenQA.Selenium; using OpenQA.Selenium.Firefox; using System; using System.Diagnostics; using System.IO; namespace MyMvcApp.UITests { /// <summary> /// Selenium WebDrive