WP-KyotoHome (日本語)Home (English)AboutPrivacy policyLicensesGitHub
AWS
AWSのCloudFront Functionsを使おうとしてハマったこと2つ2021/06/30

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

Read more
JavaScriptNode.jsSaaS / FaaSStripeTypeScript
Stripe SDK(nodejs)でThrowされるErrorを自力でthrowする2021/03/24

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

Read more
JavaScriptNode.jsSaaS / FaaSStripeTypeScript
Stripeコードスニペット: customer idからデフォルトの支払い方法のデータを取得する2021/03/23

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

Read more
JavaScriptReactSaaS / FaaSShopify
ShopifyのUIフレームワークPolarisをReactで扱う2021/03/06

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

Read more
SaaS / FaaSShopify
Shopify CLIでNext.js(TypeScript)ベースのShopifyアプリをセットアップする2021/02/04

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

Read more
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
GitHubHomeEnglish