はじめに 子コンポーネントを追加する 子コンポーネントの CSS データのやりとり 状態管理 おわりに はじめに この記事は Blazor Advent Calendar 2020 の22日目の記事です。 今回は子コンポーネントを追加してみることにします。 環境、ベースとなるプロジ…

はじめに 元のプロジェクト CSS isolation 生成される CSS はじめに この記事は Blazor Advent Calendar 2020 の16日目の記事です。 .NET 5 で追加された CSS Isolation(CSS の分離)を試してみることにしました。 ASP.NET Core Blazor の CSS の分離 | Micro…

はじめに まずはおさらい 中を見てみる 変換 おわりに はじめに この記事は C# その2 Advent Calendar 2020 - Qiita の四日目の記事です。 今回は C# 9 から登場した record で遊んでみたいと思います。 Environments .NET ver.5.0.100 変換で使用 Microsoft…

はじめに 準備 Database の生成と接続 テーブル生成とマイグレーション テーブルにアクセスする おわりに はじめに この記事は C# Advent Calendar 2020 - Qiita の三日目の記事です。 いつもの諸事情により SQLite を扱うことになりました。 条件はこんな感…

はじめに とりあえずサンプルのデータを生成する 生成された SQL クエリをログ出力する EXPLAIN, ANALYZE 実行例 Raw SQL クエリの実行 はじめに 作ったアプリにパフォーマンス上の問題が発生している場合、ボトルネックを探索する必要があるわけなんですが…

はじめに テストプロジェクトを追加する Visual Studio Code でテストを実行する はじめに 今回は既存の ASP.NET Core プロジェクトにテストを追加してみます。 ASP.NET Core のテストは以前もやりましたが、今回も xUnit と Moq を使います。 Environments …

はじめに ルーティング ログ出力 (NLog) おわりに はじめに これまでの通り、普段プライベートのプログラミングでは .NET Core を使っているわけですが、今日は .NET Framework に挑戦しますよ。 理由はまぁ、お察しください。 Environments Visual Studio 2…

はじめに ルーティング Blazor コンポーネントの中に Blazor コンポーネントを追加する Blazor(HTML + C#) から C# のコードを分割する はじめに 【ASP.NET Core】Blazor を試す (Blazor Server) 今回は Blazor を使って Single Page Application を作ってみ…

はじめに Blazor を追加する DOM 操作 JavaScript とのやり取り サーバー側のメソッドを呼ぶ おわりに はじめに 気になりつつも試せていなかった Blazor 。 ASP.NET Core Preview 7 でアップデートがたくさん入ったっぽいこともあり、試してみることにしまし…

はじめに 元のプロジェクト 設定ファイルの読み込み DI(Dependency Injection) ログ出力(NLog) おわりに はじめに これまで ASP.NET Core のアプリは作ってきたものの、よく考えると Console アプリってあまり作ったことないよな～。と思ったので試してみる…

はじめに 準備 null 許容参照型について Entity FrameWork Core 参照 はじめに 気になりつつも試せていなかった、 null 許容参照型 (nullable reference types) を試してみます。 プロジェクトは前回のものを使います。 Environments .NET 5: ver.5.0.100-pr…

はじめに Code first DB first はじめに Entity Framework Core でコードからデータベースのテーブルを生成する Code first、データベースからコードを生成する DB first をやってみたよというお話。 Environments .NET 5: ver.5.0.100-preview.7.20366.6 Mi…

はじめに empty, throwError, throw new Error 処理失敗の通知に「throwError」を使うべきか はじめに C# でコードを書く時に、下記のような処理をよく書きます。 private async Task ExecuteExampleAsync() { var result1 = await DoSomethingAsync1(); if …

はじめに TypeOrm を使う 「nest generate」を使う Repository クラスから Database にアクセスする 参照 はじめに 今回は TypeOrm を追加して Database にアクセスできるようにしますよ。 Angular 10 + NgRx + Nest.js でプロジェクトを作る TypeOrm を使う…

はじめに Angular ver.10のプロジェクトに @ngrx/store が追加できない Nest.js のプロジェクトを追加する はじめに 今回はサーバー側のプログラムも追加してみます。 今回は TypeScript 好きである、ということもあって Nest.js を選びました。 Environment…

はじめに 元のプロジェクト Action, Reducer, Store を追加する Effects を使う 元のプロジェクトに Service を追加する Effects を追加する はじめに 前から気になっていた NgRx に触れてみます。 NgRx - @NGRX/STORE NgRX は Redux のように状態を管理する…

はじめに Migration いつ新しい ID が発行されるか 外部キー テーブル生成を synchronize: true ですべきかマイグレーションファイルですべきか はじめに TypeORMに触れてみる 1 今回はマイグレーションと外部キーの設定について。 Migration まずマイグレー…

はじめに インストールとプロジェクトの作成 テーブルを作成する トランザクションを利用する はじめに 久々すぎて書き方も忘れつつある今日このごろ。 プライベートでは TypeScript ばかり触れているわけなのですが、今回は TypeORM を試すことにしました。…