わかってしまえばなんということも無いことなので、忘れた時に見返すための覚書として。 目次 ハマったこと1: viewer-XXXはLambda@edgeと併用不可解決策: viewer-XXXはCloudFront Fu […]

なにいってるかわかんないかもですが、伝わる人には伝わるかなと。 やりたいこと Stripe SDK経由でなにかしらのデータを取得したい が、「特定の条件に合致しないもの」は、「取得しなかった扱い」にしたい 後続処理では「 […]

そのStripe Customerのデフォルト支払い方法のデータを引っ張ってくるコードです。 簡単な説明 customers.retrieveをTypeScriptで使うときは、DeletedCustomer型に注意する […]

Shopifyのアプリ開発などで使うUI FrameworkであるPolarisですが、意外と単体で動かす方法を紹介しているものが少ない気がしたのでまとめました。 ただのUIフレームワークとして動かす方法ですので、Sho […]

Shopifyでアプリを作る場合、CLIからだとRuby on RailsまたはNode.jsから選択できます。Node.jsでNext.jsやTypeScriptを使ったローカルでの開発を準備するまでの手順を覚え書きと […]

AlexaのGitHub Orgにきになるリポジトリがあったので試してみました。 目次 簡単な動かし方動かしてみる。成功させてみるtypeの入力ミスなどは拾わない様子追記: まだ開発進行中？かも 簡単な動かし方 Type […]

Cognitoには監査ログや不正と思われるログインを検知する「Advanced Security」が用意されています。（有料） これを監査のみ有効または有効にしていると、ユーザーのログイン履歴がユーザーイベントとして記録 […]

最近AWS Lambdaのログをlambda-logでとるようになったので、その覚書です。 使い方 npm install lambda-logで追加したのちにこんな感じで使います。 Request / Response […]

Algolia Crawler + Netlifyを試したかったので、Gatsbyサイトを1つ生贄にしてみました。 目次 多分こっちの方がGatsbyなら向いてると思う記事前提プラグインの追加AlgoliaとNetlif […]

そろそろ覚えないとなと思ったので、まずはインストールから。 macOSならHomebrewからCLIをインストール ドキュメントにOS毎のインストール方法が紹介されています。今回はmacOSなので、Homebrew経由で […]

Next.js以外でもWebpackを扱えるものなら大体いけるはずです。 目次 @sentry/webpack-pluginAPIキーの取得環境変数をセットするビルドを実行するファイルの確認は”Setting […]

@aws-amplify/ui-reactを使っている場合、AmplifyAuthenticatorやAmplifySignUpコンポーネントを使うことでアカウント作成（SignUp）の実装はほぼ片付きます。 が、独自の […]

個人的な理由でCognito User PoolsをAWS Amplify CLIの管理外に置こうとしています。 その場合のAmplify CLIでの対応についてまとめました。 目次 Amplify initは必須amp […]

妙にハマりまくったので、とりあえず現状について覚書 目次 参考pages/_document.tsx@types/window.d.tsで型を拡張コンポーネントを作成pages/_app.tsxでイベント発火ページ毎にu […]

Sentryのドキュメントに気になるものを見つけたので試してみました。 User Feedback どうやらエラーが起きたときに、ユーザーがレポートするためのモーダルをSDKで提供してくれる（らしい）です。 When a […]

そういえばできるのかなと思ったのでちょっと調べてみました。 作成済みの場合はamplify auth update 作成済みであれば、amplify auth updateでwalkthrough all the aut […]

環境情報 目次 セットアップAmplify CLIでセットアップAmplify ConsoleでIonic Reactアプリを公開するAuth機能を追加する セットアップ セットアップはIonicから行います。Ampli […]

LogRocketを使うことで、「どういう操作でバグが発生したのか」を画面録画でチェックできるようになります。 これをNext.jsのアプリに組み込んだ時の覚書です。 目次 必要なものライブラリのインストール.babel […]

Algolia Instantsearchをヘッダーなどレイアウト部分に配置している場合、「リンクをクリックしてページ遷移した後は、検索結果を表示しない」動作を実装したくなります。 connectSearchBoxとHi […]

半日潰れたので覚書。 目次 Bundle JSとは？Next.jsアプリで使った場合何が起きたかFrameworkが生成するファイルは無闇に結合しない Bundle JSとは？ Netlifyが提供するAsset最適化オ […]