概要 動的にOpen Graph（OG）画像の生成するための方法について、OG Image Generation – Vercel Docsに書いてあるような内容のメモです。 Vercelの@vercel/ogライブラリ […]

概要 @apollo/client などの一般的なGraphQLクライアントを用いてGraphQL APIからデータを取得するTypeScriptのコードで用いる型定義を、GraphQLサーバーから取得する方法のメモです […]

概要 Next.js/TypeScriptのプロジェクトから、GitHubのGraphQL APIにアクセスする方法を簡単にメモします。Next.jsのapiルートからGraphQL Yogaとgraphql-reque […]

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（びーてすと）を試してみました。 適用するプロジェクトについて 縦書きツイー […]