プログラミング 【MUI,Next.js】MediaQueryの判別ユーティルティ作成した。備忘録
はじめに 環境 mui/material:^5.15.5 next: 14.0.3 typescript": ^5 MediaQueryの判別用ファイル import useMediaQuery from '@mui/material/us...
TypeScript
プログラミング 
プログラミング MUIのDataGridで標準の日本語と任意の文字列をマージさせる方法（備忘録）
はじめに MUIのx-data-gridは、多機能なデータテーブルのコンポーネントです。 フィルター等機能も簡単につけられます。 しかし、標準で英語になっているため日本語に変更する方法と、 一部任意の文字列に変更したい場合の手順を記します。...
プログラミング Embla-CarouselでAutoplayで自動化と時間指定をする方法。
はじめに Embla-Carouselとは、非依存型でシンプルなカルーセルライブラリです。 様々なオプションがあり、自由度高く設定することができます。 Embla-Carouselにはサンプルが多く転記し易いですが、バージョンによるオプショ...
プログラミング Next.js AppRouterにて動的ページをビルドする（SSG)
はじめに Next.js13.4の新機能でApp Routerが追加されました。 ファイルシステムベースのRouterのことで、Server Componentなど新機能に対応しています。 AppRouterでは、すべてのコンポーネントがS...