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最適化オ […]

Algoliaには「検索結果をクリックされた・カートに追加された」などをトラッキングするAnalytics機能が用意されています。これをReact Instantsearchで導入したアプリに追加したので、その時の方法を […]

dev.toのポストで、Amplifyを使ってNext.jsをSSRという記事があがっていました。ざっと読んだところ、「Amplify CLIでAWS Fargateに対してデプロイするようにすればいける」とのことでした […]

Nxで作ったライブラリをnpmやGitHub Package Registryに公開した場合、「依存パッケージが見つからない」というエラーに遭遇することがあります。 これはNxでビルドしたライブラリで使用しているモジュー […]

Nxのプラグイン一覧には載っていないのですが、Gatsbyプラグインも公式でリリースされています。 nx gコマンドがなかなか強力なので、使ってみました。 ワークスペース / アプリの立ち上げ create-nx-wor […]

Nx、複数のReact Componentライブラリを管理するのにも結構むいているのではと感じたので、最近いろいろ使っています。ゴールとしては、@shopify/react-i18nをバンドルして翻訳可能にした形で再配布 […]