Astro v3のMarkdown内の画像に、<figcaption>でキャプションを追加する
Astroは2023年8月30日にバージョン3がリリースされ、画像の取り扱いが大きく変わりました。 バージョン2までは「public」フォルダーに保存していた画像を、バージョン3では「src/assets」フォルダーに入れることで、Mar…
Gatsbyのヘビーユーザーが、Gatsbyの素晴らしき点を語る
私はこれまで、ウェブサイト制作でいくつかのフレームワークを触ってきました。そして最終的にGatsbyに出戻りしました。残念ながら近年、Gatsbyの人気は下降の一途を辿っていますが、人気がないという理由だけで試さないのは非常に勿体ないです…
Reactでツールチップのコンポーネントを作る方法
Reactでツールチップを作る方法です。 UIコンポーネントやライブラリ等を使う方が多いかもしれませんが、私は変に色々なものをインストールしたくないので、単純な機能であれば自前で作ってしまいたい派です。 デモ コード（GitHub） 今回…
VS Codeで拡張機能をGitHubの開発ブランチからインストールする方法
VS Codeのオープンソース拡張機能である「Front Matter CMS」の翻訳に参加するにあたり、公式リリース前の特定の開発中ブランチを拡張機能としてインストールすることになったので、その備忘録です。 概要 GitHub等のリポジ…
React Instantsearchの即時検索で、日本語の変換後に検索を実行させる方法
AlgoliaやMeilisearchで使えるReact Instantsearchで、日本語などの文字変 換中は検索を実行させずに、変換確定後に検索を実行させる方法です。 React Instantsearchなどでは、デフォルトでは入力…