Webアプリでドラッグ操作中にブラウザのスクロールを止めて上下に近づけたら少しずつスクロールしたい、というよくある要件でハマった話。 PCでは完璧に動いてたのに、Androidで試したら全然効かなかった。「同じChromeやのになんで？」って調べていたら、ブ…

今回、自身の開発しているサービスをPWA化してプッシュ通知まで実装しようと頑張ったのですが、Vite環境で実装している記事が見つからなかったり、FCM(Firebase Cloud Messaging)の仕様が変更されていて記事が当てにならなかったりしたのでメモ程度に共有し…

Reactアプリのテスト(Jest, React Testing Library)で詰まったことのまとめ。

PWAとか仰々しい感じで言われると、「知らないヤツか。。。むずそう」となるけど、意外と開発環境が既に整備されてて、簡単に実装するだけなら拍子抜けするくらい簡単だった。 今開発中のWEBアプリも簡単にネイティブアプリライクにできるし、簡単なWEBアプ…

環境 該当のコード 解決 環境 react: v18.2.0 axios: v1.5.0 該当のコード axios.get("url", data) .catch((e) => { console.log(e); }) .then((res) => { console.log(res); }); 解決 よくよく考えると当たり前だが、catchとthenの順番が逆だった axios.get…

作ってみたはいいものの、ところどころ躓いてしまったのでどこかの誰かのためになればと備忘録を残します。お安く済ませたいという心理の裏には苦労あり…

結論 package.jsonに追記 ファイルのパスを修正 ルーティングのパスを修正 詳細な状態 結論 package.jsonに追記 "homepage": "/path" ファイルのパスを修正 public/配下に以下の.htaccessを追加してビルド Options -MultiViews RewriteEngine On RewriteCond…