【React】HTMLタグの子エレメントを抽出する
自分用のメモ 環境の準備 実行環境 VS code：v1.62.3 Node.js：v14.17.3 React：v17.0.2 プロジェクトの作成 React Create Appで作成します。 React Creat...
JavaScript2021年
JavaScriptJavaScript【React】mapで繰り返し処理をする
自分用のメモ 環境の準備 実行環境 VS code：v1.62.3 Node.js：v14.17.3 React：v17.0.2 プロジェクトの作成 React Create Appで作成します。 React Creat...
JavaScript【React】Warning: Each child in a list should have a unique “key” prop.の回避方法
mapを使用しているときにエラーが発生したので、その回避策を書いていきます。 環境の準備 実行環境 VS code：v1.62.3 Node.js：v14.17.3 React：v17.0.2 プロジェクトの作成 Rea...
JavaScript【React】クラスコンポーネントでstateを変更する
自分用のメモ 環境の準備 実行環境 VS code：v1.62.3 Node.js：v14.17.3 React：v17.0.2 プロジェクトの作成 React Create Appで作成します。 React Creat...
JavaScript【React】VS codeでデバッグ環境構築
自分用のメモ ソースの準備 実行環境 VS code：v1.62.3 Node.js：v14.17.3 React：v17.0.2 プロジェクトの作成 React Create Appで作成します。 デバッグの準備 .v...
JavaScript【React】関数コンポーネント内で使用するpropsの中身を分割代入する書き方
自分用のメモとして書いておきます。 ソースの準備 propsでの渡し方（const コンポーネント名 = props => {}） 18～22行目が関数コンポーネントになっています。 19,20行目のように、pro...
JavaScript【React】JSXとは何か？
JSとJSXでそれぞれどのようにReactで書くのか試してみました。 JSXとは？ Javascriptの文法を拡張したもの HTMLのタグを値として直接記述できるようにしたもの ソースの用意 エディタのみで書いていきま...
JavaScript【React】Create React Appでプロジェクトを作成する
Reactの環境構築の手順を書いていきます。 事前にインストールしておくもの ページ記載時点のバージョンです。 Node.js：v14.17.3 npm：v6.14.13 プロジェクトの作成 2種類の方法があり、どちらも...
Kotlin【Kotlin】Spring BootのDIの書き方まとめ
KotlinでDIするときの書き方をまとめていきます。 プロジェクトの準備 下記ページでプロジェクトを作成してください。 コンストラクタを使った方法 以前のページで書いた内容です。 コンストラクタを使った方法 （アノテー...
Java【Java】Mapでループ処理
Mapのループ処理の書き方をまとめていきます。 拡張for文で実行してみる Mainクラスを作成して実行していきます。 map.keySetからvalueを取得する方法 map.valuesからvalueを取得する方法 ...