React Router v7で謎のConsoleが出続ける

React Router v7で開発していると下記コンソールが常に出ていた。

Production Buildすれば消えると思っていたので気にしなかったけど、そんなことなかったので初めて意識した。

訳すると、

こんにちは、デベロッパーの方へ。

お使いのアプリがJSモジュールを読み込んだり、clientLoader関数を実行したりする際、これよりもずっと優れたUX（ユーザー体験）を提供できます。詳細については、https://reactrouter.com/start/framework/route-module#hydratefallback
をご覧ください。

とのこと。

つまりもっといい開発できますよ、ということ。

公式を見に行くと、

On initial page load, the…

⚠️追記：vite-plugin-pwaはとReact Router v7で正常に機能しません

...

React Router v7でウェブアプリを作成した。

Kindle Unlimitedの検索が使いにくいので、好きな作家の対象本を一覧表示するサービスを作った

これを少しずつ改良しているんだけど、サイトに訪問するのが面倒なのでPWAにすることにした。

環境

PWAにしたアプリの環境は下記の通り。

PWAにする

vite-plugin-pwaをインストールする。

vite.config.tsのpluginsにvite-plugin-pwaを追加する。

上記の記述でビルド時にmanifest.webmanifestが生成されるのでそれをapp/root.tsxで読み込む。

で、必要となる下記を作成する。

テストする

PWAは開発環境でテストできないので、npm…

Kindle Unlimitedの検索が使いにくい！

Kindle
Unlimitedは、読書好きにとって最高のサブスクリプションサービスのひとつです。

毎月7～8冊ほど読むため、利用することで月に¥2,500～¥3,000ほどお得になっています。しかし、便利な一方で、検索のしにくさが大きな課題でした。

Googleのサジェストに「Kindle
Unlimited 検索しにくい」と出るくらいなので、同じ不満を持つ人は多いはずです。

特に、Kindle
Unlimitedの対象本だけを簡単に検索するのが難しく、フィルターをかけたり、余計な操作が必要になったりと手間がかかります。

そんな中、Qiitaで「kindle…