Algolia

JavaScript

React

SaaS / FaaS

Algolia Instantsearchで、検索結果クリック時にキーワードをリセットする

2021/01/17

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

Netlify

SaaS / FaaS

NetlifyでNext.jsをホストする時は、`Bundle JS`に注意

2021/01/17

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

Algolia

JavaScript

React

SaaS / FaaS

react-instantsearch-dom + search-insightsでAlgoliaの検索結果をトラッキングする

2021/01/17

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

AWS

JavaScript

Next.js

React

AWS Amplify CLI / SDK + AWS FargateでNext.jsのSSRに対応する

2021/01/15

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

JavaScript

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

2021/01/15

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

gatsby

JavaScript

React

NxでGatsbyサイトを管理する

2021/01/14

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

JavaScript

Nxで複数作成したLibraryのStorybookをまとめて表示する（React版）

2021/01/14

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

JavaScript

React

Nxで作成したReact ComponentをGitHub Package Registoryで公開する

2021/01/14

社内利用などを前提としており、Publicに配布したくないライブラリを作る場合にGitHubのPackage Registoryは有力な公開先の1つです。そして、「1つのデザインシステムをベースに、複数のサービス・アプリ […]

JavaScript

Node.js

GitHubのPackage Registoryにnpmモジュールを公開する時の覚書

2021/01/13

自分の中での整理も兼ねて、tsdx createで作ったものをただ公開して見た時のTipsをまとめました。目次 .npmrcに設定を書くpackage.jsonに必要な情報を書くrepositoryでGitHubのリポ […]

gatsby

JavaScript

React

theme-ui / emotionでGatsby / React RouterなどのLinkタグを使う時の付け焼き刃

2021/01/12

厳密には、「theme-ui / emotionなどを使ったライブラリで、Linkタグを任意のライブラリで動作させる」かもしれません。あと、普通にany出てきます。よしなに解決する方法があればDMなりブコメで教えてもら […]

CircleCI

SaaS / FaaS

CircleCIでYAML Anchors & Aliasesを使う

2021/01/07

CircleCIのYAMLを書くときに、同じ記述をjob毎に書くのがめんどうだったのでYAML Anchors & Aliasesを使ってみました。目次参考背景YAML Anchors & Alias […]

Netlify

SaaS / FaaS

Netlify Build Imageを使ってNetlifyでのビルドをローカル実行する

2021/01/05

NetlifyでSPAをホストしている場合、「ローカルではビルドに成功するのに、Netlifyのビルドがこける」というケースが稀によくあります。そんなときにローカルでNetlifyビルドをテストできるツールが公開されてい […]

gatsby

JavaScript

React

Gatsbyの@sbardian/gatsby-source-amazon-wishlistでAmazonの欲しいものリストを取得する

2021/01/03

「Gatsbyを使えばいろんなデータを取得してサイトに使える」とはいいますが、まさかこんなものまで取れるとは思いませんでした・・・目次 Installgatsby-config.jsGraphiQLでクエリを作る取得で […]

gatsby

JavaScript

React

Gatsbyのgatsby-source-npmプラグインでnpmjs.comのデータを取得する

2021/01/03

Gatsbyのofficial Pluginであるgatsby-source-npm-package-searchを使うことで、npmjs.comにあるデータをGatsbyに取り込むことができます。目次 install […]

gatsby

JavaScript

React

Gatsbyの@mosch/gatsby-source-githubでGitHubリポジトリの情報を取得する

2021/01/03

Gatsbyを使いこなすには、data-sourceプラグインをどれだけ知っている / 使えるかが鍵かなと思います。ということで、今後お世話になりそうなsource pluginをいろいろ触ってみることにしました。今回 […]

gatsby

JavaScript

React

Gatsbyのgatsby-source-github-contributorsでGitHubリポジトリのContributorsを取得する

2021/01/03

AWS

Serverless FW

Serverless Frameworkの`serverless.yaml`を`serverless.ts`に変換する

2020/12/30

いつのまにか、sls create -t aws-nodejs-typescriptで作られる定義ファイルがYAMLからTypeScriptになっていました。 PythonなどではYAMLのままなので、一部テンプレートの […]

Amazon Alexa

ask-sdk

2020年ask-sdkアップデート簡易まとめ

2020/12/27

Note: これはスマートスピーカー Advent Calendar 2020の後出し記事です。 2020年もAlexa系のアップデートがいろいろありました。その中でもask-sdk for Nodejsで追加された機能 […]

Amazon Alexa

ask-sdk

ask-sdkのpersistenceAdaptorはDynamoDB / S3どっちがベターか？

2020/12/26

スマートスピーカー Advent Calendar 2020が空いていたので追加参戦。目次 ask-sdkのPersistenceAdaptor共通化によってDynamoDBの魅力が減っているS3をPersistanc […]

AWS

Cognito User Pool

Amplify SDKのAuthでdeleteUserAttributeする

2020/12/25

AWS Amplify Advent Calendar 2020、25日目の記事です。そういえば紹介していなかったなと思ったTipsがあったので、まとめてみました。目次 Amplify SDKのAuthにはユーザー属 […]

GitHub

Home

English