Categories
JavaScriptNext.jsReact
Next.js以外でもWebpackを扱えるものなら大体いけるはずです。 @sentry/webpack-plugin Sentryでは、@sentry/webpack-pluginをWebpackで利用してSource […]
AWSJavaScriptReact
@aws-amplify/ui-reactを使っている場合、AmplifyAuthenticatorやAmplifySignUpコンポーネントを使うことでアカウント作成（SignUp）の実装はほぼ片付きます。 が、独自の […]
AWS
個人的な理由でCognito User PoolsをAWS Amplify CLIの管理外に置こうとしています。 その場合のAmplify CLIでの対応についてまとめました。 Amplify initは必須 ampli […]
妙にハマりまくったので、とりあえず現状について覚書 参考 https://yuyauver98.me/no-slot-size-for-availablewidth0/ https://mao-tss.medium.co […]
JavaScript
Sentryのドキュメントに気になるものを見つけたので試してみました。 User Feedback どうやらエラーが起きたときに、ユーザーがレポートするためのモーダルをSDKで提供してくれる（らしい）です。 When a […]
そういえばできるのかなと思ったのでちょっと調べてみました。 作成済みの場合はamplify auth update 作成済みであれば、amplify auth updateでwalkthrough all the aut […]
AWSIonicJavaScriptReact
環境情報 セットアップ セットアップはIonicから行います。Amplify CLIのamplify initはAmplifyまわりの初期設定のみ行いますので、基本的にFWのセットアップをしてから行います。 たまにrea […]
LogRocketを使うことで、「どういう操作でバグが発生したのか」を画面録画でチェックできるようになります。 これをNext.jsのアプリに組み込んだ時の覚書です。 必要なもの LogRocketのApp ID （xx […]
AlgoliaJavaScriptReactSaaS / FaaS
Algolia Instantsearchをヘッダーなどレイアウト部分に配置している場合、「リンクをクリックしてページ遷移した後は、検索結果を表示しない」動作を実装したくなります。 connectSearchBoxとHi […]
NetlifySaaS / FaaS
半日潰れたので覚書。 Bundle JSとは？ Netlifyが提供するAsset最適化オプションの1つ。複数のファイルを1つにまとめて、Amazon CloudFrontから配信するように自動でしてくれます。 Next […]