Categories
FrontendReact
ReactでSPA作るときに使うメジャー系それぞれでAuth0 Lockを動かしました。 ドはまりした点があったので、忘備録として記録します。 動かそうとしたもの Auth0 LockのNodeライブラリがCallbac […]
そもそもいるのかという疑問はあるかもしれませんが、チャレンジ要素は絞りたいのでreduxつかいます。 ライブラリインストール GatsbyでRedux使う場合も、インストールするものは同じです。 Reducerなどを作る […]
Gastbyは基本的にsrc/pages以下に配置したファイルなどをベースにページをビルド（事前生成）します。 この方法では例えば外部のAPIデータなど、ビルドのタイミング以外のライフサイクルでURLを生成したい場合には […]
FrontendJavaScriptNode.jsReactTypeScript
Next.jsのアプリケーションを簡単に作るcreate-next-appというものを知ったので、これで作ったものをTypeScriptで動くようにしてみました。 セットアップ create-next-appでさっと作っ […]
FrontendNetlifyReactSaaS / FaaS
Next.jsの公式ドキュメントには手動でプロジェクトを作る方法が紹介されています。が、GitHubのREADMEを見るとセットアップ系のコマンドがある様子なので使ってみました。 セットアップ createすることがメイ […]
NetlifySaaS / FaaS
Netlifyで作った2つのサイトを1つのドメインで運用するために、リバースプロキシを設定しました。 背景 仕事の方で以下のような構成を作る必要ができました。 example.com/ -> Netlifyでホストしてい […]
JavaScriptNode.jsSaaS / FaaSStripeTypeScript
この記事はJP_Stripesアドベントカレンダーの記事です。 StripeのWebhookとして作成したAPIを、StripeのWebhook以外から実行できない様にする実装をNode.jsで行います。 なぜ署名チェッ […]
AWSAWS CDK
Amazon EventBridgeを使うことで、各種イベントを集約管理することができます。で、そうなってくるとこの管理サービスをコード管理したくなってきますので、さっそくみんな大好きAWS CDKで書き起こしてみました […]
Frontend
この記事は、Webパフォーマンス Advent Calendar 2019の記事です。 Lighthouseを使うことで、PWAやパフォーマンス・SEOに関する項目をチェックすることができます。 が、このような品質チェッ […]
JavaScriptNode.js
そろそろちゃんとパフォーマンスのモニタリングを個人レベルでもやろうと思ったので、手始めにlighthouseを触ってみました。 CLIインストール CLIで動かしたいので、npmから落としてきます。 通常実行する lig […]