WP-KyotoHome (日本語)Home (English)AboutPrivacy policyLicensesGitHub
Amazon AlexaAPL
apl-suggesterでAlexa APLのバリデーション2021/02/01

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

Read more
AWS
Cognito Advanced Securityのユーザーイベントを取得する2021/02/01

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

Read more
AWSJavaScriptNode.jsTypeScript
lambda-logでAWS Lambda(nodejs)のロギング2021/02/01

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

Read more
AlgoliaSaaS / FaaS
GastbyでビルドしたサイトをNetlify + Algolia Crawlerでインデックする2021/01/24

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

Read more
Shopify
Shopify App CLIでShopifyアプリをセットアップ2021/01/22

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

Read more
JavaScriptNext.jsReact
Next.jsのSource MapをSentryにおくる2021/01/21

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

Read more
AWSJavaScriptReact
@aws-amplify/ui-reactでSignUpフォームをカスタマイズする2021/01/19

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

Read more
AWS
AWS Amplify CLIで既存のCognito User PoolをImportする2021/01/19

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

Read more
JavaScriptNext.jsReact
Next.jsでGoogle Adsenseを使った広告配信2021/01/19

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

Read more
JavaScript
Sentryの`showReportDialog`を使ってエラーレポートモーダルを出す2021/01/19

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

Read more
AWS
Amplify CLIでCognito UserPoolsのトリガー関数を実装する2021/01/18

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

Read more
AWSIonicJavaScriptReact
Ionic ReactでAWS Amplifyを利用する2021/01/18

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

Read more
JavaScriptNext.jsReact
Next.jsアプリにLogRocketを追加する。そしてSentry連携も2021/01/18

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

Read more
AlgoliaJavaScriptReactSaaS / FaaS
Algolia Instantsearchで、検索結果クリック時にキーワードをリセットする2021/01/17

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

Read more
NetlifySaaS / FaaS
NetlifyでNext.jsをホストする時は、`Bundle JS`に注意2021/01/17

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

Read more
AlgoliaJavaScriptReactSaaS / FaaS
react-instantsearch-dom + search-insightsでAlgoliaの検索結果をトラッキングする2021/01/17

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

Read more
AWSJavaScriptNext.jsReact
AWS Amplify CLI / SDK + AWS FargateでNext.jsのSSRに対応する2021/01/15

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

Read more
JavaScriptNx
Nxで管理しているnpmモジュールの依存パッケージがインストールされない問題に対応する2021/01/15

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

Read more
gatsbyJavaScriptNxReact
NxでGatsbyサイトを管理する2021/01/14

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

Read more
JavaScriptNx
Nxで複数作成したLibraryのStorybookをまとめて表示する(React版)2021/01/14

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

Read more
GitHubHomeEnglish