TypeScript

プログラミング

【MUI,Next.js】MediaQueryの判別ユーティルティ作成した。備忘録

はじめに環境 mui/material:^5.15.5 next: 14.0.3 typescript": ^5MediaQueryの判別用ファイルimport useMediaQuery from '@mui/material/useMe...
プログラミング

MUIのDataGridで標準の日本語と任意の文字列をマージさせる方法(備忘録)

はじめにMUIのx-data-gridは、多機能なデータテーブルのコンポーネントです。フィルター等機能も簡単につけられます。しかし、標準で英語になっているため日本語に変更する方法と、一部任意の文字列に変更したい場合の手順を記します。環境 r...
プログラミング

Embla-CarouselでAutoplayで自動化と時間指定をする方法。

はじめにEmbla-Carouselとは、非依存型でシンプルなカルーセルライブラリです。様々なオプションがあり、自由度高く設定することができます。Embla-Carouselにはサンプルが多く転記し易いですが、バージョンによるオプション等の...
プログラミング

Next.js AppRouterにて動的ページをビルドする(SSG)

はじめにNext.js13.4の新機能でApp Routerが追加されました。ファイルシステムベースのRouterのことで、Server Componentなど新機能に対応しています。AppRouterでは、すべてのコンポーネントがServ...