React LexicalAutoLinkPlugin で、target=”_blank”に設定する方法

LexicalAutoLinkPlugin で、 target=

React ファイルアップロードの実装方法

React でファイルをアップロードする方法について、詳しくまとめられているサイトがありました。 覚書として、リンク先を記載させていただきました。 Reactだと、ファイルアップロードも快適！ file-upload h...

React-Dropzone 警告解決方法 Skipped “0” because it is not a valid MIME type.

React-Dropzone で 下記の警告が表示される場合があります。 この警告の解決方法について、詳しくまとめられているサイトがありました。 覚書として、リンク先を記載させていただきました。 React 難しい。 で...

Next.js 14 解決方法 Warning: `value` prop on `input` should not be null. Consider using an empty string to clear the component or `undefined` for uncontrolled components.

Next.js で、下記の警告が表示される場合があります。 この警告を解決する方法について、詳しくまとめられているサイトがありました。 覚書として、記載させていただきます。 警告は早めに解決する方が良いです。 【Reac...

Next.js 14 解決方法 If you use CSS to change the size of your image, also include the styles ‘width: “auto”‘ or ‘height: “auto”‘ to maintain the aspect ratio.

Next.js では、画像の表示については、Image タグの利用が推奨されています。 この Image タグは、width と height が必須となっています。 しかしながら、この項目を省略したい場合がありますが、...

Next.js 13 TypeScriptエラーを無視する方法

Next.js で、TypeScript エラーが解決できない場合があります。 しかし、エラーが残っているとデプロイできないので、暫定的にエラーを無視してデプロイすることができます。 設定方法について、公式サイトに記載さ...

Next.js 13 useRouterエラー「Error: NextRouter was not mounted.」の解決方法について

Next.js 13 の環境にて、appディレクトリでuseRouterを使用すると、エラーが発生する場合の解決方法を記載しています。 ぜひ、参考にしていただければと思います。 Next.js は不具合があっても、修正が...

Next.js 13 ルーティングの基礎について

Next.js ルーティング、遷移の基礎について、詳しく解説されているサイトがありました。 覚書として、記載させていただきます。 ルーティングの方法も色々ありますね！ 【React / Next.js】ルーティング・遷移...

Next.js 13 13.4の変更点について

Next.js 13.4の変更点について、詳しく解説されているサイトがありました。 覚書として、記載させていただきます。 早めにキャッチアップしておくと楽ですね。 Next.js 13.4の変更点について https:/...

Next.js 13 親の関数を子に渡す際の「is not assignable to type ts(2322)」エラーの解決方法

Next.js13 親の関数を子に渡す際のエラー解決方法について、とてもよくまとまっている記事がありました。 覚書として、記載させていただきます。 Nextjsは楽しい！ そして、奥が深いですね！！ 【React / N...

Next.js 13 Stateのリフトアップ方法

Next.js13 Stateの共有方法について、とてもよくまとまっている記事がありました。 覚書として、記載させていただきます。 Nextjsは面白い！ 【Next.js】Stateのリフトアップとは？使い方と注意点 ...

Next.js 13 SWRを利用したデータフェッチの実装方法

Next.js13 のSWRを利用したデータフェッチについて、とてもよくまとまっている記事がありました。 覚書として、記載させていただきます。 Nextjsは奥が深いですね。 目次1 Next.js 13のappディレク...

Next.js 13 URLパラメータの取得方法

Next.js13 の URLパラメータの取得方法について、とてもよくまとまっている記事がありました。 覚書として、記載させていただきます。 パラメータの取得方法も色々ありますね。 Next13 URLパラメータの取り方...

お名前.com 使うな！

TypeScript 解決方法 Error: Component definition is missing display name react/display-name

TypeScript で、下記のようなエラーが発生する場合があります。 この解決方法について、とても詳しく解説されている記事がありました。 覚書としてリンク先を記載させていただきました。 TypeScript も難しい！...

TypeScript 親から子のメソッドを呼び出す方法

TypeScript で、親から子コンポーネントのメソッドの呼び出し方法について、詳しく解説されているサイトがありました。 覚書としてリンク先を記載させていただきました。 TypeScript は本当に便利！ 使い込むほ...

Laravel MySQL で JSON型を扱う方法について

Laravelで、JSON型を扱う方法について、詳しくまとめられているサイトがありました。 覚書として、リンク先を記載いたしました。 JSON を利用すると便利！ MySQLでJSON型を使用する https://zen...

Laravel 親モデルのリレーションの外部キーの設定方法

Laravelで、親モデルのリレーションの外部キーを設定する方法について解説いたします。 Laravel のModel は本当に便利ですね！ 目次1 親の主キーと一致する場合2 親の主キーと一致しない場合2.1 公式サイ...

React 基本を振り返る

React は面白いですが、まだまだ難しいと感じる部分がたくさんあります。 改めて、React の基本を振り返ると、理解がさらに深まると思います。 React の基本について、詳しく解説されているサイトがありました。 覚...

TypeScript 基本の型定義

TypeScript の基本の型定義について、詳しく解説されているサイトがありました。 覚書としてリンク先を記載させていただきました。 基本が大切！ React×TypeScript 基本の型定義 https://qii...

React コンポーネントの引数の書き方

コンポーネントの引数の書き方を、詳しく解説されている記事がありました。 覚書として、リンク先を記載させていただきました。 引数も色々な書き方があります。 混乱しないようにしっかりと理解する必要がありますね。 【React...

Laravel Too Many Requests の対策方法

Laravelで、Too Many Requests の解決方法を詳しく解説されているサイトがありました。 覚書として、リンク先を記載させていただきました。 恒久的には、無駄なリクエストを減らす工夫が必要！ Larave...

日記 花火大会

地元の花火大会が無事に開催されました。 当日は風が強かったので心配していましたが、無事に開催されました。 会場まで行かずに、自宅から楽しみました！

React 警告の解決方法 「Warning: Cannot update a component while rendering a different component」

React で、下記のような警告が発生することがあります。 Warning: Cannot update a component while rendering a different component この警告の原因...

React Lexical カスタマイズ方法について

Lexical カスタマイズ方法について、詳しく解説されている記事がありました。 覚書として、リンク先を記載させていただきました。 リッチテキストエディターで、アプリの印象がガラリと変わりますね！ Lexicalで自作プ...

React React Icons のカスタマイズ方法

React Icons のカスタマイズ方法について、詳しく解説されている記事がありました。 覚書として、リンク先を記載させていただきました。 アイコンでアプリの印象が変わりますね！ 公式サイト React Icons h...

React Recoilの説明サイトのまとめ

React の状態管理方法は色々な方法があります。 中でも、Recoil が人気があるようです。 私も実装してみましたが、色々と苦労しました。 実装するときに、非常に役に立ったサイトを覚書として、記載しておきます。 まず...

React useContextでグローバル利用する方法

useContextで、グローバルstateを利用する方法について、基本的なことから説明されているサイトがありました。 覚書として、リンク先を記載しておきます。   React は面白い！ アプリケーションの表現方法が広...

React useContextでグローバル利用する方法

useContextで、グローバルstateを利用する方法について、基本的なことから説明されているサイトがありました。 覚書として、リンク先を記載しておきます。   React は面白い！ アプリケーションの表現方法が広...

React Submenu付きのSidebarの実装方法

React で、Submenu付きの Sidebar の実装方法について、非常にわかりやすい説明動画がありました。 基本的なことから理解できるようになっています。 また、実装サンプルのgit も共有されています。 覚書と...

Next.js 13 Tailwind Flowbite インストール方法

Next.js に、Flowbite をインストールしてうまく動作しなかったのでまとめました。 分かってしまえば、公式サイトのとおりでした。 tailwind.config.js は、公式サイトの通りに変更すると良いと思...

Next.js 13 npx next export エラー対策について

npx next export のエラー対策方法が詳しく解説されています。 備忘録として、リンクを記載しておきました。     NextJS 13.3 からStatic Exportsの方法が変わって...