<
Testcontainersを用いたNext.jsとDBの結合テスト

2024-03-25

Testcontainers というものを知りました。Testcontainersは、コンテナを利用してテスト環境を構築し、簡単に統合テストを行うことができるツールです。この便利なツールを用いて、Next.jsとデータベース(DB)を組み合わせた結合テストを実施しました。使い捨て可能なエンドツーエンド(E2E)テストの実装が可能で、とても良い結果を得ることができました。...

Million Lintを試してみた

2024-03-21

Million.devを知り、少し試してみました。Million.jsについて このライブラリは、React DevToolsのProfilerより簡単にプロファイリングできるみたいです。 パフォーマンスのプロファイリングは通常、面倒で時間のかかる作業です。もしもこれを簡単に実行できるのであれば、めちゃくちゃ捗るなとわくわくしました。...

Playwright Component Test を試してみた

2024-03-20

Playwright上で直接ブラウザ上のコンポーネントテストを実行できる「Playwright Component Test」(以下、playwright-ct)について知り、実際に試してみました。この記事では、その体験を共有します。実際に使用したリポジトリは下記の通りです。...

Typescript で Document Testing したい

2024-03-14

TypeScriptを使用している開発者であれば、コードにドキュメントを書いた人もいるかと思います。ドキュメントに対して、ドキュメントテストというのが書けるらしいです。この記事では、TypeScriptでドキュメントテストを行うためのツールをいくつか紹介します。...

Disqusを設置したよ!

2024-03-13

これまで、ブログへのコメントサービスにGiscusをブログサイトに設置していました。本日、同コメントサービスのDisqusに切り替えました。...

毎朝のマインドフルネス瞑想を1ヶ月間やってみた

2024-03-12

私はこれまで、ハードスキルやソフトスキルを鍛えてきました。最近、書籍を通じてセルフマネジメントの能力を高めたいと考え始めました。そこで、約1ヶ月間 毎朝マインドフルネス瞑想を続けたので、その体験と得られた成果についてここに記します。...

Storybook上で tRPC通信をMSWでモックする方法

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ヶ月が経過しました。最初は不安でいっぱいでしたが、今ではドライブを一週間の楽しみとしています。その変化に至る過程を紹介します。...

Figmaと仲良くなる

2024-02-16

これまで、デザイナーの方々が作成した素晴らしい Figma の成果物を参考にしながら、Web フロントエンドの実装を行ってきました。何度もこれを経験するうちに、私も Figma を使いこなせるようになりたいと思うようになりました。...

Google Map タイムラインの便利さ

2024-02-11

ショッピングモールに車で行った際、駐車場の料金が入庫から1時間まで無料だったのですが、「いつ入庫したんだっけ?」と記憶があいまいになったことがありました。そんな時、Google Map のタイムラインを見ると、正確に何時何分に到着したかが分かり、本当に便利だと感じました。...