Categories
AWSJavaScriptNode.jsTypeScript
AWS SDK v3がローンチされてからしばらく経ちますが、まだなんとなくV2の書き方に引っ張られ気味です。 書き方を覚えている途中ではありますが、手早く済ませたい時用にV2ライクな書き方をする方法の覚書です。 AWS […]
Next.jsReact
GA4への切り替えのアナウンスやブログ記事が増えてきました。 npmを探せばよしなにしてくれるライブラリもありそうで、実運用ではこちらを使う方が効率が良いかもしれません。 今回はGA4でのトラッキング方法の勉強もかねて、 […]
AlgoliaReact
AlgoliaのReact Instantsearch Hooksを使って、任意のタイミングで検索を実行するの応用編です。 前の記事でやったこと useInstantSearch()フックを利用して、任意のタイミングで検 […]
Instantsearch Hookには、その名の通りReact Hookが用意されています。 このHookの戻り値を使うことで、検索フォームへの情報入力以外の、任意のタイミングで検索を実行できます。 UIStateを更 […]
AlgoliaのReact Instantsearch Hooksを使った場合、検索フォームに入力したキーワードなどがURLにクエリ文字列として追加されます。 例: https://example.com?example […]
Next.js
Disclosure.Panel要素を使うと、モバイルでのドロップダウンメニューなどが簡単に作れます。 このメニューを、ページ遷移で自動的に閉じる実装を試してみました。 Disclosure.ButtonにLinkをセッ […]
Next.jsReactWordPress
Faust.jsを利用したNext.jsアプリをVercelにデプロイした時の覚書です。 Vercelでのデプロイ設定 Vercelにアプリをデプロイするには、少なくとも２つの設定作業が必要です。 設定1: 環境変数を設 […]
Prisma / TypeORM
使う機会がありそうだなと思ったので、今分かる範囲での実装方法の覚書です。 あまりいい方法が思いつかなかったので、半年とかしたら別の方法にしているかも・・・？ findManyでは、NOTを使う 直感的には、NOT NUL […]
「＜カテゴリー名＞のカテゴリを含む投稿記事」のように、リレーション先のデータがWHERE句に入るSELECTを実行したい場合、whereをネストさせます。 1対1のリレーションでクエリを作る場合 １対１の場合は、シンプル […]
「投稿データを取得した際に、著者データもSELECTしたい」のような、リレーション先のデータもSELECTしたい場合の操作メモです。 Prismaでリレーション先のデータを取るシンプルな方法 クイックスタートなどで紹介さ […]
