AIPlaywrightで自動テスト生成!Agents・VS Code拡張・Codegen Playwright 1.56で追加された「Agents」を含め、テスト自動生成機能を3種類(Agents、VS Code拡張、Codegen)比較。実際にBlazorアプリを対象にテストプラン作成からコード生成、AIによる修正(Healer)までの流れを詳しく解説します。 2025.10.15AIITフロントエンド
C#BlazorアプリをPlaywrightでUIテスト!セットアップから基本操作まで解説 Playwrightを使ってBlazorアプリのUIテストを自動化する方法を解説します。インストール、要素指定、アサーション、実行、タイムアウト設定まで、サンプルコード付きでわかりやすく紹介。 2025.10.14C#ITフロントエンド
ITPGliteのLive Queries機能を試す PGliteのLive Queries機能を使ってリアルタイムにデータを取得・更新する方法を実例付きで紹介します。 2025.04.12ITフロントエンド
ITPostgreSQLがブラウザで動く!?PGliteを試してみた PGliteはPostgreSQLをブラウザやNode.js上で動かせるライブラリ。本記事では基本的な使い方から、データの永続化やREPL機能までを解説します。 2025.04.05ITフロントエンド
C#BlazorでのbUnitテスト BlazorのコンポーネントをbUnitでテストする方法を解説。画面のレンダリングやボタンクリック、HTTP通信のモックを活用した実装を紹介します。 2025.02.01C#ITフロントエンド
ITBootstrapでボーダー上に文字を配置する方法(Blazor対応) BlazorでBootstrapを活用し、ボーダー上に文字を配置する方法を解説。一部カスタムCSSで微調整も可能。応用範囲広大! 2025.01.13ITフロントエンド
ITBootstrapでブロック要素を右端に配置する方法(Blazor対応) Bootstrapでブロック要素を右端に配置する方法を解説。Blazor環境でも利用可能な5つの実例を比較し、最適な方法をご提案します。 2025.01.12ITフロントエンド
C#Blazor:オリジナルのInputコンポーネントを作成する Blazorでは、テキストボックスやラジオボタンなどのコンポーネントが複数用意されていますが、カスタムコンポーネントを作成することもできます。今回はカスタムコンポーネントを作成して、どんなことができるのかを試してみたいと思います。 2024.11.10C#ITフロントエンド
C#.Netでの「Globalization」と「Localization」を試す .Netで複数言語対応を検討する機会がありましたので、調べた内容をまとめます。イメージまずは、どのようなことを実現したいのかのイメージを付けるために以下をご覧ください。ユーザーがロケール(言語)を選択することで、そのロケールに合わせた表示に... 2024.08.16C#ITフロントエンド
ITVuetifyを使った開発6 ~数値を扱う際のテキストボックスの設定~ テキストボックスで数値を扱う際には変数の型に注意する必要があります。数値として処理する方法と、Vuetifyで数値の入力に利用できるコンポーネントについて紹介します。 2024.05.27ITフロントエンド