2024-03-29
Dockerイメージ内の構造や設定が期待通りかどうかを検証する `container-structure-test` を知りました。container-structure-test GitHub リポジトリ。せっかくなので、試してみました。...
2024-03-25
Testcontainers というものを知りました。Testcontainersは、コンテナを利用してテスト環境を構築し、簡単に統合テストを行うことができるツールです。この便利なツールを用いて、Next.jsとデータベース(DB)を組み合わせた結合テストを実施しました。使い捨て可能なエンドツーエンド(E2E)テストの実装が可能で、とても良い結果を得ることができました。...
2024-03-21
Million.devを知り、少し試してみました。Million.jsについて このライブラリは、React DevToolsのProfilerより簡単にプロファイリングできるみたいです。 パフォーマンスのプロファイリングは通常、面倒で時間のかかる作業です。もしもこれを簡単に実行できるのであれば、めちゃくちゃ捗るなとわくわくしました。...
2024-03-20
Playwright上で直接ブラウザ上のコンポーネントテストを実行できる「Playwright Component Test」(以下、playwright-ct)について知り、実際に試してみました。この記事では、その体験を共有します。実際に使用したリポジトリは下記の通りです。...
2024-03-14
TypeScriptを使用している開発者であれば、コードにドキュメントを書いた人もいるかと思います。ドキュメントに対して、ドキュメントテストというのが書けるらしいです。この記事では、TypeScriptでドキュメントテストを行うためのツールをいくつか紹介します。...
2024-03-12
私はこれまで、ハードスキルやソフトスキルを鍛えてきました。最近、書籍を通じてセルフマネジメントの能力を高めたいと考え始めました。そこで、約1ヶ月間 毎朝マインドフルネス瞑想を続けたので、その体験と得られた成果についてここに記します。...
2024-03-07
はじめに tRPCは、型安全なAPIを簡単に構築できるフレームワークです。開発中、バックエンドの実装を待たずに、Storybook上でフロントエンドの開発を進めたい場合、Mock Service Worker (MSW) を使用してAPIのモックを行うことができます。この記事では、maloguertin/msw-trpc を用いて、tRPC通信をMSWでモックする方法について解説します。実用例として、サンプルコードをGitHubリポジトリ silverbirder/trpc-msw-storybook-nextjs で共有しています。...
2024-02-22
ペーパードライバーだった私が新車を購入し、4ヶ月が経過しました。最初は不安でいっぱいでしたが、今ではドライブを一週間の楽しみとしています。その変化に至る過程を紹介します。...
2024-02-16
これまで、デザイナーの方々が作成した素晴らしい Figma の成果物を参考にしながら、Web フロントエンドの実装を行ってきました。何度もこれを経験するうちに、私も Figma を使いこなせるようになりたいと思うようになりました。...