Categories
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でリレーション先のデータを取るシンプルな方法 クイックスタートなどで紹介さ […]
RDBMSを使うとなると、created_atなどで日付・時間データを扱うことが多いのではと思ったので、ちょっと試してみました。 カラム定義には、DateTimeを指定 テーブルやカラムの定義は、schema.prism […]
Prisma / TypeORMTypeScript
PrismaでINSERTする場合、メソッドの引数にアイテムの情報を渡します。 ただし場合によっては、アイテムの中身を条件分岐させる実装が必要になります。 この場合、 TypeScriptではuserの型を指定しなければ […]
