概要 ちょっと Netlify の Forms を試してみました。詳細な説明は公式ドキュメントを参照。 作成したサイト：https://netlify-forms-from-gatsby.netlify.app/ Git […]

Webpack 5 設定の基礎を下記動画を参考にして学びました。 Windows環境のせいなのか、環境変数の扱いについてはちょっと悩み、動画とは違うやり方になっています。 設定なしで実行可能 webpack は特に設定し […]

react-tooltip の使い方を説明する超小ネタです。リファレンスを見ればわかる内容ではあります。 次のように「ピータン」を「ピー」と頭の２文字を表示しているUIがあったとして、カーソルをもっていったら「ピータン」 […]

はじめに 以前作ったチャットアプリに不具合があったので、GraphQLやTailwind CSSを使って作り直すことにします。その過程をメモします。 以前のやつは、Node.js + Express.js + React […]

概要 GatsbyやNext.jsのプロジェクトでTailwind CSSに導入するのは難しくないようです。一方で、生のReactでwebpackの設定をいじったりするのはちょっと大変でした。 Tailwind を Ga […]

Dockerを用いて自分のパソコンの中でWordPressを動かし、localhost:8000 とかでアクセスできるようにするためのメモ作成しました。 このメモは、初めてGitHubのGistでこちらに書いて、その埋め […]

TwitterによるSNS認証を簡単におこなう方法についての調査メモです。 1. Auth0とは Auth0は認証・認可プラットフォームで、これを使えば、使いやすいログイン画面を簡単に作れるとのことなので、サインアップし […]

Gatsbyのプロジェクトで、Airtableからデータを読む方法のメモです。 親切なAirtableのヘルプ Airtableでワークスペースを開き、そこから次のように[API doucumentation]を選択する […]

Gatsby公式のこちらに書いてあるような内容の一部を日本語でメモしたものです。 OSに依存するコマンドラインから渡す方式は説明しません。 .env.* ファイルを使用する方法のみ説明します。 Gatsbyがサポートする […]

1. 概要 Gatsby + Shopify のサイトを廃止される gatsby-image から gatsby-plugin-image へ移行することにより、性能が向上するか確認してみました。gatsby-plugi […]