概要 Next.js では何も設定せずにコンポーネントレベルでCSSを使用できる CSS Modules が使用できます。つまり、コンポーネント間でのクラス名の重複など気にしないことができます。Tailwind CSS […]

概要 オープンソースでFirebaseの代替として人気のあるsupabaseをちょっと試してみました（チュートリアル＋α）。 Quickstart: React Todo example using Supabase [ […]

概要 作らなくてもReact SVG Spinnersなどを用いて簡単に実装できます。しかし、ここではSVG SpinnersなどからフリーのSVGを拾ってきて組み込む方法をメモします。 SVGファイルの取得 例えばGi […]

前の記事では、TanStack Tableでテーブル表示をしました。今回は、表示したテーブルからxlsx形式でダウンロードしてスプレッドシートで表示できるようにしたいと思いました。 npm trends で調べたところ、 […]

はじめに ちょっとReactで表を表示するのによいライブラリがないか調べていて、とりあえず、TanStack Table v8 というのを試してみました（他にも色々あります）。これを使う上で2点ほど少し悩んだのでメモして […]

概要 以前少しだけJavaScriptのテストフレームワークであるJestを使っていたのですが、JestとAPIに互換性があり高速なVitest（びーてすと）を試してみました。 適用するプロジェクトについて 縦書きツイー […]

既存のWordPressサイトをReactベースでヘッドレス化するのにFontityをちょっと試してみました。 動機 GatsbyでヘッドレスWordPressのブログを運営しています。しかし、面白くない問題に遭遇しまし […]

概要 次のように曜日毎に改行を入れて編集したテキストがあったとします。 これをWebページで表示したら次のように改行が無視された状態になってしまいました。 これを次のように表示するようにするための方法のメモです。 方法 […]

コードからツイートする方法のメモです。 ツイートといってもログインもせずに、単に次のようにツイートの編集画面を開く方法になります。つまり、これで省略できるのは以下の操作になります。 テキストエリアからテキストをクリップボ […]

概要 Airtableの少量のデータを元にVercel上に構築されているNext.jsによるWebアプリに対し、非開発者によりAirtableのデータを更新し、それをデプロイされたWebアプリに反映してもらうため、Dep […]