Gulpでjsファイルを圧縮するサンプル
Gulpでjsファイルを圧縮するサンプルです。(確認環境：Windows10) 目次 サンプル １．プロジェクトフォルダを作成する ２．Gulpをインストールする ３．jsファイルを圧縮するプ […]
カテゴリー：JavaScript
React useStateを使用するサンプル
ReactでuseStateを使用するサンプルです。 目次 サンプル ファイルの構成 useStateを使用する ファイルの構成 同じフォルダ内にApp.jsxとindex.jsとindex.htmlがあります。 プロジ […]
React Propsを使用するサンプル
ReactでPropsを使用するサンプルです。 目次 サンプル ファイルの構成 Propsで親から子へ値を渡す propsのchildrenを渡す ファイルの構成 同じフォルダ内にApp.jsxとcomponent1.j […]
React CSSを使用するサンプル
ReactでCSSを使用するサンプルです。 目次 サンプル ファイルの構成 CSSをstyleで指定する CSSをオブジェクトで指定する ファイルの構成 同じフォルダ内にApp.jsxとindex.jsとindex.ht […]
React 画面の部品を使用するサンプル(ボタン等)
Reactの画面の部品を使用するサンプルです。 目次 サンプル ファイルの構成 ボタンを押す セレクトボックスで選択する ファイルの構成 同じフォルダ内にApp.jsxとindex.jsとindex.htmlがあります。 […]
React jsxファイルでhello worldを表示するサンプル
Reactのjsxファイルでhello worldを表示するサンプルです。 目次 サンプル ファイルの構成 hello worldを表示する 拡張子をjsxにしたらエラーが出る場合 ファイルの構成 同じフォルダ内にApp […]
JavaScript filter 条件にあった値で新しい配列を作成
JavaScriptの配列のfilterのサンプルです。 目次 filterとは filterのサンプル アロー関数を使用(=>) filter関数の引数を確認 ループ内で関数を呼ぶ filterとは 変数 = 配 […]
JavaScript map 配列を処理して新しい配列を作成
JavaScriptの配列のmapのサンプルです。 目次 mapとは mapのサンプル アロー関数を使用(=>) map関数の引数を確認 ループ内で関数を呼ぶ mapとは 変数 = 配列.map(function […]