2024年1月30日 / 最終更新日時 : 2024年1月30日 masaakiota dnd kit 【dnd-kit】DndContextを入れ子にすると、親には伝わらない こんにちは、フリーランスエンジニアの太田雅昭です。 dnd-kit dnd-kitは、ドラッグ&ドロップを簡単に実装できるライブラリです。 Contextを入れ子にすると、親には伝わらない 公式でも入れ子にする事 […]
2024年1月29日 / 最終更新日時 : 2024年1月29日 masaakiota Apollo 【Apollo】トークンリフレッシュをもっと簡単に実装する こんにちは、フリーランスエンジニアの太田雅昭です。 以前、Apolloクライアントでトークンリフレッシュを実装する話を書かせていただきました。 上記はエラー処理で実装していましたが、もっと簡単にできる方法が見つかりました […]
2024年1月29日 / 最終更新日時 : 2025年2月11日 masaakiota Node.js 【Node.js】期限をクライアントでチェックしてJWTトークンリフレッシュ こんにちは、フリーランスエンジニアの太田雅昭です。 トークンリフレッシュ アクセストークンとリフレッシュトークンを使用して、認証を実装するのは今の一般的な手法です。このメリットは以下のようなものです。 メリット 一般的な […]
2024年1月26日 / 最終更新日時 : 2024年1月29日 masaakiota Apollo 【Apollo】トークンリフレッシュを実装する 2024/01/29追記：もっと簡単に実装できる方法を以下で紹介しています。 こんにちは、フリーランスエンジニアの太田雅昭です。 Hasuraを使っている関係でApollo Clientを使用しているのですが、日本語解説 […]
2024年1月26日 / 最終更新日時 : 2024年1月26日 masaakiota Prisma 【Prisma】PostgresでTimezoneを付与して安心する こんにちは、フリーランスエンジニアの太田雅昭です。 PrismaのDateTimeのデフォルト挙動 PrismaはDateTime型を使用できます。以下のような具合です。 これをPostgreSQLにmigrateすると […]
2024年1月25日 / 最終更新日時 : 2025年2月11日 masaakiota Node.js 【Node.js】PhoneやEmailのばらつきを正規化 こんにちは、フリーランスエンジニアの太田雅昭です。 正規化の必要性 例えば電話番号だと、国際的な場合以下のパターンは同じところに届きます。 メールアドレスなら以下のようなものです。Gmailは特に自由度が高いです。なお実 […]
2024年1月25日 / 最終更新日時 : 2024年1月25日 masaakiota Next.js 【Next.js】NextRouter was not mounted. こんにちは、フリーランスエンジニアの太田雅昭です。 時々やってしまうこの問題。 useRouterはnext/navigationからimportする 今私が使ってるNextはv14なのですが、その場合useRouter […]
2024年1月13日 / 最終更新日時 : 2024年1月13日 masaakiota Hasura 【Hasura】__typename not foundを解決 こんにちは、フリーランスエンジニアの太田雅昭です。 __typename not found __typename not foundは、HasuraというよりApollo Clientの話なのですが、個人的に今Hasu […]
2024年1月13日 / 最終更新日時 : 2024年1月13日 masaakiota MUI 【MUI】CircularProgressはパーセント指定すると揺れる こんにちは、フリーランスエンジニアの太田雅昭です。 CircularProgressに%でsize指定してみる CircularProgressのsizeにはパーセントでも指定できます。 こうすると確かに、パーセント計算 […]
2024年1月11日 / 最終更新日時 : 2024年1月11日 masaakiota dnd kit 【dnd kit】ドラッグ時に隠れてしまう問題 こんにちは、フリーランスエンジニアの太田雅昭です。 dnd-kit dnd-kitは、Reactでドラッグ&ドロップを簡単に実装できるようになるライブラリです。 ドラッグ要素が隠れてしまう問題 ドラッグした対象が […]