Categories
Swift / Swift UI
あまり触ったことのない言語・領域を試してみようと思い、Swift UIをはじめました。 せっかくなので、このサイトのAPIを呼び出して、記事一覧を出すところまでやってみます。 Xcodeでセットアップ Swiftを使うの […]
AlgoliaNext.jsReact
Algoliaが提供しているreact-instantsearch-hooksを使う場合、InstantSearchコンポーネントの下にはSSRやSSGしたいコンテンツ（OGP / SEO系など）を配置するとうまく動かな […]
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 […]
