2025年3月26日 / 最終更新日時 : 2025年5月23日 masaakiota React 【AgGrid】Custom Edit Componentを作成する【React】 こんにちは、フリーランスエンジニアの太田雅昭です。 AgGridのCustom Edit Component AgGridでは、カスタムの編集コンポーネントを作成できます。ただもともと情報が少ない上に、バージョンアップで […]
2025年3月21日 / 最終更新日時 : 2025年5月23日 masaakiota React 【AgGrid】任意のレコードを常に最下部に固定する【React】 こんにちは、フリーランスエンジニアの太田雅昭です。 AgGridReactのソート AgGridReactでは、フィールドごとのソート機能があります。とても便利ですが、任意のレコードを常に上部あるいは下部に表示させたいと […]
2025年3月20日 / 最終更新日時 : 2025年3月20日 masaakiota MUI 【MUI】DatePickerを日本語化する こんにちは、フリーランスエンジニアの太田雅昭です。 MUI Datepicker Datepickerは、デフォルトでFeb,Marchなどといった英語表記です。これを日本語にします。いつも忘れてしまうので、備忘録がわり […]
2025年3月8日 / 最終更新日時 : 2025年3月8日 masaakiota Next.js 【Next.js】pdfkit-tableのエラーを解消する’ こんにちは、フリーランスエンジニアの太田雅昭です。 pdfkit-table pdfkit-tableは、pdfkitでtableを簡単に作成できるライブラリです。2025年3月8日現在、最終更新が３年前です。とても便利 […]
2025年2月22日 / 最終更新日時 : 2025年2月22日 masaakiota React 【React】react-big-calendarで月曜スタートにする【dayjs】 こんにちは、フリーランスエンジニアの太田雅昭です。 react-big-calendarで月曜スタートにする momentを使用する場合は、以下のようにして設定できます。 https://stackoverflow.co […]
2025年2月22日 / 最終更新日時 : 2025年2月22日 masaakiota React 【React】react-big-calendarで月表示イベントが表示されない問題 こんにちは、フリーランスエンジニアの太田雅昭です。 react-big-calendarで、月表示でイベントが表示されない 下記のようにすると、月間表示でのイベントが隠れてしまいました。 高さを設定すれば表示される 高さ […]
2025年2月21日 / 最終更新日時 : 2025年2月21日 masaakiota MUI 【MUI】Selectコンポーネントで空文字列をデフォルトにする こんにちは、フリーランスエンジニアの太田雅昭です。 MUI Selectのデフォルト値 MUIのSelectでのMenuItemに、nullは使用できません。 ならばと空文字を渡してみると、表示上、選択されていないことに […]
2025年2月10日 / 最終更新日時 : 2025年2月10日 masaakiota React 【React】PDFをレンダリングする【PDF.js】 こんにちは、フリーランスエンジニアの太田雅昭です。 PDF PDFはWeb上で表示するには、いろいろな方法があるかと思います。今回は、PDF.jsで直接表示します。 コード 以下のようにします。canvasに描画していま […]
2025年2月3日 / 最終更新日時 : 2025年2月3日 masaakiota MUI 【MUI】Fade + Slide を機能させる こんにちは、フリーランスエンジニアの太田雅昭です。 Fade, Slide Fade, Slideは、MUIで使えるコンポーネントです。それぞれ、フェードとスライドのアニメーションを、簡単に実装できます。 同時に使うとう […]
2025年2月2日 / 最終更新日時 : 2025年2月2日 masaakiota MUI 【MUI】AutoComplete + Fuse.jsで曖昧検索する こんにちは、フリーランスエンジニアの太田雅昭です。 AutoComplete AutoCompleteは、MUIのコンポーネントで、あらかじめ渡されたリストから一致するものを表示します。ただ曖昧検索はできないため、カスタ […]