Categories
NetlifySaaS / FaaS
半日潰れたので覚書。 Bundle JSとは？ Netlifyが提供するAsset最適化オプションの1つ。複数のファイルを1つにまとめて、Amazon CloudFrontから配信するように自動でしてくれます。 Next […]
AlgoliaJavaScriptReactSaaS / FaaS
Algoliaには「検索結果をクリックされた・カートに追加された」などをトラッキングするAnalytics機能が用意されています。これをReact Instantsearchで導入したアプリに追加したので、その時の方法を […]
AWSJavaScriptNext.jsReact
dev.toのポストで、Amplifyを使ってNext.jsをSSRという記事があがっていました。ざっと読んだところ、「Amplify CLIでAWS Fargateに対してデプロイするようにすればいける」とのことでした […]
JavaScriptNx
Nxで作ったライブラリをnpmやGitHub Package Registryに公開した場合、「依存パッケージが見つからない」というエラーに遭遇することがあります。 これはNxでビルドしたライブラリで使用しているモジュー […]
gatsbyJavaScriptNxReact
Nxのプラグイン一覧には載っていないのですが、Gatsbyプラグインも公式でリリースされています。 nx gコマンドがなかなか強力なので、使ってみました。 ワークスペース / アプリの立ち上げ create-nx-wor […]
Nx、複数のReact Componentライブラリを管理するのにも結構むいているのではと感じたので、最近いろいろ使っています。ゴールとしては、@shopify/react-i18nをバンドルして翻訳可能にした形で再配布 […]
JavaScriptNxReact
社内利用などを前提としており、Publicに配布したくないライブラリを作る場合にGitHubのPackage Registoryは有力な公開先の1つです。そして、「1つのデザインシステムをベースに、複数のサービス・アプリ […]
JavaScriptNode.js
自分の中での整理も兼ねて、tsdx createで作ったものをただ公開して見た時のTipsをまとめました。 .npmrcに設定を書く .npmrcにレジストリの設定を書いておきましょう。 スコープを指定しておかないと、n […]
gatsbyJavaScriptReact
厳密には、「theme-ui / emotionなどを使ったライブラリで、Linkタグを任意のライブラリで動作させる」かもしれません。 あと、普通にany出てきます。よしなに解決する方法があればDMなりブコメで教えてもら […]
CircleCISaaS / FaaS
CircleCIのYAMLを書くときに、同じ記述をjob毎に書くのがめんどうだったのでYAML Anchors & Aliasesを使ってみました。 参考 https://circleci.com/blog/ci […]