定年後にWeb開発者目指す

Next.jsのapiルートで作ったAPIを、StackBlitz等の他のドメインから使用しようとしたときに、次のようなエラーが出ました。 これを修正するには、APIのほうをなんとかしないといけないようです。 次でできま […]

概要 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ページで表示したら次のように改行が無視された状態になってしまいました。 これを次のように表示するようにするための方法のメモです。 方法 […]

yarn create vite my-app –template react-ts で作ったプロジェクトをPWA化するための簡単なメモです。ここでのPWA化とはインストール可能とすることを目的としています。 方法 V […]