シンプルなタブメニュー
コーディング
アクセシビリティに配慮した、シンプルなタブ切り替えメニューです。 ページ内の複数箇所や、タブの入れ子構造にも対応しています。
覚え書き一覧
技術に関する備忘録として、簡単なメモを記録していきます。
シンプルなライトボックス
コーディング
<dialog>を使用した、画像を拡大するだけのシンプルなライトボックスのメモです。
<details><summary>を使用したアコーディオン
コーディング
アクセシビリティに配慮した<details><summary>を使用したアコーディオンのメモです。
<dialog>を使用したモーダルウィンドウ
コーディング
アクセシビリティに配慮した<dialog>を使用したモーダルウィンドウのメモです。
Viteで画像を自動でWebP化する
コーディング
Viteで、.pngや.jpgの画像をビルド時に自動でWebPに変換し、リンクも書き換えるプラグインを作成したので、そのメモです。
サイトをリニューアルしました
お知らせ
Next.jsとTailwindCSSを使いサイトを作り直しました。今回はCMSにmicroCMSを導入し、より柔軟なコンテンツ管理ができるようにしました。