JavaScript– category –
-
Adjacent JSX elements must be wrapped in an enclosing tagの原因と対処法
本記事では、Reactで「Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>?」のエラーが表示された際の原因と対処法について解説しています。 【原因と対処法】 まず始めにこのエラーが出る原... -
【React】Fragmentの使い方
本記事では、ReactのFragmentの使い方について解説しています。 【Fragmentの使い方】 Reactでは、returnでJSXを返す時に1つのまとまりで要素にまとめてあげる必要があります。もし、複数要素をreturnで返したい場合divタグをルート要素としてまとめる方法... -
addEventListenerをアロー関数にしたらthisが使えなくなった時の原因と対処法
本記事では、JavaScriptでaddEventListenerメソッドのコールバック関数をfunctionからアロー関数に変更したらthisが使えなくなった時の原因と対処法について解説しています。 【原因と対処法】 まず始めにthisが使えなくなった原因は、アロー関数のthisが... -
【jQuery】要素の横幅・高さを取得する方法
本記事では、jQueryで要素(コンテンツ)の横幅・高さを取得する方法について解説しています。 別記事にてJavaScriptで要素(コンテンツ)の横幅・高さを取得する方法についてまとめているので、興味のある方はご覧ください。 【サンプルコード】 以降の解説で... -
ViteでReactの開発環境を爆速で構築する手順
本記事では、近年フロント界隈で話題のビルドツールViteを使用してReactの開発環境を爆速で構築する手順について解説しています。 【STEP1 Node.jsのインストール】 まず、始めにViteを使用するためにNode.jsをインストールする必要があります。 こちらのN... -
【JavaScript】ローカルストレージ/セッションストレージにオブジェクトを追加・取得する方法
本記事では、ローカルストレージ/セッションストレージにオブジェクトを追加する方法と追加されたオブジェクトを取得する方法について解説しています。 【stringifyメソッドとparseメソッドを組み合わる】 ローカルストレージ/セッションストレージにその... -
【JavaScript】ローカルストレージ/セッションストレージにデータを追加・取得・削除する方法
本記事では、JavaScriptのローカルストレージ/セッションストレージにデータを追加・取得・削除する方法について解説しています。 【ローカルストレージ/セッションストレージにデータを追加】 ローカルストレージ/セッションストレージにデータを追加する... -
【JavaScript/jQuery】URLのパラメータ(クエリ文字列)を取得する方法
本記事では、JavaScriptやjQueryでURLのパラメータ(クエリ文字列)を取得する方法について解説しています。 URLのパラメータを取得する方法は、JavaScriptとjQueryも変わらないよ！ 【location.searchプロパティの使い方】 URLのパラメータを取得したい場合... -
【JavaScript/jQuery】プロトコルを取得する方法
本記事では、JavaScriptやjQueryで現在閲覧しているページのプロトコルを取得する方法について解説しています。 プロトコルを取得する方法は、JavaScriptとjQueryも変わらないよ！ 【location.protocolプロパティの使い方】 プロトコルを取得したい場合は... -
【JavaScript/jQuery】ポート番号を取得する方法
本記事では、JavaScriptやjQueryでポート番号を取得する方法について解説しています。 ポート番号を取得する方法は、JavaScriptとjQueryも変わらないよ！ 【location.portプロパティの使い方】 ポート番号を取得したい場合は、locationオブジェクトのport...
