Categories
IonicJavaScriptNext.js
Ionic Advent Calendar / Next.js Advent Calendar 5日目の遅刻記事です。 去年はIonicのWeb Componentそのものを使う方法を紹介しましたが、今年は@ionic/ […]
AWS
AWS Amplify Advent Calendar 2021の記事です。 以前仕事がらみで、AWS AmplifyのUI Component (Amplify UIになる前のライブラリ)のコード読みをしたことがあった […]
AlgoliaJavaScriptReactSaaS / FaaS
この記事はAlgolia Advent Calendar2021、5日目の記事です。 やりたかったこと（背景） 自分のサイトに、プレミアム機能的なものをつけてみたかった プレミアム限定にできそうな機能で、やる気が出そうな […]
FrontendJavaScriptReact
ちょっとハマりそうになったので覚書。 起きたこと i18next + i18next-browser-languagedetector + react-i18nextで多言語化 言語切り替えスイッチを実装 「ブラウザの設 […]
aws-amplifyJavaScriptNode.js
Cognito User Poolsでは、ユーザーをグループ分けすることができます。が、AmplifyまたはCognito User PoolsのSDKにはGroupを取得するメソッド・APIが用意されていません。 その […]
AWS AmplifyのSDK・ライブラリを使うと、認証系のUIや操作をほとんど自分で実装する必要がなくなります。 ただし、任意のUIライブラリ（BootstrapやMaterial UIなど）でAuth系の操作を行いた […]
JavaScriptNext.jsReact
Next.jsでOGPなどのmetaタグを取り扱う場合、next/headを使うのが基本です。が、別のアプリからマイグレした場合などで、どうしてもReact helmetからの移行が難しいケースもあります。 そんな場合の […]
FrontendReact
takeEveryで動かしている処理をcancelしたい場合、raceを使って停止させます。 これは、raceで何もしない処理と同時実行することで、「何もしない処理が先に完了したので、処理を完了とする」判定を出すやり方で […]
JavaScriptNext.jsReactSaaS / FaaSShopify
Shopify App CLIおよびshopify-app-nodeを使うことで、Next.jsでのShopifyアプリ開発をスムーズにはじめることができます。ただし、Next.jsが推奨する書き方よりも少し古い場合があ […]
SaaS / FaaSShopify
shopify node createを使わずに、それでもShopify App CLIで操作できるようにする方法を調べていたので覚書。 背景 TypeScriptで開発したい shopify node createで作 […]