2025年2月1日 / 最終更新日時 : 2025年2月1日 masaakiota React

【React】既存のページにReactを適用する【createPortal】

こんにちは、フリーランスエンジニアの太田雅昭です。 React Reactは、インタラクティブなUIを比較的手軽に実装できるフレームワーク、厳密にはライブラリです。通常、１ページに１つマウントします。複数マウントするには […]

2024年12月17日 / 最終更新日時 : 2024年12月17日 masaakiota React

【React】videoフレームをキャプチャして表示する

こんにちは、フリーランスエンジニアの太田雅昭です。 videoフレームのキャプチャ videoフレームは、canvasを使用してキャプチャできます。以下のような具合です。リアルタイムで描画するリアルタイムで描画するに […]

2024年11月29日 / 最終更新日時 : 2024年11月29日 masaakiota Next.js

こんにちは、フリーランスエンジニアの太田雅昭です。 bcrypt bcryptは暗号化に用いるライブラリです。ハッシュ化したり、検証したりできます。 Server Actionで使えなかった Server Actionは […]

2024年11月25日 / 最終更新日時 : 2024年11月25日 masaakiota React

こんにちは、フリーランスエンジニアの太田雅昭です。 setIntervalは古いStateを参照する setIntervalは、定期実行を行う関数です。感覚的には、これを使用すると、常に新しいStateを得られると思いが […]

2024年11月20日 / 最終更新日時 : 2024年11月20日 masaakiota Next.js

こんにちは、フリーランスエンジニアの太田雅昭です。モノレポモノレポは関心の分離などの観点からも、とても便利です。ただ色々問題に直面することも多いかと思います。今回はNext.jsでのパス解決の問題に関してです。パス […]

2024年11月18日 / 最終更新日時 : 2024年11月18日 masaakiota React

こんにちは、フリーランスエンジニアの太田雅昭です。 Swiper Swiperはスライドショーを簡単に作れるライブラリです。エラー内容 Viteでbuildしようとした際、以下のエラーが出ました。解決 vite-en […]

2024年10月17日 / 最終更新日時 : 2024年10月17日 masaakiota React

こんにちは、フリーランスエンジニアの太田雅昭です。 React.ComponentType<T> React.ComponentType<T>は、T型のPropsを受け取るコンポーネントを表します。例えば、以 […]

2024年10月17日 / 最終更新日時 : 2025年1月17日 masaakiota MUI

こんにちは、フリーランスエンジニアの太田雅昭です。 MUI MUIはGoogleの開発するReactライブラリで、簡単にマテリアルデザインを実装できます。 DialogsProvider DialogsProviderは […]

2024年10月14日 / 最終更新日時 : 2024年10月14日 masaakiota React

こんにちは、フリーランスエンジニアの太田雅昭です。 jsPDF jsPDFは、クライアントサイドでPDFを作成できるライブラリです。 htmlからも作成できるため、表などが簡単に作れます。参考サイト以下のサイトを参考 […]

2024年8月15日 / 最終更新日時 : 2024年8月15日 masaakiota React

こんにちは、フリーランスエンジニアの太田雅昭です。 lazyローディング Reactで開発すると、通常はすべてのページがバンドルされ、ファイルサイズが膨大になります。それを防ぐため、逐一必要な部分だけロードするのがlaz […]