日記 危険物取扱者試験 乙4種 合格！

本日は、危険物取扱者試験 の合格発表がありました。 私の受験した、乙4種 の合格発表一覧に、私の受験番号が記載されていました。 合格できました！ やはり嬉しいですね。 明らかに勉強時間が足りていなかったので、半分諦めていましたが、受験に行っ

日記 自動車購入直後の出費について

自動車の購入は本当に高いですね。 自分は、3度目の新車購入になりますが、直近10年は電車通勤で頑張っていましたので、自分専用の自動車は所有していませんでした。 そのため、自動車の維持費以外に、初期費用を考慮するのをスッカリ忘れていました。

日記 危険物取扱者試験 乙4種

危険物取扱者試験 乙4種 の試験を受けに行きました。 勉強については、あまり出来ておらず、半分諦めていましたので、受験に行こうか迷っていました。 でも、せっかく、数カ月勉強してきたので、ダメもとで行ってきました。 試験会場は、とても混んでい

日記 N-BOX CUSTOM 注文しました！

今日、N-BOX CUSTOM の注文をしてきました。 いちばん気になっていた納期が、思ったより早かったので、すぐに契約しました。 ネットで調べていた時は、6カ月待ちも当たり前のような雰囲気でしたので覚悟をしていたのです。 母が自動車購入し

Laravel bladeでエスケープ処理をしない表示方法

laravel で、エスケープ処理をして出力する場合には、下記のようになります。 この場合には、htmlタグもそのまま出力されます。 そのまま出力される理由としては、XSS攻撃を防ぐためのPHP関数「htmlspecialcharts」が自

CSS 画像のトリミング方法

任意の位置で画像をトリミングする方法について、詳しく解説されているサイトがありました。 覚書として、記載させていただきます。 シンプルでわかりやすいです！ 【CSS】任意の位置で画像をトリミングする

CSS 子孫要素の指定方法

子孫要素の指定方法について、詳しく解説されているサイトがありました。 覚書として、記載させていただきます。 CSSは奥が深い！ 子孫要素に限定して指定する

CSS before・afterにhoverをかける方法

before・afterにhoverをかける方法について、詳しく解説されているサイトがありました。 覚書として、記載させていただきます。 シンプルな解説でわかりやすいです！ 【css】before・afterにhoverをかける

WordPress Contact form7で、画像ファイルを添付する方法

Contact form7で、画像ファイルを添付する方法について、詳しく解説されているサイトがありました。 覚書として、記載させていただきます。 シンプルな解説でわかりやすいです！ Contact form7で画像ファイル添付機能を追加する

Tailwind ハンバーガーメニューの作成方法

Tailwind CSSでハンバーガーメニューの作成方法について、詳しく解説されているサイトがありました。 覚書として、記載させていただきます。 実践的な内容になっています！ 【実践】Tailwind CSSでハンバーガーメニューを作ってみ

WordPress サムネイル（アイキャッチ）画像を取得する方法

サムネイル（アイキャッチ）画像を取得する方法について、詳しく解説されているサイトがありました。 覚書として、記載させていただきます。 シンプルな解説でわかりやすいです！ WordPressでサムネイル（アイキャッチ）画像を取得する方法

WordPress 全画面動画ヘッダーの作り方

最近よく見かける、全画面動画ヘッダーの作り方について、詳しく解説されているサイトがありました。 覚書として、記載させていただきます。 シンプルな解説でわかりやすいです！ 【WordPress全画面動画ヘッダーの作り方】プラグインなし（カスタ

WordPress 記事の抜粋の長さや省略記号（[…]）を変更する

記事の省略記号の変更方法について、詳しく解説されているサイトがありました。 覚書として、記載させていただきます。 わかりやすく、デザインも素晴らしい！！ 記事の抜粋の長さや省略記号（）を変更する

WordPress 世界一わかりやすいWordPress

Wordpressについて、詳しく解説されているサイトがありました。 覚書として、記載させていただきます。 わかりやすく、デザインも素晴らしい！！ 世界一わかりやすいWordPress

Photoshop 爆速Web制作の独学ロードマップ の動画

Web制作の流れを詳しく解説されている動画がありました。 覚書として、記載させていただきます。 有料級の動画内容です！！ 爆速Web制作の独学ロードマップ

Photoshop おとうさんスイッチ の動画

Photoshopの基本操作について、とても詳しく解説されている動画がありました。 覚書として、記載させていただきます。 短い時間でも内容は濃い！！ おとうさんスイッチ

Laravel マルチログインの実装方法

同じサイトシステムでも、利用者側と管理者側で別々に利用することがあります。 その場合、認証方法も別々に構築することが多いと思います。 Laravel にも、同じようなことが実現できます。 下記の参考サイトでは、非常に丁寧に詳しく解説されてい

Illustrator 専門学校講師のイラレさん の動画

Illustratorの基本操作について、とても詳しく解説されている動画がありました。 覚書として、記載させていただきます。 わかりやすい！！

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の方法が変わって...

日記 さいたま水族館

以前から気になっていた、さいたま水族館に行ってきました。 30分程度で行けられる場所だったのですが、なかなか機会がなく、ようやく行くことができました。 連休初日ということもあり、やはり多少混んではいましたが、ゆっくりと鑑...

Tailwind Sidebarの実装方法の動画について

Tailwind を使った Sidebar の実装方法についての動画ありました。 丁度、このような Sidebar を 実装する必要があったので、とても参考になりました。 インストールから、実践的なサンプルの説明になって...

Tailwind よく利用するクラスについて

Tailwind を使う機会が少なかったので、今回のプロジェクトでは、本格的に使おうと考えています。 シンプルなアプリから試しているのですが、本当に便利ですね。 Tailwindのよく利用するクラスについて、まとめられた...

Next.js レンタルサーバー(Xserver)にデプロイする方法

レンタルサーバーにアップロードする方法が詳しく解説されています。 備忘録として、リンクを記載しておきました。 Next.jsをレンタルサーバーにアップする際の苦戦録 Next.jsをレンタルサーバーにアップする際の苦戦録...

Next.js Docker環境でhot reloadの設定について

Docker環境でhot reloadについて、非常に詳しく解説されています。 備忘録として、リンクを記載しておきました。 next.js docker環境でhot reloadできない next.js docker環境...

Docker Nextjsの開発環境について

Nextjsの開発環境について、非常に詳しく解説されています。 DockerでNext.js の開発環境を構築する場合には、下記の記事で十分だと思います。 備忘録として、リンクを記載しておきました。 【簡単に始められる！...

Next.js 入門サイトのまとめ

Next.js の入門サイトはたくさんあると思います。 でも、情報が結構古かったりして、体系的に学習するのに戸惑うことが多いです。 下記に Next.js の入門サイトのリンクを記載しておきました。 どれも有料級の内容で...

Docker 有料級の Docker 解説書の紹介

有料級の Docker 解説書です。 この解説書には、Docker を効率強く学ぶための基礎知識と図がたくさん入っています。 一通り読むことで、Docker がより理解できると思います。 備忘録として、リンクを記載してお...

Docker MySql接続エラー ERROR 1045 (28000): Access denied for user ‘root’@’localhost’ (using password: NO)

Docker 環境で、MySQL 接続すると下記のエラーが発生することがあります。 [crayon-651e3cd6c85f5594053553/] これは、下記のようにホスト名を指定することで、接続することができます。...

Xserver エックスサーバーで、サブディレクトリ毎にPHPのバージョンを指定する方法

エックスサーバーを利用していて、サブドメイン毎に違うバージョンのPHPを指定したい場合があるかと思います。 例えば、サブドメイン毎に、PHPのバージョンが異なるフレームワークを利用する場合などがあります。 エックスサーバ...

Laravel PDFを結合する方法

目次1 lara-pdf-merger のインストール2 lara-pdf-merger の設定3 サンプル4 参考サイト lara-pdf-merger のインストール [crayon-6509230318793890...

Laravel Googleドライブへのファイルアップロード方法

目次1 Google Drive APIの設定1.1 DriveAPI使用許可設定1.2 認証ファイル作成2 Googleドライブの設定3 google-api-php-clientをインストール4 サンプル5 参考サイ...

Laravel Laravel-excelでbladeの利用方法

Laravelでは、エクセルを出力するためのプラグインがたくさんあります。 中でも、エクスポート、インポートに関するプラグインは充実しています。 エクスポートのような単純な一覧表ではなく、請求書のような複雑なものも作成す...

Laravel Laravel-excelのカラム幅の設定方法

Exportファイル [crayon-6509230290775919816123/] 参考サイト Laravel Maatwebsite Excel Set Cell Height and Width Example ...

アフィリエイト DXパティー

DXパティー

Laravel Laravel-excelのファイル保存方法

デフォルトの保存先 Excelの出力先はconfig/filesystems.phpのdefaultに指定されたdiskに設定されています。 初期設定ではdefaultにlocalが指定されています。 [crayon-6...

アフィリエイト 韓国語教室 K-Franc

韓国語教室 K-Franc

アフィリエイト THAIGOX（タイゴックス）

THAIGOX（タイゴックス）

Laravel mail送信の実装方法

Laravel にも、メール送信を実装する方法がいくつかあります。 その中でも、代表的な実装方法である Mailable を利用した方法を解説いたします。 ぜひ、ご参考にしていただければと思います。 目次1 Mailab...

Laravel Dropbox api ファイルアップロードの実装方法

Laravel には、Dropbox API を利用するためのプラグインがたくさんあります。 その中でも、特に有名なプラグインである、「spatie/flysystem-dropbox」の利用方法を説明いたします。 手順...

Laravel バーコード画像の生成方法

バーコード画像を生成するには、色々な方法があります。 Laravel には、とても便利なバーコード画像を生成できるプラグインがあります。 本記事では、特に有名なプラグインである「milon/barcode」の利用方法を解...