React Reactでルーティング設定
開発環境は、以下の通りです。react: 18.2.0typescript: 4.9.5実現したいことReactで、ルーティング設定をしたい。ルーティングとは、簡単に言うと画面遷移です。ReactのようなSPAを実現するためのフレームワーク...
React 
TypeScript TypeScriptの非同期処理を解説
この記事は、以下の方を対象に書いています。非同期処理の基礎から知りたい非同期処理を使ったサンプルコードを知りたい非同期処理とは？非同期処理とは、一連の処理が終了するまで待たずに、他の処理を実行するプログラミング手法のことです。例えば、画面の...
Java Javaの列挙型（enum）を解説
この記事は、以下の方を対象に書いています。enumについて基礎から知りたいenumを使ったサンプルコードを見たい列挙型とは？enum(イーナム)は、列挙型(enumeration type)を表すデータ型です。使用用途は、特定の値（定数など...
JavaScript JavaScriptでよく聞くDOMって何？
この記事は、以下の方を対象に書いています。よく聞くけどDOMって何？DOMについて、もう一度基礎を学びたいそもそもDOMとは？DOMとは、「Document Object Model」の略です。JavaScriptからHTMLへ対して入出力...
JavaScript JavaScriptでSetを使う（サンプルコード有り）
この記事は、以下の方を対象に書いています。Setが何者か分からないSetのサンプルコードを見たいSetとは？Setは、JavaScriptの組み込みオブジェクトの一つで、一意（ユニーク）な値の集合を管理できるものです。利点としては、下記３点...
JavaScript JavaScriptでfor…inとfor…ofを使う
この記事は、以下の方を対象に書いています。JavaScriptの便利機能をもっと知りたいJavaScriptって拡張for文ないの？って思っている方for ... in文for ... in文は、繰り返し処理を行える制御構文です。構文は、J...
TypeScript TypeScriptのデータ型
この記事は、以下の方を対象に書いています。TypeScriptとは何か？データ型について知りたい！TypeScriptとは？TypeScript（タイプスクリプト）とは、Microsoft社が開発したオープンソース言語です。簡単にいうと、型...
Java JavaでMapを使う（サンプルコード有り）
この記事は以下の方を対象に書いています。Mapとは何か知りたいMapのサンプルコードを見たいMapとは？Mapとは、一意（ユニーク）のキーと値のペアで管理できるデータ構造になります。キーは日本語で鍵という意味があり一意である必要があります。...
Java JavaでStreamを使う（サンプルコード有り）
この記事は、以下の方を対象に書いています。Streamを使ったサンプルコードが知りたいStreamの便利な使い方や相性の良いメソッドを知りたいStreamについてStreamは繰り返しの処理をしたり、条件をつけたり、並び替えをしたりと様々な...
Java Javaでメソッドを作成
この記事は以下の方を対象に書いています。メソッドの使い方がよく分からないサンプルコードを見てみたいメソッドとは？メソッドとは、何度も同じコードを書かなくていいように処理をまとめたものです。開発規模が大きくなるにつれて、共通の処理は多くなりま...