WP-KyotoHome (日本語)Home (English)AboutPrivacy policyLicensesGitHub
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
JavaScriptNxReact
Nxで作成したReact ComponentをGitHub Package Registoryで公開する2021/01/14

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

Read more
JavaScriptNode.js
GitHubのPackage Registoryにnpmモジュールを公開する時の覚書2021/01/13

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

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

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

Read more
CircleCISaaS / FaaS
CircleCIでYAML Anchors & Aliasesを使う2021/01/07

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

Read more
NetlifySaaS / FaaS
Netlify Build Imageを使ってNetlifyでのビルドをローカル実行する2021/01/05

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

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

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

Read more
gatsbyJavaScriptReact
Gatsbyのgatsby-source-npmプラグインでnpmjs.comのデータを取得する2021/01/03

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

Read more
gatsbyJavaScriptReact
Gatsbyの@mosch/gatsby-source-githubでGitHubリポジトリの情報を取得する2021/01/03

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

Read more
gatsbyJavaScriptReact
Gatsbyのgatsby-source-github-contributorsでGitHubリポジトリのContributorsを取得する2021/01/03

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

Read more
AWSServerless FW
Serverless Frameworkの`serverless.yaml`を`serverless.ts`に変換する2020/12/30

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

Read more
Amazon Alexaask-sdk
2020年ask-sdkアップデート簡易まとめ2020/12/27

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

Read more
Amazon Alexaask-sdk
ask-sdkのpersistenceAdaptorはDynamoDB / S3どっちがベターか?2020/12/26

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

Read more
AWSCognito User Pool
Amplify SDKのAuthでdeleteUserAttributeする2020/12/25

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

Read more
GitHubHomeEnglish