2025年1月5日 / 最終更新日時 : 2025年1月5日 masaakiota Prisma 【Prisma】Migrationスクリプトを書いてみた こんにちは、フリーランスエンジニアの太田雅昭です。 PrismaのMigrate Prismaでは、通常CLIでMigrationを行います。しかしアプリ実行時に行いたくなる時もあります。今回、アプリ内で実行できるスクリ […]
2025年1月4日 / 最終更新日時 : 2025年1月4日 masaakiota JavaScript/TypeScript 【JavaScript】Fuse.jsで曖昧検索を実装する こんにちは、フリーランスエンジニアの太田雅昭です。 曖昧検索事情 昨今のAIの発達により、ユーザーは曖昧検索が当たり前という意識にシフトしつつあると思います。曖昧検索は、今後のデフォルトになるかもしれません。 JavaS […]
2025年1月1日 / 最終更新日時 : 2025年1月16日 masaakiota Electron 【Electron】Cannot find module ‘.prisma/client/default’ こんにちは、フリーランスエンジニアの太田雅昭です。 Electron Electronは、JavaScriptでデスクトップアプリを作れるツールです。 Prismaでエラーになる devモードなら問題なかったのですが、b […]
2024年12月19日 / 最終更新日時 : 2024年12月22日 masaakiota JavaScript/TypeScript 【TypeScript】Dexieで型安全にIndexedDBを操作する こんにちは、フリーランスエンジニアの太田雅昭です。 IndexedDB IndexedDBは、現在のすべてのブラウザでサポートされているストレージ機能です。cookie,localStrageなどで収まらない大きなサイズ […]
2024年12月17日 / 最終更新日時 : 2024年12月17日 masaakiota React 【React】videoフレームをキャプチャして表示する こんにちは、フリーランスエンジニアの太田雅昭です。 videoフレームのキャプチャ videoフレームは、canvasを使用してキャプチャできます。以下のような具合です。 リアルタイムで描画する リアルタイムで描画するに […]
2024年12月16日 / 最終更新日時 : 2024年12月16日 masaakiota JavaScript/TypeScript 【JavaScript】Playwrightのevaluateはクロージャ諸々使えない こんにちは、フリーランスエンジニアの太田雅昭です。 Playwright PlaywrightはChromiumを使えるJavaScriptライブラリです。 evaluate ブラウザ内でJavaScriptを実行する場 […]
2024年12月8日 / 最終更新日時 : 2024年12月8日 masaakiota JavaScript/TypeScript 【JavaScript】古い端末での自動再生ポリシーの挙動と対策 こんにちは、フリーランスエンジニアの太田雅昭です。 自動再生ポリシー 自動再生ポリシーは、近年のブラウザに搭載されている機能です。ユーザーのクリックを確認できないと、動画の音声を自動再生できないといったものになります。ユ […]
2024年11月29日 / 最終更新日時 : 2024年11月29日 masaakiota Next.js 【Next.js】Server Actionでbcryptエラー。Can’t resolve ‘mock-aws-s3’, ‘aws-sdk’,’nock’ こんにちは、フリーランスエンジニアの太田雅昭です。 bcrypt bcryptは暗号化に用いるライブラリです。ハッシュ化したり、検証したりできます。 Server Actionで使えなかった Server Actionは […]
2024年11月28日 / 最終更新日時 : 2024年11月28日 masaakiota Apollo 【Apollo】useMutation後、自動でデータ更新する こんにちは、フリーランスエンジニアの太田雅昭です。 Apollo client Apollo clientはReactでも便利に使えるclientです。全体でキャッシュを持っており、一部の更新が全体に反映されたりと、デー […]
2024年11月25日 / 最終更新日時 : 2024年11月25日 masaakiota React 【React】setIntervalは古いStateを参照する こんにちは、フリーランスエンジニアの太田雅昭です。 setIntervalは古いStateを参照する setIntervalは、定期実行を行う関数です。感覚的には、これを使用すると、常に新しいStateを得られると思いが […]