asp.net core 3.1 preview 2 – blazor wasm app

投稿日: 2019年11月13日 作成者: たけぞう

dotnet core 3.1 previewでWeb Assemblyのみで動作する、Blazor WebAssembly Appが開発できるようになった。

dotnet core 3.0まではBlazor Server Appつまり、サーバーサイドで、.netの処理を行い、クライアント(ブラウザ)と通信を行って、結果を表示する方式のものしか開発できなかったのだが、Blazor WebAssembly Appでは、サーバーにアクセスするのは、ページロード時のみで、ページが読み込まれた後は全てクライアント側のWebAssembly中で処理が行われる。

Server AppとWebAssembly Appのソースは基本的に互換性があるようだ。(ただし、.netライブラリによってはサポートされないものもある)

試しに、Server Appのrazorページをコピーしてみたら、キチンと動作した。

Server Appと比べてbuildに時間がかかるのと、生成されるWebAssemblyのサイズが大きいためか、最初のページローディングには少々時間がかかる点が気になるが、一度ローディングしてしまえば、クライアント側で全て処理するので、処理している間にWebサーバーが落ちてしまっても問題無い。(実際にロード後にサーバーを落としてみたが、問題無く動作した。)

結構面白い技術だね。

カテゴリー: asp.net core, Blazor, C#, dotnetcore, 技術系 | 1件のコメント

ASP.NET Core，Blazorのレイアウト

投稿日: 2019年11月13日 作成者: たけぞう

以前、Blazorの記事を書いたが、dotnet core 3.0が正式にリリースされたので、Blazorに関しても色々といじくり回している。

Blazor等ASP.NET Coreのアプリをテンプレートから作成すると、Navigationメニュー付きの画面になってしまうが、これを変更するには、デフォルトのテンプレートを編集するか、別のテンプレートを作成して、ページ内でレイアウトテンプレートを指定する。

テンプレートはASP.NET Coreの場合とBlazorの場合ではレイアウトファイル名やフォルダが異なる。

ASP.NET Coreアプリの場合
・場所
<プロジェクトルート>\Pages\Shared
・ファイル名
_Layout.cshtml

Blazorの場合
・場所
<プロジェクトルート>\Shared
・ファイル名
MainLayout.razor

これらのファイルを直接変更すると、ページソースを変更しなくてもレイアウトを変更できる。

ちなみに、ページ毎に別のレイアウトを作成したい場合は、上記のフォルダにレイアウトファイルを作成して、ページ記述(.cshtmlや.razor)中に@layoutで指定する事が可能。
例えば、ASP.NET Coreアプリで\Pages\Shared\MyLayout.cshtmlを作成して、それをページに適用したい場合は、ページ中に@Layout=”MyLayout”とすれば良い。

カテゴリー: asp.net core, Blazor, C#, dotnetcore, 技術系 | 1件のコメント

dotnetcore

投稿日: 2019年8月9日 作成者: たけぞう

最近、dotnetcoreで遊んでいる。
最初はBlazorを試すためだけにインストールしたのだが、元々、dotnetcoreでの開発をしたことが無かったので、色々試してみた。

基本的には、dotnetコマンドで全て行う。
まず、プロジェクトの作成。

dotnet new プロジェクトの種類 -o プロジェクト名

上記で指定したプロジェクト名のフォルダが作成され、その下に必要なライブラリ等が格納される。
nugetのパッケージをプロジェクトにインストールするなら、下記コマンドで、OK。

dotnet add プロジェクト名 package パッケージ名

プロジェクトフォルダ中には、プロジェクト種別によってスケルトンプログラムが作成されているので、これを編集しても良いし、不要なモノを削除したり、新規にファイルを作成してもよい。プログラムの編集が終了したら、プロジェクトフォルダ直下で、下記コマンドを実行すると、プログラムがコンパイル後、起動される。(コンパイルエラーの場合はエラーメッセージと修正して同じコマンドを打つようメッセージが表示される。)

dot net run

以上、簡単だが、dotnetcoreを使用した開発方法の紹介。

カテゴリー: C#, dotnetcore, 技術系 | コメントする

Blazor

投稿日: 2019年8月1日 作成者: たけぞう

dotnet core 3.0のプレビュー版で、Blazorが使えるようになったので試してみる。
BlazorとはRazor記法とC#コードからWeb Assembly(専用Binayコードを実行する仕組み)を使用したWebアプリを生成するもの。

作成したアプリは、Web Assemblyをサポートするブラウザ上で実行可能である。IEを除いたメジャーなブラウザのほぼ全てで動作する。

簡単なコードを見てみよう。以下は、名前を入力して、ボタンをクリックすると、「ようこそ、[名前]さん。」と表示されるアプリ。RazorとC#を使用して作成している。なお、これらは全てクライアント(ブラウザ)上で動作する。

input type=”text”タグの値をC#上のyourNameと@bindで結びつけているため、ここに入力された値はボタンのクリックイベントが発生した時点でyourName変数に代入される。
ボタンのアクションには@onclickでC#のメソッドを指定している。(ここでは特に処理を子なっていないが・・・)
その下のif文で、入力があった場合は、メッセージを出力するようなコードとなっている。

@code {・・・}の部分はC#でロジックを書き込むところ。このページで使用するインスタンス変数や、イベントハンドラなどをコーディングする。

以下が、実行結果(Edgeで試した)

初期状態
名前を入力して、ボタンをクリック

簡単な例だが、javascriptを使用せずに、C#だけで書けるのはありがたい。なお、.NET Frameworkのライブラリも(どの程度かは分からないが)使用可能。
少なくとも、System.Net.Http.HttpClientは使用できた。
つまり、HTTPサーバと通信して、値を貰うようなアプリも作成できる。

HttpClientを使用した例

結構使えそうなので、正式版が出るのが待ち遠しい。

カテゴリー: Blazor, C#, 技術系 | 1件のコメント

Javaのvarを使った変数型推論宣言

投稿日: 2019年3月26日 作成者: たけぞう

JDK10から使えるようになったvarによる型推論変数宣言(言い方がこれで良いのかどうか分からない)だけど、JDK10からなそうのか試していないが、JDK12ではチョット厭らしい事が出来てしまうようだ。
本来なら、以下のような構文はエラーとして欲しいと思うんだけど・・・

int num = Integer.parseInt(args[0]);
var x = switch(num) {
case 0 -> “Zero”;
case 1->1;
default -> “Many”;
}; // 結果が整数又は文字列

xの型が、実行時まで決まらないというのは如何な物だろうか？バグの温床となりそうな気がするのだが・・・
(JavascriptのvarやVBのdimのみ(variant型)と同じイメージだよね?)

なお、C#では同様の構文はコンパイルエラーとなる。同じ事をやりたければ、dynamicを使用する必要がある。

カテゴリー: java, 技術系 | 2件のコメント

Swift

投稿日: 2018年11月28日 作成者: たけぞう

Apple嫌いだから、無視してたんだけど、まぁ、どんな言語か位は見てみようかと・・・

とりあえず、Windows on Linux(Ubuntu)で動かしてみたが、REPLが動いてくれない。

仕方ないので、普通にソースを喰わせて実行してみた。

以下、感想等。

  1. Swifにはクラスは存在する。継承も可能。
  2. 恐ろしいことに、配列は値型！参照(ポインタ)では無い。
  3. 変数,定数は基本、nil(null)の代入が禁止されている。
  4. nil許容型はunboxingしないとコンパイルエラーになる。面倒。
  5. 引数は基本名前付きで呼び出し。面倒。

iXXX用のアプリ作る気ないし、まぁ、ほぼ使うことは無いだろう。

swiftサンプル

swiftサンプル

 

カテゴリー: その他言語, 技術系 | コメントする

Go言語

投稿日: 2018年11月28日 作成者: たけぞう

Go言語をチョット触ってみた。

本当にC言語を作った人が設計したの？
以下、触ってみた感想(?)

  1. 変数宣言は型が変数名の後に来る(あまり好きじゃ無い)
  2. 関数はfuncで定義
  3. 最近の言語には珍しく、ポインタがある。でも、メンバーには”->”じゃなくて”.”でアクセス
  4. クラスは無い。(structでクラスっぽいものは作れるが、継承は言語仕様的には存在しない)
  5. 関数は複数の値を返すことができる
  6. スレッドが簡単に作成可能
  7. 構造的な例外処理が無い

わざわざ、この言語を使おうとは思わないな。

これしか使えないと言うなら別だけど・・・

Go言語サンプル

Go言語サンプル

カテゴリー: その他言語, 技術系 | コメントする

↓と思ったら・・・

投稿日: 2018年11月21日 作成者: たけぞう

もうJava11が出てるじゃぁないか。

言語面では大きな機能追加は無いようだね。

削除される標準ランタイムが結構あるようだけど・・・

カテゴリー: java, 技術系 | コメントする

java10

投稿日: 2018年3月28日 作成者: たけぞう

知らないうちに、Java10がリリースされていた。

新機能はまだ詳しくは調べていないのだが、C#とかと同じく、変数宣言にvarが使用できるようになったようだ。

var p = new Person();

のような感じで、右辺の型が推測可能なものに使用できる。上記の場合は、変数pはPerson型となる。C#ではおなじみの文法だ。

C#ではLINQ等を使用するときによく使うので、Javaで同じような機能を持つ、Streamで使用できるかどうか試してみた。

var q = personel.filter(p->p.getAge() > 20);

C#ならば、この後で、変数qに対してforeach文を使用することができるのだが、javaの場合は上記のqに対してforEachメソッドを使用することになる。

q.forEach(・・・);

個人的には、foreach(拡張for)も使用できるといいような気がするんだけどね。

このように、Streamを途中の状態で変数に格納することによって何ができるかと考えたんだけど、条件によって、複数の抽出条件を付加するとかはできそうだね。

var q = personel.filter(・・・); // 抽出条件1
if (・・・)  { // ある条件ではさらに絞込
q = q.filter(・・・); // 抽出条件2
}

C#だと、上みたいな形も取れるし、Expressionを使用して式を動的に作ってもいいんだけど。

カテゴリー: java, 技術系 | コメントする

Windows10 Fall Creators Update

投稿日: 2017年11月14日 作成者: たけぞう

Windows10 Fall Creators Updateで、Windows Subsystem for Linuxが正式にサポートされて、Microsoft StoreからUbuntuやopenSUSEがインストールできるようになったので、ちょっとお試し。

UbuntuとopenSUSEにmonoをインストールして、WindowsにはフリーのX Server “Xming”をインストールの後、同じソースをWindows,Ubuntu,openSUSEで動作させてみた。

↓同じソースをWindows,Ubutu,openSUSEでコンパイルして、実行してみた結果。

ちなみに、Ubuntuでは、デフォルト状態で動作したが、openSUSEでは、x-windowの日本語フォントをインストールしないと、実行時にFontFamily Not Found Exceptionが発生する。

カテゴリー: Windows, 技術系 | コメントする