vaguely

和歌山に戻りました。ふらふらと色々なものに手を出す毎日。

【PostgreSQL】【EntityFramework Core】SQL クエリのデバッグ 1

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

【ASP.NET Core】【xUnit】【Moq】ユニットテストを追加する 1

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

【.NET Framework】Back to ASP.NET Framework 1

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

【ASP.NET Core】【Blazor Server】SPA を試す

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

【ASP.NET Core】Blazor を試す (Blazor Server)

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

【.NET】Console Appを試す

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

【C#】【EntityFrameworkCore】 null 許容参照型を試す

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

【ASP.NET Core】【Entity Framework Core】Code first / DB first ってみる

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

【RxJS】処理に失敗したときに早期リターンしたい話

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

TypeOrm を追加する

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

Angular 10 + NgRx + Nest.js でプロジェクトを作る

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

NgRx に触れてみる 1

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

TypeORMに触れてみる 2

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

TypeORMに触れてみる 1

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

Babelを使ってみようとしたらハマった話とドラッグで要素を動かしてみたい話

はじめに Babel と Webpack を使う サンプルコード(失敗) はじめに 投稿が大変遅れましたが、この記事は JavaScript Advent Calendar 2019 の13日目の記事です。 要素をドラッグして動かしたい。 せっかくなので JavaScript で書いてみよう。 と思ったら Bab…

Angular で PWA に挑戦したい話

はじめに インストール はじめに ※2019/12/06 一旦書き終わったところだけ公開いたします。 残りは仕事が終わったあと追記予定です(..)_ この記事は PWA Advent Calendar 2019 の 6 日目の記事です。 JSConf China 2019 で聴いて以来気になってはいた PWA(Pr…

【TypeScript】type の使いどころが知りたい話

はじめに type について interface と type aliases いつ type aliases を使うべきか? 参照 はじめに ※2020/04/12 お前の仕事はいつまで続くんだという話ですが、ようやく書き終わりました。。。 この記事は TypeScript Advent Calendar 2019 の 6 日目の記…

ASP.NET Core + Entity Framework Core のプロジェクトを 2.2 から 3.0 にアップグレードした話

はじめに 元のプロジェクト 3.0 にアップグレードする エラーを修正する おわりに はじめに この記事は C# Advent Calendar 2019 の二日目の記事です。 冷静に考えるとこれを C# の話として書いていいのか?と今更ながら思ったりもするのですが、プロジェク…

Angular(ver.8.2) のページを IE11 に対応させたい話

はじめに IE11 でページを表示する 背景色に Alpha のある色を設定する Grid layout を有効にする おわりに はじめに この記事は Angular #2 Advent Calendar 2019 一日目の記事です。 以前からちょろちょろ触っていた Angular ですが、そろそろ試しに使って…

JSConf China 2019 in 上海参加記録( 2 日目)

はじめに 会場 Keynote. Learn as I write the Docs 2. Serverless is your BFF 3. Entropic package registry 4. Redux Based Modular Design 5. Diving into TypeScript design metadata with NestJS 6. Writing code to refactor code 7. JavaScript 的执…

JSConf China 2019 in 上海参加記録( 1 日目)

はじめに 会場 Opening & Opening Note Keynote. Continuous learning & leadership evolution 2. The beauty of TypeScript 3. ClojureScript - Winning through simplicity 4. Modern GraphQL workflow 5. Building (Progressive) Web Apps 6. 面向传统, …

JSConf China 2019 in 上海参加記録( 0 日目:移動日・上海旅行編)

はじめに グレートファイアウォールを乗り越える キャッシュレス決済 本屋(上海書城) 写真 はじめに 10/19~10/20 に上海で行われた、 JSConf China 2019 に参加してきましたので、メモっておくことにします。 といっても今回は 10/18 の移動 + ひさびさに上…

雑に Angular 再入門(Tour of Heroes App) 1

はじめに 準備 Directive って何 Component はじめに 色々あったりなかったりして、 Angular をもう一度触ってみることにしました。 Angular 2 の時代にハンズオンに参加したとはいえ、あれからずいぶん経っているわけなので、もう一度一からやってみるぞい…

TypeScript で関数オーバーロード

はじめに オーバーロード 型を調べる はじめに C# だと時々使う関数のオーバーロード。 TypeScript で同じように書くとエラーになるため、使えないのかな~と思っていたのですが、よくよく調べてみると使えるらしい。しかしながらちょっと様子が違う?となっ…

WSL の Ubuntu 18.04 で SpiderMonkey をビルドした話

はじめに WSL のインストール 必要なソフトウェアのインストール SpiderMonkey のビルド はじめに ここまで TypeScript(JavaScript) の prototype などを追ってきて、ふと思ったのが、「これって内部的にはどう扱われているのだろう」ということでした。 そ…

【TypeScript】prototype を追いかける

はじめに prototype メソッド static メソッド 関数 クラス クラスインスタンス マージしてみる はじめに 【TypeScript】InversifyJSでIoC(DI)体験 1 【TypeScript】InversifyJSでIoC(DI)体験 2 【TypeScript】Decoratorを覗き見る 1 【TypeScript】Decorato…

【TypeScript】Decoratorを覗き見る 2

はじめに Decorator Factory 関数の呼び方 Prototype はじめに 【TypeScript】InversifyJSでIoC(DI)体験 1 【TypeScript】InversifyJSでIoC(DI)体験 2 【TypeScript】Decoratorを覗き見る 1 今回は Decorator Factory から見てみますよ。 Decorator Factory …

【TypeScript】Decoratorを覗き見る 1

はじめに Decorator について 準備 Class decorator はじめに 【TypeScript】InversifyJSでIoC(DI)体験 1 【TypeScript】InversifyJSでIoC(DI)体験 2 ここまで InversifyJS のコードを追いかけてみたわけですが、どうもどのようにしてインスタンスを生成して…

【TypeScript】InversifyJSでIoC(DI)体験 2

はじめに ContainerOptions interface について Container を追う Container.bind はじめに *【TypeScript】InversifyJSでIoC(DI)体験 1 続きです。 今回は Container クラスを中心に、もう少し InversifyJS の中身を見ていきたいと思います。 ContainerOpti…

【TypeScript】InversifyJSでIoC(DI)体験 1

はじめに 準備 とりあえず DI ってみる InversifyJS とたわむれる 1 はじめに 諸般の事情から TypeScript に漬け込まれている今日この頃。 ふと TypeScript 単体で DI ってできないのかな~と思ってググった時に出てきた、 InversifyJS を試してみることにし…