OITA: Oika's Information Technological Activities

@oika 情報技術的活動日誌。

2021-01-01から1年間の記事一覧

【C# 機能別】知らん書き方が出てきたらこれを見ろ!C# 10 までの進化を1ページで

祝 .NET 6 GA アドベントカレンダー、23日の記事になります。 .NET 6 のリリースに伴い、C# の言語バージョンがついに 10.0 となりました。 C# の進化は早く、ちょっと気を抜いている隙に、見たことのない書き方のコードがどんどん出現します。 その一方で、…

PlantUMLで画面遷移図を管理するための支援ツール「Transit UML」を作った

Transit UML というオンラインツールをリリースしました。無料で使えます。 Transit UML - Create Screen Tansition Diagrams using PlantUML

TypeScript の「型安全」を担保するために知っておきたかったこと

タイムリープTypeScript 〜TypeScript始めたてのあの頃に知っておきたかったこと〜 アドベントカレンダー1日目の記事になります。 よろしくお願いします。 3行で TypeScript で安全に型を扱う勘所は以下2点だと思いました。 最初から最後まで型が壊れていな…

DbUnit : テストデータの日付・時刻を相対的な値で指定する

やりたいこと:DbUnit のテストデータで、DATETIMEなどのカラムに、「1時間前」「1日前の12:00」みたいな、現在日時からの相対時刻を入れたい。 たとえば直近3日間の履歴を取得して返すAPIのテストであれば、3日前あたりの境界値レコードがテストデータとし…

react-query : クラスコンポーネントのコードで導入するいくつかの方法

引き続き React Query のターン。 useQuery か、なるほどいいねこれということで導入しようと思っても、手元のコードは全然 class component ですよっていう場合に、どうやって導入していく方法があるかという整理。 おおよそそのまま、クラスコンポーネント…

react-query : useQuery への依存をスタブに差し替えてコンポーネントテスト

引き続き React Query の話。 ある関数コンポーネントが useQuery によって取得される外部データに依存している場合に、そのuseQueryで取得される外部データをダミーに置き換えて、コンポーネントテストを書く方法。 なかなかまとまった情報が見つからなかっ…

react-query:invalidate と reset の挙動の違い

お勉強メモ。嘘ついたらごめんなさい。 React Query で、cacheTime, staleTime と、invalidateQueries, resetQueries あたりの使い分けの話。 お試し用コードは最後に載せてます。

react-select:React Testing Library で optionのリストを拾う

React Testing Library で React Select をどうやってテストするんだってのはFAQらしく、Stack Overflowではサードパーティの部品までテストすんなMock使えというのがベストアンサーだったりして、まあそうかもねと思いつつも、ほじくってテスト書いたのでメ…

C# (WPF) 算出プロパティ NComputed を NuGet 公開

だいぶ前に作った これ を、自分で使おうと思ったら NuGet にないじゃんってことに気づいたので、今更ながら公開しておきました。 www.nuget.org

react-select:インクリメンタル検索で一致部分を強調表示

インクリメンタル検索で、入力と一致した部分文字列をハイライトする。 というのを、React Selectを使ってやる。 基本的には公式APIドキュメントを読んでいけば書いてあるはずの話だが、カスタムコンポーネントの部分はちょっとつまづいたのでメモ。