Categories
SaaS / FaaSShopify
この記事は、Shopify Advent Calendar 2021の19日目の記事です。 なかなか触れなかったHydrogenをようやく触れました。が、自分のECサイト（デモ用）を繋ぎ込んだときにいくつかエラーを踏みま […]
AWS CDKNext.js
AWSアドベントカレンダー / AWS Amplifyアドベントカレンダー / Next.jsアドベントカレンダー 9日目のクロスポストです。 Next.jsのAPIから、AWSのAPIを呼び出したい たとえば「外部サー […]
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で何もしない処理と同時実行することで、「何もしない処理が先に完了したので、処理を完了とする」判定を出すやり方で […]