JavaScript
JavaScript | 1 日 120 分 × 7 日アプリ学習：ローカル保存対応メモ帳
プログラミング
JavaScript JavaScript | 分散を計算する関数
では「標準偏差を計算する関数」を作ってみましょう。標準偏差は 分散の平方根 で、データのばらつきを直感的に理解しやすい指標です。目標配列の平均値を求める偏差の二乗の平均（＝分散）を求める分散の平方根を...
JavaScript JavaScript | 分散を計算する関数
では「分散を計算する関数」を作ってみましょう。これは 偏差の二乗の平均 を求めることで、データのばらつきを数値化する練習です。目標配列の平均値を求める各要素の偏差（二乗）を計算するその二乗の平均値を返...
JavaScript JavaScript | 偏差の二乗を計算して返す関数
では「偏差の二乗を計算して返す関数」を作ってみましょう。これは 分散や標準偏差 を求めるための第一歩になります。目標配列の平均値を求める各要素の「偏差（要素 − 平均値）」を計算するその偏差を二乗して...
JavaScript JavaScript | 「配列の要素を削除」練習アプリ
See the Pen “Delete Array Element” Practice App by MONO365 -Color your days- (@monoqlo365) on CodePe...
JavaScript JavaScript | 多次元配列を HTML の に変換して表示する方法
ここでは、多次元配列を HTML の <table> に変換して表示する方法を、初心者向けにステップで解説します。ブラウザでそのままコピペして試せます。1️⃣ HTMLの基本構造<!DOCTYPE h...
Java Java | フラグ管理を使ったメニューのON/OFFを作るステップ実装
では ビット演算でフラグ管理をする実践例 を、ステップごとに初心者向けに作ってみましょう。今回は「メニューの ON/OFF」を管理する例です。1. 何を作るか3つの機能（メニュー）があります：音楽効果...
JavaScript JavaScript | 「複数条件（AND / OR / NOT / ??）」を クリック操作で体験できるサンプル
この教材では、ボタンを押すと条件が切り替わり、リアルタイムで if の判定結果が表示されるようにします 。 See the Pen Multiple conditions (AND / OR / ??...
Java Java | ビット演算・シフト演算の練習問題セット
それでは、プログラミング初心者向けにビット演算・シフト演算の練習問題セットを作り、採点付きWebテスト（HTML＋JavaScript）形式にします。このテストのポイントビット演算（&, |, ^, ...
Java Java | 逆順処理でよくあるバグ集
では「逆順処理でよくあるバグ（境界条件ミスや IndexOutOfBounds）」を整理してみます。1. 境界条件の off-by-one エラーfor (int i = arr.length - 1...
JavaScript JavaScript | do…while文を使い初心者向けのサイコロゲーム練習セット
では、初心者向けに サイコロゲーム練習セット を作ります。ポイントは：HTML・JavaScriptは分離ボタンでサイコロを振る出た目を表示条件変更で応用問題に挑戦可能1️⃣ HTMLファイル（ind...
JavaScript JavaScript | typeof演算子 学習アプリ
See the Pen typeof Operator Learning App by MONO365 -Color your days- (@monoqlo365) on CodePen. 学べる内...
JavaScript JavaScript | 文字列の連結（+演算子）練習セット
この教材は、JavaScript の「+」演算子による 文字列の連結 を学ぶための初心者向け教材です。 See the Pen String Concatenation (+ Operator) Pr...
JavaScript JavaScript | 条件演算子 練習ツール
ブラウザ上でリアルタイムに結果が見られる条件演算子 練習ツール。ユーザーが値を入力すると、条件演算子で判定した結果がその場で表示されるようにします。ブラウザ上で数値や文字列を入力すると、条件判定がどの...
JavaScript JavaScript | 論理演算子のミニ練習アプリ
では、ブラウザ上で動かせる論理演算子のミニ練習アプリを作ります。ポイントは以下です：入力欄に値を入力「チェック」ボタンで条件判定結果を画面に表示&&, ||, ! の挙動を体験できる以下は HTML ...
JavaScript JavaScript | 「論理演算子」の学習に使える可視化アニメ教材
では、「論理演算子（AND・OR・NOT）」の学習に使える可視化アニメ教材モード付きの解説＋練習問題セット を作ります。論理演算子とは？JavaScriptの論理演算子は、「条件を組み合わせて真（tr...
JavaScript JavaScript | 「等価演算子・厳密等価演算子」のインタラクティブ練習アプリ
概要このアプリでは：ユーザーが「式（例：'0' == false）」を入力実際に評価して結果を表示型変換のステップを可視化（アニメーションつき）全10問の練習問題モード＋採点機能つき See the ...
Java Java | 実務で for文 と foreach/Stream をどう使い分けるか
for文 vs foreach / Stream の使い分けでは「実務で for文 と foreach/Stream をどう使い分けるか」の判断基準を整理します。1. インデックスが必要かどうか必要な...
JavaScript JavaScript | ビット演算・シフト演算をリアルタイムで見られるアニメ付き教材
では、ビット演算・シフト演算をリアルタイムで見られるアニメ付き教材 を、ブラウザで動く HTML + JavaScript で作ります。この教材では、数値を入力するとビットがスライドしたり、AND・O...
JavaScript JavaScript | 「Number() / parseInt() / parseFloat() / +」の変換結果をリアルタイムで比較できる学習用ミニアプリ
See the Pen Numerical Conversion Animation Comparison by MONO365 -Color your days- (@monoqlo365) on ...
JavaScript JavaScript | 「charAt・slice・substring・codePointAt」の動きを可視化するアニメ付き学習ツール
では次は、「charAt・slice・substring・codePointAt」の動きを可視化するアニメ付き学習ツールを作りましょう。CodePenなどブラウザ上でそのまま動く形式にします（HTML...
JavaScript JavaScript | charAt() の動きを視覚的に理解するアニメーション
では、「charAt() の動きを視覚的に理解するアニメーション付き説明」を作りましょう。CodePen などでそのまま実行できる形（HTML + CSS + JS）で、インデックスがスライドして、選...
Java Java | 論理演算子を使った「採点付きミニ演習プログラム」
では、Java の論理演算子を使った「採点付きミニ演習プログラム」を作りましょう。このプログラムは、ユーザーが入力した点数をもとに「合格／不合格」や「特待生」などを判定します。論理演算子 &&, ||...
Java Java | インクリメント／デクリメント理解度チェックテスト
Java理解度チェックテスト（インクリメント／デクリメント）ではこの「インクリメント／デクリメント理解度チェックテスト」を、Java コンソールアプリ形式でつくりましょう。初心者でもそのまま コピペし...
Java Java | Java の型推論 var を使った実践例
ここでは、Java の型推論 var を使った実践例 5つを、初心者にも分かりやすく・実用的にまとめます。各サンプルはすぐ動かせるコード付きです。（Java 10以降対応）① ループ（for文）での ...
Java Java | インクリメント/デクリメントを使わずに済ませる、よりモダンで安全な書き方
インクリメントを使わないモダンな書き方では「インクリメント/デクリメントを使わずに済ませる、よりモダンで安全な書き方」を紹介します。1. 拡張 for文（foreach）配列やリストを順番に処理するな...
Java Java | レビューで「褒められる」インクリメントの使い方
レビューで褒められるインクリメントの使い方では「レビューで“褒められる”インクリメント/デクリメントの使い方（良い例集）」をまとめます。1. for文の基本形for (int i = 0; i < l...
Java Java | 実際の現場でレビューで指摘されやすい「インクリメントのアンチパターン集」
インクリメント/デクリメントのアンチパターン集では「実務でレビューでよく指摘されるインクリメント/デクリメントのアンチパターン集」をまとめます。1. 条件式に直接書くwhile (i++ < arr....
Java Java | インクリメント/デクリメントを安全に使うためのリファクタリング例（悪いコード → 良いコード）
インクリメント/デクリメントのリファクタリング例では「悪いコード → 良いコード」のリファクタリング例を紹介します。実務でありがちな“インクリメント/デクリメントの危険な使い方”を、安全で読みやすい形...
Java Java | 実務でよくあるインクリメント関連のバグパターン
実務でよくあるインクリメント関連のバグパターンでは「実務でありがちなインクリメント忘れや境界条件ミス」の典型例を整理してみましょう。1. インクリメント忘れによる無限ループint i = 0;whil...
Java Java | 実務でよく使うインクリメントの具体的なパターン集
実務でよく使うインクリメントのパターン集では「実務でよく使うインクリメントの具体的なパターン集」を整理してみましょう。1. for文のカウンタ最も典型的な使い方。配列やリストを順番に処理する。for ...
Java Java | 実務で安全にインクリメント/デクリメントを使うための最善の方法
インクリメント/デクリメントのベストプラクティス集実務で安全にインクリメント/デクリメントを使うためのベストプラクティス集を整理しました。1. ループのカウンタは i++ に統一for (int i ...
Java Java | オーバーフローを実験するJavaプログラム
では「オーバーフローを実験するJavaプログラム」を、初心者でも理解しやすいように作ってみましょう。（「オーバーフロー」とは、変数に入る最大の値を超えてしまったときに、値が反対側に回り込んでしまう現象...
Java Java | 「オートボクシングでのパフォーマンス」や「キャッシュ範囲の仕組み（-128〜127）」をコードで実験
では ①キャッシュの仕組みの確認（-128〜127） と ②オートボクシングのパフォーマンス比較（プリミティブ vs ラッパー） を実験するための Java の実行可能なコード を用意します。手元のJ...
Java Java | 複数の入力をまとめて List に格納するサンプル
ここでは 複数の入力をまとめて List<Integer> に格納するサンプル を紹介します。「Scannerで文字列として入力 → 数値に変換 → Listに追加」という流れです。サンプルコード：複...
Java Java | 実際の入力処理（Scannerで文字列を読み込んで数値に変換する例
実際に ユーザー入力（文字列）を Scanner で受け取り → 数値に変換 → オブジェクトとして扱う 流れをまとめます。入力処理の基本（Scannerを使う）例1: 整数入力 → int と In...
Java Java | 「NaN」「Infinity」など特殊値
Javaの特殊値とは？Javaでは、浮動小数点型（floatやdouble）に以下の特殊値が存在します：特殊値説明生成例Double.POSITIVE_INFINITY正の無限大1.0 / 0.0Do...
Java Java | 全ラッパークラス（Integer, Double, Boolean, etc.）ごとの変換例まとめ表
Javaの 全ラッパークラス（基本型と対応するクラス）について、「文字列 ⇄ 数値 ⇄ オブジェクト」変換の代表例 を一覧表にまとめました。ラッパークラス変換パターン一覧基本型ラッパークラス文字列 →...
Java Java | 文字列 ⇄ 数値 ⇄ ラッパークラスのオブジェクト
Javaの 「文字列 ⇄ 数値 ⇄ ラッパークラスのオブジェクト」 の変換パターンを、初心者でも見やすいように表にまとめました。変換パターン一覧表変換方向サンプルコード説明文字列 → 数値（基本型）i...
Java Java | 小数の丸め誤差
では、Javaの 小数の丸め誤差（浮動小数点誤差） を、初心者でも理解できるように 簡単なコードと図イメージ で説明します。背景：丸め誤差とは？Javaの float / double は 二進数で小...
Java Java | 桁区切りの正しい書き方と数値の意味を同時に学習できるツール
このツールを使えば、初心者でも 桁区切りの正しい書き方と数値の意味を同時に学習できます。import java.util.Scanner;public class UnderscoreLearning...
VBA Excel VBA | フィールド定義表から自動でチェックを組み立てる仕組み（メタデータ駆動）
毎回コードに「必須」「数値」「日付」などのチェックを書き込むのは大変です。そこで 「フィールド定義表」＝各列のルールを表にまとめておき、マクロはその定義を読み取って自動的にチェックを実行する 仕組みを...
JavaScript decimal.js を使った「誤差ゼロ金額電卓」
機能概要単価・数量・税率を入力「計算する」ボタンで合計金額を表示decimal.js を使うため誤差ゼロ（0.1 + 0.2 問題なし）ダークモード切り替えボタン付きスマホ対応レスポンシブデザイン S...
JavaScript JavaScript |自分でクラスを書いて、プロトタイプチェーンを視覚的に見られる実験ツール
以下は HTML + JavaScript で動く、初心者向けの「クラス構造可視化アプリ」です。ブラウザに貼り付けて動かすだけで、class の仕組みと prototype チェーンがリアルタイムで見...
JavaScript JavaScript | 「オブジェクトの構造」と「thisの動き」
図解つきで「オブジェクトの構造」と「thisの動き」をわかりやすく説明します。テキストアート＋アニメーションイメージ風で解説します。JavaScript オブジェクトの構造1. オブジェクトの中身のイ...
JavaScript JavaScript | 実践：クラス継承 vs プロトタイプ継承の内部比較
ここでは、「クラス継承（class 構文）」と「プロトタイプ継承（prototype 直接操作）」の内部の違いを、初心者向けに「動作の中身」が見えるようにステップで比較していきます。まずは全体イメージ...
JavaScript JavaScript | プロトタイプ継承」アニメーション
JavaScript の「プロトタイプ継承」は、初心者が「？」となりやすいけど、実際に“矢印でつながる”動きを見ると一気に理解できる部分なんです。プロトタイプ継承とは？🧠 一言で言うと…「オブジェクト...
JavaScript JavaScript | 「thisの仕組み」をアニメーション付きで図解
「thisの仕組み」は JavaScript 初心者が最初につまずく代表ポイント です。ここでは、🧭 直感的なアニメーション（矢印と動き）＋図解🧩 実際にブラウザで動くデモコード（HTML + JS）...
JavaScript JavaScript | プロトタイプと継承の「中の仕組み」や「落とし穴」
ここまで理解しているなら、プロトタイプと継承の「中の仕組み」や「落とし穴」を丁寧に掘り下げていける段階。初心者でも「仕組みを感覚でつかめる」ように、図解イメージ＋コード実験付きで説明していく。ステップ...
JavaScript JavaScript | WeakMap / WeakSet の動作（GCで自動削除）を視覚化
以下は WeakMap / WeakSet の「自動ガベージコレクション（GC）によりエントリが消える様子を視覚化するデモページ」 です。実際のブラウザでは GC の発生タイミングは制御できないため、...
JavaScript JavaScript | 実際に Map / Set を操作するデモ
ラウザ上で 実際に Map / Set を操作して結果をリアルタイム表示できるインタラクティブデモ（HTML + JavaScript） です。「値の追加」「削除」「存在確認」などを自分で試せます。 ...
JavaScript JavaScript |キー付きコレクション ミニテスト（Map vs Set）
「Map vs Set」理解チェック用の自動採点ミニ練習ページ（HTML＋JavaScript）」です。ブラウザでそのまま開くと、選択肢を選んで採点できます。 See the Pen Map vs S...
JavaScript 「Keyed collections（Map・Set・WeakMap・WeakSet）」学習ワークブック
JavaScript「Keyed Collections」ワークブック構成🏁 第1章：MapとSetの基本（初級）💡 学習ポイントオブジェクトとの違いMap と Set の作り方・基本操作（追加・削除...
JavaScript 配列メソッド 実践アプリ（HTML + JS）
配列メソッド実践アプリ（sort / splice / flat / find など） を ブラウザ上で自動採点できる練習ページ（HTML + JS） として作成します。配列メソッド 実践アプリ（HT...
JavaScript JavaScript | 「AsyncFunction（非同期関数）」の基本
async / await と「AsyncFunction（非同期関数）」の基本を、プログラミング初心者向けにやさしく解説します。1. まずはざっくり説明AsyncFunction（非同期関数） は、...
JavaScript 無料で使えるAPI（2025年版）
無料で使える汎用API 一覧（2025年版）分野API名無料プラン概要主な用途登録要否備考🌦️ 天気OpenWeatherMap API月1,000回リクエスト無料現在・予報・過去の天気データ要登録（...
JavaScript JavaScript | サーバーサイド（Node.js）で Accept-Language を使ってロケールを判定する方法
では「サーバーサイド（Node.js）で Accept-Language を使ってロケールを判定する方法」を見てみましょう。ゴールブラウザから送られてくる Accept-Language ヘッダー を...
JavaScript JavaScript | ユーザーのロケール（ブラウザやOSの設定言語）を自動で使って表示を切り替える方法
では「ユーザーのロケール（ブラウザやOSの設定言語）を自動で使って表示を切り替える方法」を見てみましょう。ゴールユーザーが日本語環境なら「◯分前」「昨日」など日本語で表示英語環境なら「5 minute...
JavaScript JavaScript | Intl.RelativeTimeFormat を使って分・時間・月など、さまざまな単位で相対時間を表示する方法
では「Intl.RelativeTimeFormat を使って分・時間・月など、さまざまな単位で相対時間を表示する方法」を見てみましょう。Intl.RelativeTimeFormat の基本form...
JavaScript JavaScript | Intl.RelativeTimeFormat を使って ‘◯日前’ や ‘in ◯ days’ を表示する方法
では「Intl.RelativeTimeFormat を使って '◯日前' や 'in ◯ days' を表示する方法」を見てみましょう。Intl.RelativeTimeFormat とはJavaS...
JavaScript JavaScript | Intl API を使って多言語フォーマット対応
では「Intl API を使って多言語フォーマット対応」を見てみましょう。これを使うと、金額や日付の表記を自動で言語・地域に合わせて整えてくれるので、実務でとても役立ちます。Intl.NumberFo...
JavaScript JavaScript | 翻訳辞書を用意して本格的に i18n（多言語対応）する方法
では「翻訳辞書を用意して本格的に i18n（多言語対応）する方法」を見てみましょう。ゴール言語ごとに翻訳辞書を用意する関数の中で「キー」を使って文言を取り出す日本語・英語以外にも簡単に拡張できる翻訳辞...
JavaScript JavaScript | JavaScriptで使える小さなCSVユーティリティ
短いコードで「CSVの読み込み（文字列→配列/オブジェクト）」と「書き込み（配列/オブジェクト→文字列）」を扱えるユーティリティです。標準ライブラリだけで動き、カンマ・ダブルクオート・改行に対応します...
JavaScript JavaScript | 3次元配列を図と例題で理解する
配列の中に配列、その中にまた配列。最初はややこしく見えるけれど、「箱の中に箱が入っていて、さらにその中に箱がある」と想像できたらぐっと楽になります。3次元配列は、データを「階層」と「位置」で整理するた...
Python Python | 配列を使った 複数列の異なる計算式 の処理テンプレ
ここでは Python（NumPy / pandas） を例に、複数列に対して異なる計算をまとめて処理するテンプレートを紹介します。Python (NumPy) 版import numpy as np...
JavaScript JavaScript | 「部分失敗時にログだけ出して続行」するコード例
ここでは 複数の非同期処理のうち、一部が失敗しても処理を止めず、成功した分だけ使うパターン を解説します。ポイントは Promise.allSettled + finally を使うことです。シナリオ...
JavaScript JavaScript | Promise.allSettled + finally で部分成功・部分失敗を安全に処理するフロー図
では 「Promise.allSettled + finally」 を使った場合の処理フローを、「部分成功・部分失敗を安全に処理する」観点で図解します。前提シナリオ3つの API を同時に呼び出す：f...
JavaScript JavaScript | 「Promise.all + finally」を図でフロー解説（成功／失敗ルート図付き）
では 「Promise.all + finally」 の処理フローを、初心者でも理解しやすい図で解説します。今回は「成功ルート」と「失敗ルート」の両方を示します。前提シナリオ3つの API を同時に呼...
JavaScript JavaScript | 複数の fetch を並列で実行 → どれか失敗しても安全に処理を続ける
ここでは、複数の fetch を並列で実行して、どれか1つ失敗しても他を続行できる安全な書き方 を、初心者向けに丁寧に解説します。目的複数のAPIを同時に呼び出すとき、1つでも失敗すると全部が止まる ...
JavaScript JavaScript | finally と async/await の中で return や throw を組み合わせた高度な制御
ここでは async/await と finally を組み合わせたときの制御の流れ、特にreturn や throw を使うとどうなるか、を 具体的な例で丁寧に 解説します。目的try / catc...
JavaScript JavaScript | 非同期例外をデバッグで追う
ここでは、「非同期処理（fetch / async / Promise）で起きたエラーをデバッグで追う」 を、初心者にもわかるように ― 例題つきで ― 解説します。目的「非同期の中で発生したエラー（...
JavaScript JavaScript | 「複数のAPIを並列処理 → 一部失敗時に安全に処理を続ける」を実例で比較（良いコード / 悪いコード）
これは「非同期処理を複数まとめて実行しつつ、一部が失敗しても全体を止めずに進める」という実践的なテーマです。API連携やWebアプリで「部分的にデータ取得に失敗しても、取れる部分だけ表示したい」という...
JavaScript JavaScript | 「fetch＋async＋finally（後処理付き）」を実例で比較（良いコード / 悪いコード）
ここでは、「fetch × async/await × finally」 を組み合わせて、「通信成功・失敗どちらでも後処理を確実に実行する」コードを、初心者でも理解できるようにステップごとに解説します...
JavaScript JavaScript | 「非同期（fetch / async/await）での例外処理のコツ」と「よくある落とし穴」を実例で比較（良いコード / 悪いコード）
JavaScript の 非同期処理（fetch / async/await） の例外処理は、初心者がつまずきやすいポイントの一つです。ここでは、よくある「落とし穴」→「なぜダメか」→「良い書き方」を...
JavaScript JavaScript | 複数の fetch を並列で実行 → どれか失敗しても安全に処理を続ける
実務でも「finally の中で return や throw を書いてしまう」ミスは危険かつ気づきにくいため、ESLint（JavaScriptの静的解析ツール）で検出できるようにしておくのが効果的...
JavaScript JavaScript | Prettier＋ESLintを共存させて競合を防ぐ設定
Prettier と ESLint はどちらもコード整形・チェックを行いますが、ルールがかぶると競合して「保存時に勝手に戻される」などのトラブルが起きます。ここでは 競合を防ぎつつ両方を使う設定 をま...
JavaScript JavaScript | チーム全員で統一する VSCode 拡張＋設定テンプレート
チーム開発で VSCodeの拡張機能や設定を統一 するテンプレートを作ると、全員の開発環境で ESLint/Prettier のルールや警告が同じになり、コードスタイルの不一致やバグを減らせます。目的...
JavaScript JavaScript | Promise.all + finally の複合制御
ここは「複数の非同期処理（fetch など）をまとめて実行して、最後に共通の後処理をする」という実務で非常に役立つテクニックです。以下で、❌ 悪い例（落とし穴あり）✅ 良い例（安全で読みやすい制御）を...
JavaScript JavaScript | VSCodeで「保存時に自動修正＆警告表示」する設定（.vscode/settings.json）
では、VSCodeで 「保存時に自動修正」＋「リアルタイム警告」 を出す完全設定を、初心者にもわかるように丁寧に説明します。目的保存時に自動で ESLint を走らせて、コードの問題（例：finall...
JavaScript JavaScript | 引数の数に応じて処理を変える関数
では「引数の数に応じて処理を変える関数」を一緒に作ってみましょう。お題引数が 1つ → その値を 2倍引数が 2つ → 2つを 掛け算引数が 3つ以上 → 全部を 掛け算コード例（arguments ...
JavaScript JavaScript | eval() を使わずに安全に同じことをする方法
eval() を使わずに 安全に・再現可能に・制御された形で動的な振る舞いを実現する方法 を、実用的なパターンとサンプルコードで見せます。初心者でも試せるよう、短く分かりやすい例を中心にします。まとめ...
JavaScript JavaScript | 関数を文字列化して eval で実行するのがなぜ危険なのか
ここでは、「関数を文字列化して eval で実行するのがなぜ危険なのか」 を、実際に動かして確かめられるように、ブラウザでそのまま試せる 練習用サンプル（安全に体験できるデモ） を紹介します。目的to...
Java Java | break と continue の使い分け方
両方とも「ループの流れを制御する」ための命令ですが、役割が違います。初心者が混乱しやすいポイントなので、実務的な観点も交えて整理します。break の特徴役割: ループを「完全に終了」する。イメージ:...
VBA Excel VBA | 実務によく使う関数一覧
実務でよく使うVBA関数は「文字列操作」「日付・時刻」「数値処理」「データ判定」「ファイル操作」などに分類されます。特に Len、Left、Mid、InStr、Format、DateDiff、IsEm...
JavaScript JavaScriptとTypeScript
先にザックリ結論JavaScript（JS）：ブラウザやサーバ（Node.js）で動く「実行される言語」。動的で柔軟。今すぐ書いてすぐ動く。TypeScript（TS）：JavaScriptの上に「型...
Python Python | print出力＋CSV/JSON保存 に加えて、日付ごとのフォルダに自動的に整理して保存する関数
ここでは、print出力＋CSV/JSON保存 に加えて、日付ごとのフォルダに自動的に整理して保存する関数を作ります。目標表データをコンソール表示（整形済）CSV / JSON ファイル出力自動で o...
Python Python | pandas.DataFrame で DataFrame → CSV/JSON/HTML 同時出力
pandas.DataFrame を受け取り、同じデータを CSV / JSON / HTML にまとめて出力する汎用関数を作ります。使い勝手の良さ（出力フォルダ生成、タイムスタンプ、圧縮、エンコーデ...
Python Python | データ出力ユーティリティ関数
ここからは、「print＋CSV＋JSON出力」＋「loggingでログも記録」 を一体化した実務でも通用する「データ出力ユーティリティ関数」を作っていきましょう。目的表データを整形して print表...
Python Python | 表データを CSV / JSON にも同時出力する関数
ここでは「print で表を表示しながら、同じデータを CSV と JSON に保存する」実用的な関数を作ります。目標表形式データ（リストのリスト）をきれいに print 表示同時に CSV ファイル...
Python Python | VS Code上でコメント／docstringを自動チェックするための設定手順
ここでは、VS Code上でコメント／docstringを自動チェックするための設定手順を、初心者でも迷わないようにステップごとに説明します。ゴールVS Code で Python コードを書くときに...
Python Python | 三重ループの continue の流れを理解する
「3重ループで continue を使うと、どこがスキップされて、どこが続くのか？」をテキスト図と例題で直感的に説明します。ポイントは「continueは“その時点でいるループ”だけをスキップする」と...
Python Python | continue文
主な内容の要点continue文は、ループの途中で「残りの処理をスキップして次の繰り返しに進む」ための命令です。ループ自体を止めるのではなく、不要な処理を飛ばして効率的に繰り返しを進めたいときに使いま...
Python Python | 代入文と「=」の意味
主な内容の要点Pythonで使う「=」は数学の「等号」ではなく、右辺の計算結果を左辺の変数に代入するための記号です。変数の値は自動で更新されるわけではなく、代入文を実行した時点の値が入ります。初心者が...
Python Python | break のネスト時の図解
以下は、ネストされたループ（入れ子ループ）で break を使ったときに何が起きるかを、初心者向けに「完全テキスト図」で説明したものです。読みやすさ重視で、外側ループ：i内側ループ：jという構造で示し...
Python Python | Break を使わない場合のコード（比較用）
「見つかったら止める」をやりたいのに break を使わないとどう書くか。初心者でも読める形で、代表的な書き方と例題を並べて説明します。全体の考え方目的: 条件が満たされたら、それ以上の処理を回さない...
Python Python | continue・return・break の使い分け早見表
初心者が迷いやすい3兄弟「continue・return・break」。まずは違いをひと目で比較し、そのあとで短い例題で体感しましょう。早見表キーワード範囲（どこまで止まる）何が起きる主な用途読みやす...
Python Python | 「break」と「return」を比較する例
プログラミング初心者がよく迷うのが「ループを抜けたいときに break を使うのか、それとも return を使うのか？」という点です。両者の違いを、かみ砕いて例題で説明します。基本の違いbreak ...
Python Python | Break を使うべきケース集
「break」は、ループを“ここで終わり”と明確に区切るためのスイッチ。初心者ほど、適切な場面で使えるとコードがグッと読みやすくなります。具体例を交えて、使うべきパターンをわかりやすく整理します。基本...
Python Python | while と for の比較（超初心者向け）
では 「while / for の比較版」 を、初心者向けに図解付きで “一瞬で違いがわかる” 形にまとめます。教科書・講義資料としてそのまま使えるクオリティで作ります。まず結論（超ざっくり）whil...
Python Python | while 文まとめ（超初心者向け）
では、Pythonの while 文を初心者でも一目でわかるように、図解付きでまとめてみました。文字だけですが、視覚的にイメージできるよう工夫しています。┌───────────────┐│ 条件をチ...
Python Python | while文によるループ（繰り返し処理）
主な内容の要点Pythonのwhile文は「条件が満たされている間、同じ処理を繰り返す」ための仕組みです。初心者は「条件がFalseになるとループが止まる」ことを理解するのが大切です。while文の基...
Python Python | not 演算子
主な内容の要点Pythonのnot演算子は「TrueとFalseをひっくり返す」ためのものです。TrueならFalseに、FalseならTrueに変わります。基本のしくみnotは否定を表す演算子not...
Python Python | or 演算子
主な内容の要点Pythonのor演算子は「どちらか一方でも条件が真（True）なら全体が真になる」仕組みです。両方が偽（False）のときだけ偽になります。ポイント解説基本の意味A or B は「Aが...
Python Python | and 演算子
主な内容の要点Pythonのand演算子は「両方の条件がTrueのときだけTrueになる」仕組みです。遊園地のジェットコースターの「10歳以上かつ身長120cm以上」という条件のように、複数の条件を同...
Python Python | 論理演算子（ブール演算子）
主な内容の要点Pythonでは、条件を組み合わせて「複雑な判断」をするために 論理演算子（ブール演算子） を使います。代表的なのは and / or / not の3種類です。論理演算子の基本and（...
Python Python | ブール型（bool型）
主な内容の要点Pythonの「ブール型（bool型）」は「True（真）」か「False（偽）」の2つの値だけを扱う特別な型で、条件分岐や比較の結果を表すために使われます。初心者向けポイントブール型と...
Python Python | elif 節
主な内容の要点elif は「もし〜でなければ、次の条件をチェックする」という意味で、複数の条件分岐を順番に試すために使います。if → elif → else の流れを覚えると、条件分岐を整理して書け...
Python Python | 比較以外の条件式
主な内容の要点if文の条件式に「比較演算子」だけでなく、文字列メソッドなどの結果（True/Falseを返すもの）も使えることを紹介しています。例として、文字列が数字だけで構成されているかを判定する ...
Python Python | ネスト平坦化 練習問題
ここでは、「ネスト（入れ子）を平坦化して読みやすく書き直す練習」に特化した10問セットを用意しました。各問題はStep1：ネストされた悪い例（Before）Step2：課題（どう平坦化すべきか）Ste...
Python Python | ネストされた if
主な内容の要点ネストとは？if の中にさらに if を書くこと。条件を「段階的に」チェックできる。使いどころ外側で「前提条件」を確認内側で「詳細条件」を判定→ 例: 「会員かどうか」→「購入金額で割引...
Python Python | elif 節
主な内容の要点elif は「もし〜でなければ、次の条件をチェックする」という意味で、複数の条件分岐を順番に試すために使います。if → elif → else の流れで、最初に当てはまった条件だけが実...
Python Python | 「if-else」＋「ループ」＋「関数」 を組み合わせた小さな実践アプリ
ここからは、「if-else」＋「ループ」＋「関数」 を組み合わせて、初心者が“実際に動く小アプリ”を作れるようになる実践課題をやっていきましょう。1. 基本構成を理解しようまず構成の考え方です。構文...
Python Python | 「ユーザーの入力（input）」と if / else を組み合わせた小さな実践アプリ
ここでは、「ユーザーの入力（input）」と if / else を組み合わせた小さな実践アプリをいくつか紹介します。どれも初心者でも動かせる内容です。ひとつずつ「コード → 実行例 → ステップ解説...
Python Python | if / elif / else & 複雑な条件 演習セット
ここでは 「if」「elif」「else」と複雑な条件の組み合わせ に慣れるための、初心者〜中級者向けの練習問題30問を用意しました。基礎レベル（1〜10）シンプルな分岐と elif の基本に慣れる練...
Python Python | if + else 節
主な内容の要点Pythonのelseは、「ifの条件が満たされなかったときに実行する処理」を指定するために使います。つまり「もし〜なら…、そうでなければ…」という分岐を作れる仕組みです。基本の書き方i...
Python Python | レベル別練習問題：if文（条件分岐）
ここでは、「if文（条件分岐）」をテーマにした練習問題50問を、✅ 基礎 → 中級 → 応用 の3段階で構成し、各問題に 解答＋解説 をつけます。初心者が順番に進めることで、自然に if の考え方・使...
Python Python | if 文 による条件分岐
主な内容の要点Pythonのif文は「条件がTrueなら処理を実行、Falseなら実行しない」という仕組みです。条件分岐の基本であり、プログラムに「判断力」を持たせるために使います。基本の書き方if ...
Python Python | レベル別練習問題：文字列の比較
以下は 「文字列の比較（string compare）」をテーマにした、プログラミング初心者〜中級者向けの練習問題50問セット です。==・!=・<・>・大文字小文字の扱い・数値文字列の比較・辞書順な...
Python Python | 文字列を比較する
主な内容の要点Pythonでは、文字列も数値と同じように == や < などの比較演算子で比べられる。ただし、文字列の大小比較は「辞書順（アルファベット順）」で行われるため、直感と違う結果になることが...
Python Python | レベル別練習問題：比較演算子
レベル1：基礎（Q1〜Q10）「True / False の判定」中心。最初は if なしで OK。No問題Q13 < 5 の結果は？Q210 > 20 の結果は？Q35 == 5 の結果は？Q47 ...
Python Python | 比較演算子
主な内容の要点Pythonの「比較演算子」は、2つの値を比べて「正しいかどうか」を判定し、結果を True（真） または False（偽） で返します。条件分岐（if文など）でよく使う、とても基本的な...
Python Python | レベル別練習問題：文字列メソッド
「文字列メソッド」練習問題50問＋解答＋解説付き（初心者〜中級者向け）を紹介します。難易度を「基礎 → 中級 → 応用」と3段階に分けています。各問題は短く実行できる形で書いてあるので、コピー＆実行で...
Python Python | 文字列メソッド
主な内容の要点Pythonの「メソッド」は、データに結びついた専用の関数です。文字列なら文字列を操作するためのメソッドがあり、例えば大文字化・小文字化・検索などができます。メソッドの基本メソッドとは？...
Python Python | input()
主な内容の要点input() 関数は、キーボードから文字列を入力するための関数です。入力された内容は「文字列」として返され、変数に代入して使うことができます。基本の使い方書き方：input("メッセー...
Python Python | print() の応用的な使い方
ここでは print() の応用的な使い方 をさらに深掘りして、実務や学習の場面でもよく使うテクニックをわかりやすく解説します。目次変数やフォーマット文字列の復習列幅をそろえて表を整形する関数tabu...
Python Python | print() 関数
主な内容の要点Python の print() 関数は、画面に値を表示するための最も基本的な関数です。数値や文字列、複数の値をまとめて出力できます。print() 関数の基本役割: 引数に与えた値を画...
Python Python | レベル別練習問題：文字列と数値
では、「文字列と数値」の学習内容に沿って、初心者でも無理なく進められるように、レベル別（基礎・中級・応用）でそれぞれ 練習問題＋解答＋解説 をセットで作ります。基礎編（レベル1〜10）文字列と数値の違...
Python Python | 文字列と数値
主な内容の要点Pythonでは「文字列」と「数値」はまったく別のデータ型なので、そのままでは一緒に計算できません。必要に応じて 型変換（キャスト） を行うことで、文字列を数値にしたり、数値を文字列にし...
Python Python | 文字列操作
主な内容の要点1. スライス（部分取り出し）書き方：文字列「開始」から「終了の直前」までを取り出す省略できる： は最初から5文字目まで、 は3文字目から最後までマイナスの番号で後ろから数えられる（-1...
Python Python | レベル別練習問題：文字列演算子
では、Python文字列演算子・操作に関する練習問題をレベル別（基礎・中級・応用）に50問作り、それぞれに解答と解説をつけます。初心者がすぐに試せるよう、Pythonでそのまま実行できる形式にします。...
Python Python | 文字列の演算子
主な内容の要点Pythonの文字列は「数値」とはまったく別のデータ型で、計算ではなく「つなげる」「繰り返す」といった操作ができます。数値と文字列は混ぜて計算できないので注意が必要です。1. 文字列と数...
Python Python | 正規表現の性能とアンチパターン（上級向け）
ここでは 正規表現の性能・効率問題とアンチパターン、特に catastrophic backtracking（爆発的バックトラッキング） について、Python 初心者以上向けにやさしく解説します。実...
Python Python | レベル別練習問題：正規表現
では Python 初心者向け「正規表現（re）」練習問題 50問＋解答・解説付きセット を紹介します。レベル別（基礎 → 中級 → 応用）で構成し、実務でよく出るパターンも含めます。すぐ Pytho...
Python Python | 実践演習：ファイルからテキストを読み込んで処理する
ここでは「ファイルに書かれたテキストを Python で読み込んで、文字列として処理する実践演習」を、初心者でもスムーズに理解できるように段階的に進めます。学ぶ目的ファイルを開いて読み込む方法を覚える...
Python Python | 正規表現を使ったファイル一括処理スクリプト
では 初心者向けに、正規表現を使ってファイルを一括処理し、ログからエラーを抽出するスクリプト を作ってみましょう。Python で動く形で、コメントも付けて詳しく解説します。1. 前提ログファイルはテ...
Python Python | 正規表現（re）
正規表現（re モジュール）はテキスト処理で超便利ですが、最初は記号の意味に慣れることが肝心です。ここでは 初心者が最短で使えるように、概念→主要パターン→re の使い方→実例→練習問題（解答付き）ま...
Python Python | Python 文字列メソッド リファレンス（用途別＋例つき）
ここでは「Python の文字列メソッド（str 型の関数）を、用途別に分類し、初心者でも読めるように例つきで整理」します。単なる一覧ではなく、「どんなときに使うのか」もわかるように説明しています。1...
Python Python | 文字列の応用テクニック／落とし穴／実戦で役立つ小ワザ
重箱の隅をつつくような 文字列の応用テクニック／落とし穴／実戦で役立つ小ワザ を、短い解説＋実行可能なコード例付きでまとめます。初心者〜中級者が「知ってて得する」「知らないとハマる」ポイント中心にしま...
Python Python | レベル別練習問題：文字列
Pythonの「文字列」に関する練習問題を、初心者向けにレベル別で50問用意し、解答と解説付きで紹介します。レベル分けは以下のようにします：基礎（Level 1）：文字列の扱い、基本的な操作（15問）...
Python Python | 文字列（string）
主な内容の要点Pythonで文字列（string）を扱うときは、文字を「"」または「'」で囲むのが基本ルールです。数値と違って、そのまま書くのではなく必ずクォーテーションで囲みます。初心者が押さえるべ...
Python Python | レベル別練習問題：モジュールと import
では、「モジュールと import」の学習テーマについて、基礎 → 応用まで 50問 の練習問題セットを作ります。各問題には：問題文（初心者にもわかる日本語）ヒント（考え方の方向づけ）解答コード解説を...
Python Python | モジュール学習の完全版（初学者から実務レベルまで）
それでは、モジュール学習の完全版（初学者から実務レベルまで）として、以下の3部構成でやさしく・具体的に・例題つきで解説します。【第1部】外部ライブラリを使う：pip install の使い方と例pip...
Python Python | モジュールと import
主な内容の要点Pythonには便利な機能がたくさんあり、それらは「モジュール」という単位でまとめられています。モジュールを使うには import 文で読み込む必要があります。モジュールと import...
Python Python | レベル別練習問題：関数
では、先ほどの「関数の基本」をもとに、レベル別（基礎 → 中級 → 上級）で練習問題＋解答＋詳しい解説 をセットでまとめます。初心者でも無理なく「なぜそう書くのか」まで理解できるように、1問ずつ 考え...
Python Python | 関数
主な内容の要点Pythonの「関数」は、よく使う処理をまとめて呼び出せる便利な仕組みです。値を入力（引数）して、結果（戻り値）を受け取るのが基本の流れです。関数の基本関数とは？よく使う処理をひとまとま...
Python Python | レベル別練習問題：コメント
では 初心者 → 中級 → 上級 の 3 レベル、各5問（合計15問）を用意します。各問題に「出題」「解答例」「ポイント解説」を付けてあるので、そのまま学習・演習に使えます。まずは最初のレベルからどう...
Python Python | コメント
主な内容の要点Pythonでは、# から行末までが「コメント」になり、プログラムの実行には影響しません。コメントは「コードの説明やメモ」を書くために使い、自分や他人が後で読みやすくするために重要です。...
Python Python | レベル別練習問題：変数 × 型（int / float / str）2
それでは、「変数 × 型（int / float / str）」をテーマに、Python 初心者～中級者が実践練習できる 50問の自動採点付き問題集を作ります。構成レベル範囲問題数基礎変数・代入・型の...
Python Python | レベル別練習問題：変数 × 型（int / float / str）
以下は「基礎 → 中級 → 上級」の順で計16問。各問題に期待される入力／出力（あるいは処理）、解答（コード）、短い解説を付けています。まず自力で解きたい場合は「問題のみ」を読んで止め、解答はその下の...
Python Python | 「変数 × 型（int / float / str）」の基礎編
次は「変数」と「基本的な型（整数 int、小数 float、文字列 str）」をやさしくまとめます。例題をたっぷり入れて、よくあるつまずきも押さえます。基本のイメージ変数：値を入れる「名前つきの箱」型...
Python Python | レベル別練習問題：変数
実践で身につくタイプの練習問題を用意しました。目的：読みやすく・保守しやすい変数名を付けられるようになること。各レベルごとに問題・ヒント・解答（解説付き）を用意しています。まずは 基礎 → 応用 → ...
Python Python | 初心者がよくやる「変数ミス」チェックリスト
以下は現場でよく見るミスを分かりやすくまとめたチェックリストです。コードを書いたらこの順でサッと確認するとミスを減らせます。各項目は「問題」「なぜダメ」「どう直す」の3点で短く示します。1) 変数名ル...
JavaScript XserverにNode.jsを導入する方法
全体像：XserverでNode.jsを動かすとは何をしているのかまず前提として、Xserverは一般的な「レンタルサーバー」です。標準ではPHPやMySQLはすぐ使えますが、Node.jsはそのまま...
Python Python | 変数
主な内容の要点Pythonの「変数」は、計算結果や値に名前をつけて扱いやすくする仕組みです。計算式をそのまま書くよりも、変数を使うとプログラムが読みやすく、間違いを減らせます。変数の基本変数とは？値に...
Python Python | レベル別練習問題：float（浮動小数点数）
ここでは「float（浮動小数点数）」をテーマに、🔹基礎（初級）／🔹中級（実践）／🔹上級（応用）の3レベルで、それぞれ5問ずつ（合計15問）＋すべて解答と丁寧な解説付きでまとめます。基礎レベル（flo...
Python Python | 整数と実数（float型）
主な内容の要点Pythonの「float型（実数）」は、小数を扱うための数値型で、整数とは少し違う性質を持ちます。特に「小数計算では誤差が出ることがある」という点を覚えておくのが大切です。float型...
JavaScript JavaScript | タグでフィルタ表示の仕組み
「フォルダ内の画像をサムネイル化してHTMLギャラリーを作る」仕組みに、タグでフィルタ表示を加えます。これは JavaScript を少し組み合わせると実現できます。1. 基本の考え方各画像に「タグ情...
JavaScript JavaScript | 配列の中にオブジェクトを入れて管理する方法
ここからは「配列の中にオブジェクトを入れる」という、実践的なデータ管理方法を初心者向けに、イラスト的なイメージ＋実用的なコード例で丁寧に解説します！配列の中にオブジェクトを入れるとは？まず、オブジェク...
JavaScript JavaScript | 正規表現ステップアップ練習
では、初心者が手を動かしながら正規表現を学べるミニ課題集（全10問）を作り、それぞれステップごとに解説します。問題1：数字だけの文字列かチェック条件：文字列が 1桁以上の数字だけ で構成されているかヒ...
JavaScript JavaScript | 正規表現オブジェクト
主な内容の要点JavaScriptで正規表現を使うには「正規表現オブジェクト」を作成します。作り方は大きく2種類あり、/パターン/ と書く方法と new RegExp("パターン") を使う方法です。...
JavaScript JavaScript | 例外処理（try…catch） のポイント
主な内容の要点JavaScriptのtry...catchは、関数の中で発生したエラーも呼び出し元のtry...catchで捕まえられる。ただし、非同期処理（例：setTimeout）の中で起きたエラ...
JavaScript JavaScript | throw文
主な内容の要点JavaScriptでは、throw文を使うことで自分でエラー（例外）を発生させることができます。これにより「ここで処理を止めたい」「特定の条件でエラーを知らせたい」といった場面を自由に...
JavaScript JavaScript | 非同期（fetch / async）でのエラーの落とし穴（良い書き方・悪い書き方）を具体コード比較で示す
ここでは、「非同期処理（fetch / async）」でよくあるエラーの落とし穴を、「悪い書き方 → なぜダメか → 良い書き方」に整理して解説します。初心者がつまずきやすいポイントを中心に、実際のコ...
JavaScript JavaScript | 例外とエラーハンドリング
主な内容の要点JavaScriptではエラー（例外）がいくつかの種類に分かれていて、try...catchを使うと発生した例外をキャッチして処理できます。さらに、例外の種類ごとに処理を分けることができ...
JavaScript JavaScript | 例外処理（try…catch） の練習問題セット（初心者向け）
目的try…catch の基本、例外の伝搬（同期）、非同期コールバックでの落とし穴、Promise / async–await での例外処理を確実に理解すること。各問題は「問題 → 予想 → 実行例（...
JavaScript JavaScript | 非同期エラーの「良い書き方・悪い書き方」を比較するサンプル
ここでは、「非同期処理での例外（エラー）をどう扱うか」について、初心者がよくやってしまう「悪い書き方」と、実務的に安全な「良い書き方」を、コメント付きで比較解説します。テーマ：setTimeout な...
JavaScript JavaScript | try…catch…finally 文による例外処理
主な内容の要点JavaScriptのtry...catch...finallyは、エラーが起きてもプログラムを安全に続けるための仕組みです。特にfinallyは「必ず最後に実行される処理」を書けるのが...
JavaScript JavaScript | 非同期処理をブレークポイントで止める
初心者が 「非同期処理をブレークポイントで止める」 のは少し難しく感じますが、実はブラウザの開発ツール（DevTools）を使えば fetch や setTimeout の中の処理も止めて中身を確認 ...
JavaScript JavaScript | 「例外＋非同期」のデバッグ実践（Promise の中のエラー追跡）
ここからは、「例外 × 非同期処理（Promise・async/await）」で発生するエラーをデバッグする方法を、初心者向けにやさしく、具体例つきで解説します。（ブラウザ開発ツールを使った実践手順つ...
JavaScript JavaScript | 非同期エラーの落とし穴（Promise を返さない async と catch の罠）
JavaScript の「非同期エラー」まわりは、初心者が一番つまずくところの1つです。ここでは、Promise・async/await・try/catch の関係と、「Promise を返さない a...
JavaScript JavaScript | 例外のデバッグ方法
「例外（エラー）をデバッグする力」は、プログラミング初級から中級に進む大きなステップです。ここでは、「stack（スタックトレース）」の見方と活用方法を、初心者でもわかるようにかみ砕いて解説します。1...
JavaScript JavaScript | 例外処理（try…catch文）
主な内容の要点JavaScriptでエラーが起きるとプログラムが途中で止まってしまいます。これを防ぐために try...catch文 を使うと、エラーをキャッチして安全に処理を続けられます。ポイント解...
JavaScript JavaScript | デフォルト引数
JavaScriptのデフォルト引数「引数を渡し忘れても、賢く初期値が入る仕組み」がデフォルト引数です。関数のパラメータに「= 値」を書いておくと、その引数が未指定または undefined のときに...
JavaScript JavaScript | 可変長引数（rest パラメータ）
プログラミングを始めたばかりだと「…（ドット3つ）」が何をしているのか戸惑いますよね。rest パラメータは「引数の数が決まっていなくても関数で受け取れる」便利な仕組みです。例を交えながら、直感的に理...
JavaScript JavaScript | コールバック関数 と 高階関数
主な内容の要点JavaScriptでは「関数」を変数に入れたり、関数に渡したり、関数から返したりできます。こうした仕組みを使うと「コールバック関数」や「高階関数」が扱えるようになり、非同期処理やイベン...
JavaScript JavaScript | 「メモ化」を使って再帰関数を高速化する方法
ここでは、「メモ化（memoization）」を使って再帰関数を高速化する方法を、ステップ実行（呼び出しの流れを1つずつ追う）つきでわかりやすく解説します。そもそも「メモ化」とは？メモ化（memoiz...
JavaScript JavaScript | 「再帰関数」でツリー探索（Tree Traversal）
では今回は、再帰の「本領発揮」分野である ツリー探索（Tree Traversal） を、プログラミング初心者でも「実感して理解できる」ように、段階的にやさしく解説します。1. まず「ツリー構造」って...
JavaScript JavaScript | 再帰関数
主な内容の要点再帰関数とは「関数の中で自分自身を呼び出す関数」のことです。無限ループにならないように「終了条件」を必ず書くのが大事です。代表的な使い方は「階乗の計算」など、同じ処理を繰り返しながら少し...
JavaScript JavaScript | 関数関連の便利な仕組み・プロパティ
関数まわりの「ちょっと特殊な性質」を整理しておくと、JavaScript の理解がグッと深まります。初心者向けに、代表的なものをわかりやすくまとめますね。関数関連の便利な仕組み・プロパティ1. arg...
JavaScript JavaScript | 関数で受け取る引数の数を取得する
主な内容の要点JavaScript の関数には .length プロパティがあり、「その関数が定義時に受け取る引数の数」を調べることができます。ただし、実際に呼び出したときに渡された引数の数ではない点...
JavaScript JavaScript | 関数（関数定義）を 文字列として取得する方法
主な内容の要点JavaScript では、関数に対して .toString() を使うと、その関数の「中身（定義内容）」を文字列として取り出すことができます。つまり、関数がどんなコードで書かれているか...
JavaScript JavaScript | arguments を Array に変換して …rest と同じように扱う方法
ここでは「arguments を Array に変換して、...rest と同じように扱う方法」を初心者向けに、図＋実験つきでわかりやすく解説します。なぜ変換が必要なの？arguments は「配列の...
JavaScript JavaScript | arguments の内部挙動
arguments の「内部でどう動いているか」は、見た目より少し複雑で、実装や ECMAScript（仕様）のルールに依存します。ここでは 初心者〜中級者が知っておくと役立つレベル に噛み砕いて、実...
JavaScript JavaScript | arguments と strict mode の関係
arguments オブジェクトは 「通常モード」と「strict mode（厳格モード）」 で挙動が変わります。これは初心者がつまずきやすいポイントなので、やさしく整理して説明します。まず前提：st...
JavaScript JavaScript | arguments オブジェクト と 可変長引数（rest パラメータ） を比較
では arguments オブジェクト と 可変長引数（rest パラメータ ...rest） を、初心者向けにわかりやすく比較してみましょう。基本的な違い項目arguments オブジェクト...r...
JavaScript JavaScript | 関数で使う arguments オブジェクト の使い方
主な内容の要点JavaScript の arguments オブジェクトは、関数に渡された引数をまとめて扱える特別な仕組みです。引数の数が決まっていなくても、arguments を使えばすべての値を取...
JavaScript JavaScript | クラスの継承・オーバーライド・super とアロー関数の関係
では、クラスの継承・オーバーライド・super とアロー関数の関係を具体例で詳しく解説します。ポイントは「プロトタイプメソッドとアロー関数ではオーバーライドの挙動が違う」ということです。1. 基本：プ...
JavaScript JavaScript | クロージャ比較の図解
ここは Function コンストラクタで作った関数 と 通常の関数（関数リテラル／関数式） の「クロージャ（外側のローカル変数を覚えるかどうか）」を視覚的に比較する図解と説明ページです。目的なぜ n...
JavaScript JavaScript | 初心者が JavaScript の関数を練習するなら？
初心者が JavaScript の関数を練習するなら、次の順番で学ぶのが一番わかりやすく、実践的です。ステップ1：関数宣言（function 宣言）function greet(name) { ret...
JavaScript JavaScript | Function コンストラクタを使って関数を定義する
主な内容の要点JavaScript では function キーワード以外にも、Function コンストラクタを使って関数を作れる。ただし、実際の開発ではあまり使われない方法なので「こういう書き方も...
JavaScript JavaScript | クラス継承でアロー関数を使うときの実務的な注意点
では、クラス継承でアロー関数を使うときの実務的な注意点を整理してみましょう。特に React のクラスコンポーネントや、イベント処理を含むクラス設計でよく出てくる落とし穴です。通常メソッド vs アロ...
JavaScript JavaScript | クラスを継承して super 呼び出しの挙動を比較（アロー関数 vs 通常メソッド）
クラス継承における super 呼び出し は、アロー関数と通常メソッドで挙動が大きく変わります。基本ルール通常メソッドクラスのプロトタイプに登録される。super を使って親クラスのメソッドを呼び出せ...
JavaScript JavaScript | クラス内でアロー関数とプロトタイプメソッドを大量に作った場合のメモリの違い
それでは クラス内でアロー関数（class-field）とプロトタイプメソッドを大量に作った場合のメモリの違い をわかりやすく見てみましょう。実際に JS でインスタンスを作って比較するイメージです。...
JavaScript JavaScript | this の挙動を体系的に整理（グローバル・関数・メソッド・クラス・アロー関数）
それでは JavaScript における this の挙動を体系的に整理してみましょう。グローバル・関数・メソッド・クラス・アロー関数など、状況ごとにどう変わるかをマップのようにまとめます。1. グロ...
JavaScript JavaScript | classの継承（extends）
では「classの継承（extends）」について見ていきましょう。これを理解すると、オブジェクト指向の「再利用」と「拡張」ができるようになります。継承とは？あるクラスをもとにして、新しいクラスを作る...
JavaScript JavaScript | 関数リテラル（通常の function 式）とアロー関数の this の違い
JavaScriptにおける function式（関数リテラル） と アロー関数 の最大の違いのひとつが this の扱い です。初心者向けに整理してみますね。違いのまとめ種類this の決まり方特徴...
JavaScript JavaScript | 「class構文」と「関数リテラル／アロー関数」の関係を整理
では「class構文」と「関数リテラル／アロー関数」の関係を整理してみましょう。ここを押さえると、オブジェクト指向の理解がぐっと深まります。class構文とは？JavaScriptでオブジェクトを作る...
JavaScript JavaScript | 「アロー関数の使いどころと、あえて使わないほうがいい場面」を整理
では「アロー関数の使いどころ」と「あえて使わないほうがいい場面」を整理してみましょう。これを知っておくと、実際のコードで迷わなくなります。アロー関数を使うと便利な場面配列操作map, filter, ...
JavaScript JavaScript | アロー関数の省略ルール
それでは「アロー関数の省略ルール」を整理してみましょう。これを覚えると、コードがさらにスッキリ書けるようになります。アロー関数の省略ルール1. 引数が1つのときはカッコを省略できる// 通常let s...
JavaScript JavaScript | クラス内でアロー関数を使う理由
クラスの中でアロー関数を使う理由は、主に this の扱い にあります。初心者がよくつまずくポイントなので、例を交えて整理しますね。通常のメソッドとアロー関数の違い通常のメソッドclass Count...
JavaScript JavaScript | アロー関数とbindの違い
アロー関数とbindの違いを初心者向けに解説JavaScriptで「thisが思った通りにならない！」というときによく出てくるのが アロー関数 と bind。どちらも「thisを固定する」ために使われ...
JavaScript JavaScript | イベント処理での「普通の関数」と「アロー関数」の使い分け
イベント処理での「普通の関数」と「アロー関数」の使い分けイベント処理では「クリックされた要素をthisで参照したいのか」「外側のthisを保持したいのか」で、普通の関数とアロー関数を使い分けます。基本...
JavaScript JavaScript | クラスのメソッドをアロー関数にするメリットとデメリット
クラスのメソッドをアロー関数にするメリットとデメリットクラスの中でメソッドを「通常の関数」として書くか「アロー関数」として書くかで、挙動や効率が変わります。初心者向けに整理してみましょう。メリット（ア...
JavaScript JavaScript | クラスの中でアロー関数を使うとどうなるか
クラスの中でアロー関数を使うとどうなるかクラスの中でアロー関数を使うと、その関数のthisは「インスタンス」に固定されるという特徴が出てきます。これは普通のメソッド（通常の関数）との大きな違いです。基...
JavaScript JavaScript | アロー関数のthis
アロー関数のthisを初心者向けにやさしく解説JavaScriptを学び始めると「thisってややこしい！」と感じる人が多いです。特にアロー関数は、普通の関数とthisの動きが違うので混乱しやすいポイ...
JavaScript JavaScript | アロー関数 this のレキシカル束縛
アロー関数を理解するうえで最も重要なのが 「this のレキシカル束縛」（＝定義された場所の this をそのまま使う）です。ここでは、1️⃣ 通常の関数との違い2️⃣ 図解での理解3️⃣ 実際のコー...
JavaScript JavaScript | アロー関数
主な内容の要点JavaScriptの「アロー関数式」は、関数をよりシンプルに書ける新しい記法です。特に短い処理やコールバック関数を書くときに便利です。アロー関数の基本通常の関数式 let add = ...
JavaScript JavaScript | 「関数リテラル（無名関数）」と「アロー関数」の比較
「関数リテラル（無名関数）」と「アロー関数」は見た目が似ていますが、いくつか大事な違いがあります。初心者向けに整理してみましょう。書き方の違い種類書き方例関数リテラル（無名関数）let f = fun...
JavaScript JavaScript | 関数リテラル（無名関数）
主な内容の要点JavaScriptでは「関数リテラル」を使って、名前のない関数（無名関数）を変数に代入して利用できます。これにより、一度しか使わない処理や、関数を引数として渡す場面で便利です。ポイント...
JavaScript JavaScript | 関数はオブジェクト
主な内容の要点JavaScriptでは「関数」も特別な存在ではなく、オブジェクトの一種として扱われます。そのため、関数は「変数に代入できる」「別の変数にコピーできる」「引数として渡せる」といった柔軟な...
JavaScript JavaScript | 関数の定義と呼び出し位置
主な内容の要点JavaScriptの関数は「どこに書くか」「どの順番で呼び出すか」で動き方が変わります。基本は「関数を先に定義してから呼び出す」と覚えておくと安心です。ポイント整理関数定義と呼び出しの...
JavaScript JavaScript | 配列→オブジェクトにリファクタリングする手順とAPI設計視点での戻り値設計のベストプラクティス
配列→オブジェクトにリファクタリングする手順例題：配列で返す統計関数function calcStats(values) { const sum = values.reduce((a, b) => a...
JavaScript JavaScript | 「関数で複数の値を返す」というテクニックをAPI整形・フォーム検証など実務っぽい応用
ここからは、「関数で複数の値を返す」というテクニックを、実務で本当に使える APIデータ整形 や フォーム入力の検証 にどう活かすかを、初心者向けにわかりやすく紹介します。目的現実の開発では、関数は「...
JavaScript JavaScript | 関数の戻り値をさらに別の関数に渡す
では「関数の戻り値をさらに別の関数に渡す」練習に進みましょう。これはプログラムを組み合わせて使うときにとても大事な考え方です。ステップアップ練習例題1：計算結果を別の関数に渡すまずはシンプルな例から。...
JavaScript JavaScript | 関数から複数の値を返す方法
主な内容の要点JavaScriptで関数から複数の値を返す方法は「配列」と「分割代入」を使うことです。 初心者向けポイント関数の戻り値は1つだけJavaScriptの関数は return で返せる値は...
JavaScript JavaScript | 関数から値を返す（return文）
主な内容の要点JavaScriptの関数で使うreturnは、関数の処理結果を呼び出し元に返すための仕組みです。値を返す場合もあれば、処理を途中で終了させるためだけに使うこともできます。1. retu...
JavaScript JavaScript | 関数と参照渡しの注意点
主な内容の要点JavaScriptで関数に値を渡すとき、「数値や文字列」などの基本型はコピーが渡されるので元の変数は変わらない。一方で、「配列やオブジェクト」などの参照型は同じデータを共有するため、関...
JavaScript JavaScript | 「引数」を使って関数にデータを渡す
主な内容の要点JavaScriptの関数に値を渡すときに使う「引数」について解説されています。引数は関数にデータを渡す仕組みで、数が合わなくてもエラーにならず、工夫次第で柔軟に使えます。1. 引数の基...
JavaScript JavaScript | 関数の基本的な定義方法と使い方
主な内容の要点JavaScriptで関数を使うには、まず「定義」してから「呼び出す」必要があります。関数は「入力（引数）」を受け取り、「処理」を行い、「出力（戻り値）」を返す仕組みです。関数の基本定義...
JavaScript JavaScript | reduce と map/filter を組み合わせた応用パターン
ここでは、reduce と map／filter を組み合わせた実践的な使い方＋パフォーマンス面の注意を、初心者向けに かみ砕いて＋コード例つき で解説します。目標単純な合計だけでなく、「条件でしぼる...
JavaScript JavaScript | filter と reduce と組み合わせて集計処理を学ぶ
filter と reduce を組み合わせると、「条件で絞り込み → 集計」という流れをシンプルに書けます。実務でもよく使うパターンなので、例題を交えて説明します。基本の流れfilter: 配列から...
JavaScript JavaScript | 配列のすべての要素を合計する方法（reduce メソッド）
主な内容の要点JavaScriptで配列の合計を出すときは、reduceメソッドを使うのが便利です。配列の要素を順番に処理して、最終的に1つの値（合計など）を返してくれます。reduceメソッドの基本...
JavaScript JavaScript | map と filter の違い — 図（テキスト）＋コードで直感的に理解する
初心者向けにわかりやすく比較した“図”と短い解説、具体例です。まず全体像をザッと掴んで、下のコードで挙動を確認してください。図：処理のイメージ（左→右）元配列: [1, 2, 3, 4]map: 各要...
JavaScript JavaScript | 配列の中から「条件を満たす要素だけ」を取り出して、新しい配列を作る
主な内容の要点JavaScript の filter メソッドを使うと、配列の中から「条件を満たす要素だけ」を取り出して、新しい配列を作ることができます。元の配列は変わりません。基本の使い方let 新...
JavaScript JavaScript | for 文で書いた処理を map / filter / reduce に書き換える
では「for 文で書いた処理を map / filter / reduce に書き換える練習問題」を用意します。初心者でも段階的に理解できるようにしてみます。練習問題 1：配列の要素を2倍にするfor...
JavaScript JavaScript | map / filter / forEach / reduce まとめ
では「配列メソッド4兄弟」＝ map / filter / forEach / reduce をまとめてみましょう。4つのメソッドの役割メソッド返り値主な用途特徴map新しい配列要素を「変換」する元の...
JavaScript JavaScript | map() メソッドを使った 実践的な例
ここでは、JavaScript の map() メソッドを使った 実践的な例 を、プログラミング初心者でもわかるようにステップごとに解説します。今回のテーマはこの2つ👇数値を10倍にする（基本の変換例...
JavaScript JavaScript | 配列操作でよく出てくる map / filter / forEachの使い分け
JavaScript の配列操作でよく出てくる map / filter / forEach は似ているようで役割が違います。初心者向けに整理してみましょう。ざっくりイメージmap → 「変換」：配列...
JavaScript JavaScript | すべての要素に順番に同じ処理を行い、新しい配列を作る
主な内容の要点map メソッドのポイント役割配列のすべての要素に「同じ処理」を順番に行い、その結果を集めた 新しい配列 を作る。元の配列は変わらないmap は新しい配列を返すだけで、元の配列はそのまま...
JavaScript JavaScript | 配列における要素の並び替え方法（reverse / sort）
主な内容の要点1. reverseメソッド使い方: 配列.reverse()配列の要素を 逆順 に並べ替える。新しい配列を返すのではなく、元の配列そのものが書き換わる。例: let fruits = ...
JavaScript JavaScript | 配列の全要素を連結して文字列を得る方法
主な内容の要点1. join() メソッド配列の要素を 文字列に変換してつなげる ことができる書き方： 配列名.join(区切り文字);区切り文字を指定しないと カンマ ( , ) でつながる区切り文...
JavaScript JavaScript | slice() とよく比較される splice() の違い
slice() と splice() は名前が似ているので混乱しやすいですが、性質はまったく違います。初心者向けに整理するとこうなります。slice() と splice() の違い項目slice()...
JavaScript JavaScript | 配列の一部をコピーして、新しい配列を作る（slice メソッド）
主な内容の要点slice() メソッドの基本役割：配列の一部をコピーして、新しい配列を作る元の配列は変わらない（非破壊的）使い方array.slice()array.slice(開始位置)array....
JavaScript JavaScript | 配列の要素を条件で調べる便利メソッドまとめ
主な内容の要点JavaScript には、配列の中から「条件に合う要素」を探したり、チェックしたりするためのメソッドが用意されています。代表的なのは次の4つです。1. findIndex() — 条件...
JavaScript JavaScript | find / filter / some / every — 図解でスッキリ理解
初心者向けに、違いを「何を返すか」「いつ使うか」「挙動の図」をコード例つきでまとめます。イメージしやすいように同じデータで比較します。const users = [ { name: '太郎', age...
JavaScript JavaScript | indexOf() / lastIndexOf() / includes() / find() / findIndex() と比較して、どれをいつ使うか図解で説明
indexOf() / lastIndexOf() に続いて、includes()、find()、findIndex() は「配列から値や条件に合う要素を探す」ときによく使われるメソッドです。初心者で...
JavaScript JavaScript | indexOf() と lastIndexOf() を「実際のアプリでどう使えるのか？」
では、indexOf() と lastIndexOf() を「実際のアプリでどう使えるのか？」を、シンプルな TODO リスト例 でやさしく解説していきましょう。目標「同じタスクが二重登録されないよう...
JavaScript JavaScript | 配列の中身を検索（indexOf / lastIndexOf）
主な内容の要点1. indexOf メソッド配列の 先頭から 指定した値を探す見つかったらその 位置（インデックス番号） を返す見つからなければ -1 を返す書き方： 配列.indexOf(値);配列...
JavaScript JavaScript | 配列メソッドの使い分け（map / forEach / filter / reduce の違い）
いいテーマです！配列メソッドは「どれを使えばいいのか」が最初は混乱しやすいポイント。ここでしっかり整理しておきましょう。配列メソッドの使い分けメソッド目的戻り値使いどころサンプルコードforEach配...
JavaScript JavaScript | 配列っぽいオブジェクト（Array-like）を本当の配列に変換する方法
JavaScript には「配列っぽいオブジェクト（Array-like）」というものがあり、見た目は配列に似ているけど本当の配列ではないため、map や filter などの便利な配列メソッドが使え...
JavaScript JavaScript | Array.isArray で配列かどうか調べる
主な内容の要点1. 配列かどうかを判定する方法JavaScript では Array.isArray(オブジェクト) を使うと、その値が配列かどうかを調べられる。結果は true / false で返...
JavaScript JavaScript | concat とスプレッド演算子のベストプラクティス（どっちをいつ使うか）
concat() と スプレッド演算子（...） はどちらも「配列を結合したりコピーしたり」できますが、実際の開発では使い分けを意識するとコードが読みやすく・安全になります。結論まとめ（先にざっくり）...
JavaScript JavaScript | concat() と似た動きをする push()／slice()／スプレッド演算子（…） の違いと使い分け
ここでは、concat() と似た動きをする push()／slice()／スプレッド演算子（...） の違いと使い分けを、初心者向けにわかりやすく解説します。配列を結合・コピーする主な方法の比較メソ...
JavaScript JavaScript | 配列を結合する方法（concatメソッド）
主な内容の要点基本の使い方concat() メソッドを使うと、複数の配列や値を1つの新しい配列にまとめることができます。元の配列は変更されず、新しい配列が返されます。let fruits = ['Ap...
JavaScript JavaScript | 各要素の平均値との差（偏差）を計算して返す関数
では「各要素の平均値との差（偏差）を計算して返す関数」を作ってみましょう。これは 統計の基礎（偏差） に触れる練習です。目標配列の平均値を求める各要素から平均値を引いて「偏差」を計算する偏差を集めた新...
JavaScript JavaScript | 平均値以上の数だけを集める関数
では「平均値以上の数だけを集める関数」を作ってみましょう。これは 平均値を計算してから条件でフィルタする 練習です。目標配列の平均値を求める平均値以上の要素だけを新しい配列に入れるその配列を返す✅ 模...
JavaScript JavaScript | 最大値と最小値の差を返す関数
では「最大値と最小値の差を返す関数」を作ってみましょう。これは 比較結果をさらに計算に使う 練習です。目標配列の中から最大値と最小値を探すその差（最大値 − 最小値）を計算して返す✅ 模範解答（for...
JavaScript JavaScript | 最大値と最小値のインデックスも一緒に返す関数
では「最大値と最小値のインデックスも一緒に返す関数」を作ってみましょう。これは 値と位置を両方追跡する 練習です。目標配列を順番に調べる最大値と最小値を見つけると同時に、そのインデックスも記録する{ ...
JavaScript JavaScript | 最大値とそのインデックス（位置）を返す関数
では「最大値と最小値の両方を返す関数」を作ってみましょう。これは 複数の比較を同時に管理する 練習になります。目標配列を順番に調べる最大値と最小値を同時に更新していく{ max: 最大値, min: ...
JavaScript JavaScript | 最大値とそのインデックス（位置）を返す関数
では「最大値とそのインデックス（位置）を返す関数」を作ってみましょう。これは 値と位置を同時に管理する 練習です。目標配列を順番に調べる最大値を見つけると同時に、その位置（インデックス）も記録する{ ...
JavaScript JavaScript | 配列の中で一番大きい数を探す関数
では「配列の中で一番大きい数を探す関数」を作ってみましょう。これは 比較と更新 の練習になります。目標配列を順番に調べる「今までで一番大きい数」を覚えておく最後にその最大値を返す✅ 模範解答（for文...
JavaScript JavaScript | 偶数と奇数を分けて、2つの配列を返す関数
では「偶数と奇数を分けて、2つの配列を返す関数」を一緒に作ってみましょう。これは「複数の結果をまとめて返す」練習になります。目標配列を順番に調べる偶数は evens 配列に、奇数は odds 配列に入...
JavaScript JavaScript | 配列の中から偶数だけを集めて新しい配列を返す関数
では「配列の中から偶数だけを集めて新しい配列を返す関数」を作ってみましょう。これは「条件に合うすべての要素を取り出す」練習です。目標配列を順番に調べる偶数だけを新しい配列に入れる最後にその配列を返す✅...
JavaScript JavaScript | 配列の中から条件に合う最初の要素を探す関数
では「最初に偶数を見つけて返す関数」を一緒に作ってみましょう。これは「配列の中から条件に合う最初の要素を探す」練習です。目標配列を順番に調べる最初に偶数を見つけたら返す見つからなければ null を返...
JavaScript JavaScript | forEachを実務レベルでどう使うか
ここからは「forEachを実務レベルでどう使うか」を、初心者でも理解できるようにやさしく解説していきます。テーマはこの2つです👇1️⃣ オブジェクト配列の処理（よくあるデータ操作）2️⃣ 非同期処理...
JavaScript JavaScript | 配列の要素を順番に取り出す方法（forEachメソッド）
主な内容の要点1. forEachメソッドとは？配列に入っている要素を 先頭から順番に取り出して処理 できる。書き方： 配列.forEach(function(要素, インデックス, 配列全体) { ...
JavaScript JavaScript | 配列の中身を 削除・置き換え・追加（splice メソッド）
主な内容の要点splice() メソッドの基本配列の中身を 削除・置き換え・追加 できる便利なメソッド。書き方は次の3パターン： array.splice(開始位置)array.splice(開始位置...
JavaScript JavaScript | 配列から要素を削除する（pop, shift）
主な内容の要点JavaScript では、配列から要素を削除する方法がいくつかあります。代表的なのは次の 4 つです。1. pop() メソッド：配列の 最後の要素 を削除配列の最後の要素を削除する削...
JavaScript JavaScript | 配列に要素を追加する（push, unshift）
要点まとめJavaScript では、配列にあとから要素を追加できます。主な方法は次の3つです。1. インデックスを指定して追加let fruits = ['apple', 'orange', 'le...
JavaScript JavaScript | 配列の要素数を調べる（length プロパティ）
主な内容の要点1. 基本の使い方配列の要素数は 配列名.length で取得できる let data = [10, 42, 52];console.log(data.length); // 3let ...
JavaScript JavaScript | 3次元配列（配列の中の配列の中に配列）
ここからは「3次元配列（配列の中の配列の中に配列）」を、初心者向けにわかりやすく、図と例題でじっくり解説します。3次元配列とは？イメージからつかもう「配列の中に配列があり、その中にさらに配列がある」構...
JavaScript JavaScript | 多次元配列（配列の中に配列）
主な内容の要点1. 多次元配列とは？配列の要素として別の配列を入れられるこうした「配列の中の配列」を 多次元配列 と呼ぶ例: let userData = [ ['Yamada', 28, 'Toky...
JavaScript JavaScript | 配列の要素の取得と代入
主な内容の要点配列の要素にアクセスする方法配列の中の値（要素）は インデックス番号 で指定するインデックスは 0から始まる例: pref → 1番目の要素書き方： 配列名[インデックス]配列名[インデ...
JavaScript JavaScript | 配列を作成する方法
主な内容の要点1. 配列リテラルで作る（基本）一番よく使う方法は []（角かっこ） を使う。要素をカンマで区切って書く。let numbers = [78, 59, 84, 92];let fruit...
JavaScript JavaScript | 配列
主な内容の要点配列とは？複数の値を1つの変数でまとめて管理できる仕組み例：3人分のテストの点数をそれぞれ変数に入れると大変だけど、配列なら1つにまとめられるlet result = new Array...
JavaScript JavaScript | switch 文
主な内容の要点switch 文の基本複数の条件分岐をシンプルに書ける構文。書き方の基本形：switch (式) { case 値1: // 式 === 値1 のとき実行 break; case 値2:...
JavaScript JavaScript | if文で複数条件を扱う
主な内容の要点1. if ... else if ... else の基本1つの条件だけじゃなく、順番に複数の条件をチェックできる書き方の流れ： if (条件1) { // 条件1がtrueのとき} ...
JavaScript JavaScript | 複数条件をまとめる（AND && / OR ||）
ここからは 複数条件をまとめる方法（AND && / OR ||） を、初心者向けに例題つきで解説します。複数条件をまとめるとは？if 文では「1つの条件」だけでなく、2つ以上の条件を組み合わせて判定...
JavaScript JavaScript | 比較演算子と論理演算子
プログラミング初心者にとって「比較演算子」と「論理演算子」は if 文の条件式 を理解するための必須アイテムです。整理して説明しますね。比較演算子（Comparison Operators）2つの値を...
JavaScript JavaScript | if文（条件分岐）
主な内容の要点JavaScript の if 文の基本if 文は「条件によって処理を分ける」ための仕組み。条件式が true なら中の処理を実行、false ならスキップ。if (条件式) { // ...
JavaScript JavaScript | for…in と forEach の違い
for...in と forEach はどちらも「繰り返し処理」に使えますが、性質や使いどころがかなり違います。初心者向けに整理してみましょう。違いのまとめ特徴for...inforEach取り出すも...
JavaScript JavaScript | for…in と for…of の違い
JavaScript の for...in と for...of は見た目が似ていますが、取り出すものがまったく違います。初心者向けに整理するとこうなります。違いのまとめ文法取り出すもの主な用途例fo...
JavaScript JavaScript | 「for」「while」「for-of」「forEach」の違い
JavaScriptで繰り返し処理を書くときに「for」「while」「for-of」「forEach」がよく登場します。それぞれの特徴と使い分けを、初心者向けに整理してみましょう。for文特徴: 回...
JavaScript JavaScript | break文とcontinue文でラベルを指定する
主な内容の要点1. ラベルとは？ラベルは、ループや文に名前をつける仕組み。書き方はシンプルで、ラベル名: のように文の前に書く。myLoop: while (count < 10) { count++...
JavaScript JavaScript | continue文
主な内容の要点1. continue文とは？繰り返し処理（for, while, do...while, for...in, for...of）の中で使える命令。実行されると、そのループの「残りの処理...
JavaScript JavaScript | break文
主な内容の要点break文の基本break文は、ループやswitch文の処理を途中で強制的に終了させる命令。書き方はシンプルに break;。break文が使える場所for文while文do...wh...
JavaScript JavaScript | for…in文
主な内容の要点for...in文の基本書き方 for (変数 in オブジェクト) { // 繰り返し処理}for (変数 in オブジェクト) { // 繰り返し処理}JavaScriptオブジェク...
JavaScript JavaScript | do…while文
主な内容の要点基本の考え方while 文と似ていて、「条件が true の間、処理を繰り返す」。違いは必ず1回は処理が実行されること。while は最初に条件をチェック → false なら1回も実行...
JavaScript JavaScript | while 文
主な内容の要点while 文の基本書き方 while (条件式) { 繰り返したい処理;}while (条件式) { 繰り返したい処理;}JavaScript条件式が true の間、中の処理を繰り返...
JavaScript JavaScript | 多重ループ（ネストされたfor文）
主な内容の要点1. for文の中にfor文を入れられる1つのfor文の中に、さらに別のfor文を書くことができます。これを 入れ子（ネスト）されたfor文 と呼びます。for (let i = 0; ...
JavaScript JavaScript | for文
主な内容の要点for文の基本for文は「決まった回数だけ処理を繰り返す」ための仕組み。書き方は次の形です：for (初期化式; 条件式; 変化式) { 繰り返したい処理;}for (初期化式; 条件式...
JavaScript JavaScript | カンマ演算子
主な内容の要点1. カンマ演算子とは？複数の式を1つの場所に書ける 特殊な演算子書き方： 式1, 式2, 式3, ...式1, 式2, 式3, ...JavaScript左から順に式が評価され、最後の...
JavaScript JavaScript | 文字列を連結する方法
主な内容の要点基本+ 演算子は、数値同士なら「足し算」、文字列が含まれていれば「文字列の連結」として使われます。 let address = '東京都' + '千代田区';console.log(ad...
JavaScript JavaScript | typeof 演算子
主な内容の要点typeof 演算子の基本役割：値の「データ型」を調べて、その型を表す文字列を返す。書き方： typeof 値typeof 値JavaScript主な返り値の例値の例結果（文字列）80"...
JavaScript JavaScript | 条件演算子（三項演算子）
主な内容の要点1. 条件演算子とは？三項演算子とも呼ばれる「条件によって結果を分ける」ための書き方if ... else を短く書ける便利な方法2. 書き方の基本条件式 ? 式1 : 式2条件式 ? ...
JavaScript JavaScript | 論理演算子を使いログイン判定のサンプル
では「ログイン判定のサンプル」を一緒に作ってみましょう。初心者でも理解しやすいように、段階を追って説明します。目標ユーザーがログインしているかどうかを判定するログインしていれば「ようこそ〇〇さん」と表...
JavaScript JavaScript | 論理演算子
主な内容の要点論理演算子の基本JavaScriptで条件分岐を作るときに使う演算子は3種類あります。論理積（AND） &&両方が true のときだけ true例: x > 10 && x < 20 ...
JavaScript JavaScript | 等価演算子
主な内容の要点1. 等価演算子の種類JavaScriptには「値が同じかどうか」を調べるための演算子が4種類あります。演算子意味特徴==等しい値だけを比較（型は自動変換される）!=等しくない値だけを比...
JavaScript JavaScript | == vs === の内部動作
JavaScript の ==（等価演算子） と ===（厳密等価演算子） は見た目が似ていますが、内部での動作がまったく違うのがポイントです。ここでは ECMAScript 仕様に基づいて、内部処理...
JavaScript JavaScript | 文字列比較のルール
JavaScriptにおける文字列比較のルール文字列比較は数値と違って「辞書順（アルファベット順）」や「文字コード（Unicode）」に基づくため、初心者がつまずきやすいポイントです。詳しく整理してみ...
JavaScript JavaScript | 関係演算子（比較演算子）
主な内容の要点1. 基本の4種類< （より小さい）<= （以下）> （より大きい）>= （以上）👉 これらは 2つの値を比べて、結果を true または false で返す。2. 使いどころ条件分岐（...
JavaScript JavaScript | 代入演算子
主な内容の要点1. 基本の代入演算子 =書き方：変数 = 値変数 = 値JavaScript右側の値を左側の変数に入れる。let num;num = 10; // num に 10 を代入consol...
JavaScript JavaScript | ビット演算子とシフト演算子
主な内容の要点1. ビット演算子とは？数値を 2進数（0と1） に変換して、ビット単位で計算する演算子。JavaScriptの数値は内部的に64ビット浮動小数点数だけど、ビット演算は 32ビット整数 ...
JavaScript JavaScript | インクリメント・デクリメント演算子
主な内容の要点1. 何をするもの？インクリメント演算子（++）：数値を 1増やすデクリメント演算子（--）：数値を 1減らすlet num = 5;num++; // numは6になるnum--; /...
JavaScript JavaScript | Number() / parseInt() / parseFloat() と + の違いを詳しく比較
JavaScript 初心者が 「数値変換」 に出会うと、必ず迷うのが「Number() と parseInt() と parseFloat() と + の違いって何？」ですよね。それぞれ似たように「...
JavaScript JavaScript | 単項演算子（マイナス・プラス）
主な内容の要点1. 単項マイナス演算子（-）数値の符号を反転させる-8 → -8-(5) → -5変数にも使える let num = 10;console.log(-num); // -10let n...
JavaScript JavaScript | 算術演算子
主な内容の要点算術演算子とは算術演算子とは、「足し算」「引き算」「掛け算」「割り算」など、数値を使った基本的な計算をプログラム内で行うための記号（演算子）のことです。JavaScript では数値はす...
JavaScript JavaScript | 変数に値を代入するときの仕組み
主な内容の要点演算子の優先順位と結合規則とは？式の中で複数の演算子が使われている場合、どの順番で演算を行うかを決めるルールが「優先順位」と「結合規則」です。優先順位：どの演算子を先に計算するかを決める...
JavaScript JavaScript | テンプレートリテラル（Template Literal）を使って文字列を表す
主な内容の要点1. テンプレートリテラル（Template Literal）とはバッククォート（`）で囲む文字列リテラルの方式。ES2015（ES6）から導入された表記法。シングルクォート（'）やダブ...
JavaScript JavaScript | 文字列を指定の区切り文字で分割（split メソッド）
主な内容の要点1. split メソッドとはString オブジェクト（文字列）のインスタンスメソッド。対象の文字列を指定した「区切り文字」で分割し、分割された各部分文字列を要素とする配列を返す。書式...
JavaScript JavaScript | charAt と slice / substring / codePointAt の比較表
これら4つは「文字列の一部を取り出す」という点では似ていますが、目的や動き方が微妙に違うため、整理して覚えると理解が一気に深まります。基本比較表（初心者向け）メソッド名目的引数（インデックス）返すもの...
JavaScript JavaScript | 文字列の中から、指定した位置の1文字を取り出す（charAt メソッド）
主な内容の要点charAt() メソッドは何をするメソッド？文字列の中から、指定した位置の1文字を取り出すためのメソッドです。書き方文字列.charAt(インデックス)文字列.charAt(インデック...
JavaScript Java | 文字列の中から 特定の位置から何文字かを取り出して（部分文字列を）取得（substr メソッド）
主な内容の要点substr() メソッドの基本役割：文字列の一部を取り出すためのメソッド書き方： 文字列.substr(開始位置, 文字数)文字列.substr(開始位置, 文字数)JavaScrip...
JavaScript JavaScript | サロゲートペア
主な内容の要点1. サロゲートペアとはJavaScript は文字を内部的に UTF-16 形式で扱う。UTF-16 では、基本多言語面（BMP, 0x0000～0xFFFF）に含まれる文字は 1 つ...
JavaScript JavaScript | プリミティブ文字列と String オブジェクトを自動で区別して安全に比較する関数
目的"abc"（プリミティブ）と new String("abc")（オブジェクト）を安全に比較したい== に頼らず、型の違いも吸収して正しく「中身」を比べるついでに、null や undefined...
JavaScript JavaScript | Stringオブジェクト
主な内容の要点1. String オブジェクトとは（ラッパークラス）JavaScript の文字列（プリミティブ型の文字列）は、内部的には String オブジェクトとしてラップされ、String の...
JavaScript JavaScript | 文字列操作で「部分文字列（文字列の一部）を取り出す」方法
主な内容の要点1. 文字列から一部を取り出す方法JavaScript では文字列の一部を取り出すのにslice() と substring() というメソッドを使う。どちらも「開始位置」と「終了位置」...
JavaScript Java | 文字列を指定した回数繰り返した新しい文字列を取得（repeat メソッド）
主な内容の要点役割文字列を「指定した回数」繰り返して、新しい文字列を作る。書き方 文字列.repeat(回数)文字列.repeat(回数)JavaScript引数（回数）について0 → 空文字列（何も...
JavaScript JavaScript | 文字列を連結する（concat メソッド）
主な内容の要点何をするメソッドかconcat メソッドは「ひとつの文字列に、別の文字列をくっつけて（連結して）、新しい文字列を作る」ためのものです。書き方は次の通り： 文字列1.concat(文字列2...
JavaScript JavaScript | 文字列を置換（replace メソッド）
主な内容の要点String.prototype.replace メソッドを使って、文字列中の指定した部分を別の文字列で置換し、新しい文字列を返します。元の文字列自体は変わりません。基本的な使い方文字列...
JavaScript JavaScript | 文字列の長さを取得する(length プロパティ)
主な内容の要点1. lengthプロパティで文字列の長さを取得できる文字列オブジェクト（String）の length プロパティを参照することで、その文字列に含まれる 文字コード単位 の個数を取得で...
JavaScript JavaScript | エスケープシーケンス（特殊文字の記述）
主な内容の要点1. エスケープシーケンスとは文字列リテラル中では、普通に入力できない文字（改行・タブなど）を表現するために「エスケープシーケンス」が使われる。エスケープシーケンスは バックスラッシュ ...
JavaScript JavaScript | 文字列リテラルの記述方法
主な内容の要点1. JavaScript における文字列（String）JavaScript では、文字列は UTF-16（16ビット Unicode）で内部的に格納される。 - ソースコード自体は ...
JavaScript JavaScript | 長整数リテラルを数値に型変換
主な内容の要点1. 背景・課題JavaScript では、BigInt 型（長整数リテラル）と通常の Number 型（数値リテラル） を混ぜて算術演算を行おうとすると、型の不一致でエラーが発生する。...
JavaScript JavaScript | 長整数リテラルで利用可能な演算子
主な内容の要点1. 算術演算子（+、−、×、÷、%、べき乗 **）BigInt（長整数リテラル）に対してこれらの算術演算子は使用可能。ただし、割り算 / の結果は整数になり、小数部は切り捨てられる（例...
JavaScript JavaScript | Numberオブジェクト
主な内容の要点1. 概要・役割Number オブジェクトは数値を扱うラッパー（包む）オブジェクトであり、通常の数値（プリミティブ型）にもメソッド呼び出しやプロパティ参照が可能。普段は明示的に new ...
JavaScript JavaScript | 数値を指定したロケールに応じた形式で文字列に変換（toLocaleString() メソッド）
主な内容の要点1. 目的／概要Number オブジェクトのインスタンスメソッド toLocaleString を使うと、指定したロケール（地域と言語の組み合わせ）に応じた数値表記の形式で文字列を取得で...
JavaScript JavaScript | 数値の有効桁数を指定して文字列に変換（toPrecision() メソッド）
主な内容の要点Number オブジェクト（または数値型）には、toPrecision というインスタンスメソッドがあり、数値を「有効桁数を指定」したうえで文字列に変換できます。 書式は次の通り：数値....
JavaScript JavaScript | 数値を固定小数点数形式で文字列に変換（toFixed() メソッド）
主な内容の要点1. toFixed メソッドの目的数値を 固定小数点数形式（例：123.4567 のような形式）で表した文字列を取得するためのメソッド。 2. 書式（構文）数値.toFixed([小数...
JavaScript JavaScript | 数値を指数形式で文字列に変換（toExponential() メソッド）
主な内容の要点1. toExponential とは何かJavaScript の数値（Number オブジェクト）のインスタンスメソッドで、数値を指数表記（例：1.52e10 など）で表した文字列を取...
JavaScript JavaScript | 数値を指定の基数の形式で文字列に変換（toString() メソッド）
主な内容の要点概要JavaScript の Number（数値型）に備わっているインスタンスメソッド toString() を使うと、数値を任意の「基数 (radix)」で表した文字列に変換できる。変...
JavaScript JavaScript | 長整数リテラルの記述方法
主な内容の要点長整数リテラル（BigInt リテラル）の書き方通常の数値リテラルと同様に書くが、末尾に n を付けるlet num = 854n;let num = 854n;JavaScript10...
JavaScript JavaScript | 数値リテラルの記述方法
主な内容の要点1. JavaScript における数値の扱いJavaScriptでは、すべての数値は 64 ビットの浮動小数点数（IEEE 754 準拠） として扱われる。ただし、プログラム上では「整...
JavaScript JavaScript | 変数に値を代入するときの仕組み
主な内容の要点JavaScriptでは、変数に代入する値の種類によって「コピーされるのか」「同じものを共有するのか」が変わります。1. プリミティブ型（値渡し）プリミティブ型 = 数値、文字列、真偽値...
Java JavaScript | 「値渡し」と「参照渡し」
主な内容の要点1. 値渡し（プリミティブ型）対象：数値、文字列、真偽値、null、undefined、シンボル など特徴：変数に代入すると「値そのもの」がコピーされる別の変数に代入しても、それぞれ独立...
JavaScript JavaScript | 変数の値が未定義値（undefined）か判定する
主な内容の要点1. 変数を宣言しただけだと undefined が入るlet num;console.log(num); // → undefinedlet num;console.log(num);...
JavaScript JavaScript | 変数への値の代入と変数の初期化
主な内容の要点1. 別の値を再代入するすでに値が入っている変数には別の値を上書きできる。例として、highScore = 78; → あとで highScore = 86; のように変更。ただし、co...
JavaScript JavaScript | 変数名のルールとよく使われる命名記法
主な内容の要点1. 変数名のルール（識別子の基礎）使用可能な文字： Unicode 文字、アンダースコア（_）、ドル記号（$）大文字・小文字は別扱い（区別される）先頭文字に数字は使えない（例：5box...
JavaScript JavaScript | 定数(再代入できない変数)を宣言
主な内容の要点1. const による定数宣言JavaScript（ES6以降）では、var に加えて let と const が導入されている。var 変数名;let 変数名;const 変数名=初...
JavaScript JavaScript | 変数を宣言
主な内容の要点1. 変数の宣言方法古くからあった var に加えて、ES6 以降では let と const も使えるようになっています。 var 変数名;let 変数名;const 変数名=初期値;...
JavaScript JavaScript | 変数を使ってできること
主な内容の要点1. 変数を使う目的・利点値を「直接書く」のではなく「変数に代入する」ことで、後から値を変えたい時や共通の値を何度も使いたい時に便利になる。例：消費税の税率を変数 tax に入れて使う。...
JavaScript JavaScript | ラッパーオブジェクトとプリミティブ型
主な内容の要点1. プリミティブ型とオブジェクト型の区別JavaScript のデータ型は大きく「プリミティブ型（原始型）」と「オブジェクト型」に分けられる。プリミティブ型には以下の 7 種類がある：...
JavaScript JavaScript | データ型
主な内容の要点JavaScript のデータ型は プリミティブ型 と オブジェクト型 に大きく分けられる。変数宣言時には型を指定しない（動的型付け）。同じ変数に異なる型の値を代入できる。プリミティブ型...
JavaScript JavaScript | 予約語
主な内容の要点JavaScript（正確には ECMAScript 規格）には 予約語（keywords / reserved words） として定義されている単語があり、これらは変数名や関数名とし...
JavaScript JavaScript | コメントを記述する
主な内容の要点コメントとはプログラム中に メモや説明を残すための記述。実行時には無視され、プログラムの動作には影響を与えない。
JavaScript JavaScript | コードを記述する上での基本ルール
主な内容の要点大文字と小文字の区別 JavaScript では変数名・予約語などで大文字／小文字を厳密に区別します。 例：name と Name は別の変数として扱われる。空白・改行の扱い 文（ステー...
JavaScript JavaScript | 文字列の長さを取得する（length プロパティ）
主な内容の要点length プロパティとは 文字列（String オブジェクト／リテラル）の文字数を取得するためのプロパティ。書式は 文字列.length。内部表現と注意点 JavaScript は文...
JavaScript JavaScript「数値と文字列」練習問題セット
初級（基本の確認）Q1. 数値の基本次の console.log の出力結果はどうなるでしょう？console.log(1 + 2);console.log("1" + 2);console.log(...
JavaScript JavaScript | 第16章「イテレーターとジェネレーター」
JavaScript「イテレーターとジェネレーター」要点まとめイテレーター（Iterator）順番に値を取り出す仕組み。next() を呼ぶと { value, done } を返す。value: 今...
JavaScript JavaScript | 第14章「プロミスの使用」
JavaScript「プロミスの使用」要点まとめPromiseの基本Promise（プロミス）とは：「非同期処理の結果（成功 or 失敗）」を表すオブジェクト。→ まだ終わっていない処理の「将来の値」...
JavaScript JavaScript | 第15章「JavaScript の型付き配列」
JavaScript「JavaScript の型付き配列」要点まとめそもそも何？**Typed Arrays（型付き配列）**は、「メモリ上の生データ（バイナリ）を型付きで扱うための仕組み」。画像・音...
JavaScript JavaScript | 第13章「クラスの使用」
JavaScript「クラスの使用」要点まとめ項目説明例クラスとはオブジェクトを作るための「設計図」。同じ形のオブジェクトを簡単に作れる。class Person { ... }インスタンス化クラスか...
JavaScript JavaScript | 第12章「オブジェクトに関する扱い方」
JavaScript「オブジェクトに関する扱い方」要点まとめ「Working with Objects（オブジェクトの扱い方）」の要点を、初心者向けにギュッと整理しました。JavaScript オブジ...
JavaScript JavaScript | 第11章「キー付きコレクション」
JavaScript「キー付きコレクション」要点まとめ1. 概要「キー付きコレクション」は キーで値を管理する特別なデータ構造。主な種類：MapWeakMapSetWeakSet2. Map（マップ）...
JavaScript JavaScript | 第10章「インデックス付きコレクション」
JavaScript「インデックス付きコレクション」要点まとめ基本の考え方「インデックス付き」＝ 番号（0, 1, 2, …）で要素を順番に管理するコレクションJavaScript では主に次の3つが...
JavaScript JavaScript | 第9章「正規表現」
JavaScript「正規表現」要点まとめ1. 正規表現とは文字列のパターンを表現するための仕組み。検索・置換・抽出などを柔軟に行える。JavaScript では RegExp オブジェクトとして扱う...
JavaScript JavaScript | 第8章「日付と時刻の表現」
JavaScript「日付と時刻の表現」要点まとめ1. 基本は Date オブジェクトJavaScript では「日付や時刻」を扱うために Date オブジェクト を使う。内部的には 1970年1月1...
JavaScript JavaScript | 第7章「数値と文字列」
JavaScript「数値と文字列」要点まとめ全体のポイントJavaScript では 数値 (Number) と 文字列 (String) がよく使われる基本データ型。数値と文字列は見た目が似ていて...
JavaScript JavaScript | JavaScript 演算子の優先順位 一覧表（初心者向け）
JavaScript を正確に理解するには、演算子の優先順位（precedence）と結合規則（associativity）を知っておくことが大切です。これが分かると「どの演算が先に実行されるか」が一...
JavaScript JavaScript | 第6章「式と演算子」
JavaScript「式と演算子」要点まとめ全体の要点概念説明式 (expression)評価されると「値」になるコード。例：3 + 4, x = 10, a > b ? a : b演算子 (oper...
JavaScript JavaScript | 第5章「関数」
JavaScript「関数」要点まとめ関数とは処理のまとまりに名前をつけて再利用できる仕組み。入力（引数）→ 処理 → 出力（戻り値） の流れで動く。JavaScriptでは関数も**値（オブジェクト...
JavaScript JavaScript | 第4章「ループと反復処理」
JavaScript「ループと反復処理」要点まとめ基本の考え方ループ＝同じ処理を何度も繰り返す仕組み反復処理（iteration）＝配列や文字列などの要素を順番に処理すること「いつ終わるか」を正しく設...
JavaScript JavaScript | 第3章「制御フローとエラー処理」
JavaScript「制御フローとエラー処理」要点まとめ基本の考え方プログラムは「上から下へ」順に実行されるが、条件やエラーによって 流れ（フロー）を変える 必要がある。その仕組みを 制御フロー、実行...
JavaScript JavaScript | 第2章「文法とデータ型」
JavaScript「文法とデータ型」要点まとめ1. コメントと空白コメントはプログラムに影響しない説明文。一行コメント：// コメント複数行コメント：/* コメント */空白・改行は基本的に無視され...
JavaScript JavaScript | 第1章「JavaScriptの基礎」
全体の趣旨この「JavaScriptの基礎」では、JavaScript（以下 JS）が何か、どんな特徴があるか、どのように学び始めればよいか、などの基本的な考え方を紹介します。まずこういう基礎的な導入...
JavaScript JavaScript | 文字列リテラルの記述方法
主な内容の要点1. JavaScript における文字列（String 型）JavaScript では、文字列は Unicode（UTF-16）によって表現され、英数字・日本語など多くの文字を扱える。...
Java Java | 面接・筆記試験・コーディングテストで非常によく聞かれる Java Tips
以下は、面接・筆記試験・コーディングテストで非常によく聞かれる Java Tips を、出題頻度が高い順・実務視点で体系的にまとめたものです。（丸暗記ではなく「なぜそうなるか」を説明できるレベルを想定...
Java Java | 3D 迷路を作って自動で探索するサンプル
3D 迷路（立体迷路）を作って、自動で探索（探索アルゴリズムでゴールへ到達）する Java サンプルを、プログラミング初心者向けに“超かみ砕いて”説明します。以下の内容がセットになっています：✅ 3D...
Java Java | 配列操作・多次元配列・ファイル・ユーザー入力・表示の複合処理
では「上級の実務アプリ」として、配列操作・多次元配列・ファイル・ユーザー入力・表示の複合処理 を含むサンプルを作ります。プログラミング初心者から上級者までのステップアップに役立つ内容です。上級実務アプ...
Java Java | ミニアプリ課題：ユーザー入力→多次元配列→ArrayList→表示
ミニアプリ課題：学生の成績管理では、初心者向けのミニアプリ課題を作ります。ポイントは以下です：ユーザーから 入力 を受け取る多次元配列＋ArrayList を活用配列の内容を表示する課題内容目的ユーザ...
Java Java | toString / deepToString の理解を深めるために、配列構造を図解で可視化
では、toString / deepToString の理解を深めるために、配列構造を図解で可視化した教材 を作ります。初心者でも 「配列の中身がどう格納されているか」「toString と deep...
Java Java | 実務レベルの配列出力ユーティリティ
/* * ArrayUtils.java * * 実務レベルの配列出力ユーティリティ * - プリミティブ配列・オブジェクト配列・多次元配列を安全に文字列化 * - null 安全 * - 深さ制限、...
Java Java | 配列の文字列表示 実務風 応用問題セット
ここでは 「現場で本当に起こりやすいミス」だけを集めた、“バグ修正形式” の実務風応用問題セット（10 問） を紹介します。初心者〜中級者がハマりやすいポイントを中心にしています。すべて 「誤ったコー...
Java Java | 配列操作・2次元配列：バグ修正問題集
では今回は、「配列操作」と「2次元配列」版のバグ修正問題（初心者〜中級向け）」 を 20問 用意。各問題は 間違いを見つけて修正する形式 です。問題 1（1次元配列操作）int[] arr = {10...
Java Java | null や部分表示、配列と List の比較などを ASCII 図で視覚化
null 配列配列の一部だけ表示（部分表示）配列と List の比較1. null 配列int[] a = null;System.out.println(a); // → nullSystem.ou...
Java Java | Spring Bootでよく使う実務的なコード例
ここでは Spring Bootでよく使う実務的なコード例 をいくつか紹介します。単なる「Hello World」ではなく、実際の業務システムでよく出てくるパターンをまとめます。1. REST API...
Java Java | DBから取得したデータを返すサンプル
では、Spring BootでDBからデータを取得してWeb APIのレスポンスとして返すサンプルを紹介します。実務でよく使う「ユーザー一覧」を返す例です。サンプル構成Userエンティティ（DBのテー...
Java Java | 「配列ではなくオブジェクトのリストを返す」サンプル
実務では「単なる配列」よりも オブジェクトのリストを返すことが圧倒的に多いです。例えば「ユーザー一覧」や「商品一覧」など。Spring Boot を使ったサンプルを示しますね。サンプル: ユーザー一覧...
Java Java | Web APIのレスポンスで配列を返すサンプル
では、Java（Spring Boot）で Web API のレスポンスとして配列を返すサンプルコードを紹介します。実務でよく使う形にしています。サンプル1: 一次元配列を返す APIimport o...
Java Java | 実務でそのまま使えるレベルの「配列表示ユーティリティ」
ここでは 実務でそのまま使えるレベルの「配列表示ユーティリティ」コード を提供します。実務でよくある要件を満たしています：✔ ログに大量データを丸ごと出さない（可読性確保）✔ null 安全✔ 1次元...
Java Java | Comparator をクラス化してテスト可能にする実務パターン
実務では Comparator を無名クラスやラムダで書き捨てるのではなく、専用クラス化してテスト可能にすることがよくあります。これにより、ソートロジックを単体テストで検証でき、保守性も高まります。実...
Java Java | データベースの結果リストを複数キーでソート
データベースから取得した結果リスト（例えば List<Entity>）を 複数キーでソートする方法を解説します。実務では「部署 → 年齢 → 名前」や「日付 → 金額」など複数条件で並べ替えることがよ...
Java Java | Stream API を使ったファイル情報のソート
Java 8 以降で導入された Stream API を使うと、ファイル情報のソートをより宣言的に書けます。ここでは「ファイル一覧を取得して、サイズや更新日時でソートする」例をいくつか紹介します。基本...
Java Java | 「フォルダ優先 → ファイル」の Windows Explorer 風ソート
Windows Explorer 風の「フォルダを先に → ファイルを後に」並べるソートを Java で実現する方法を紹介します。実務的なシナリオディレクトリを一覧表示するとき、フォルダが先に並び、そ...
Java Java | ファイルサイズを「MB単位」で整形して表示しつつソート
「ファイルサイズを MB 単位で整形して表示しつつソート」する完全な Java プログラム例を紹介します。プロジェクト概要目的: 指定フォルダ内のファイルを取得し、サイズを MB 単位で表示しながらソ...
Java Java | レベル別のArrayListを使ったソート練習問題
では、ArrayListを使ったソート練習問題をレベル別に作りました。配列より柔軟に扱えるので、実践的な練習になります。レベル1（基礎：昇順ソート）問題ArrayList<Integer> に {5,...
Java Java | 複数の ArrayList をまとめて1つのリストに連結するユーティリティ関数
こちらが、複数の ArrayList をまとめて1つのリストに連結するユーティリティ関数のサンプルです。Javaのジェネリクスを使って、どんな型のリストでも使えるようにしています。ユーティリティ関数：...
Java Java | ファイルから読み込んだ配列を一部だけ書き出す例（IOと組み合わせる）
ここでは 「ファイル → 配列に読み込み → 一部だけ抜き出す（copyOfRange） → 別ファイルに書き出す」 という初心者向けの流れを、できるだけシンプルなコードで丁寧に説明します。 実現する...
Java Java | Arrays.copyOfRange と同じことを List（特に ArrayList）でやる方法
Arrays.copyOfRange と同じことを List（特に ArrayList）でやる方法 を、初心者向けに丁寧に説明します。ポイントは Java の List が持つ subList() メ...
Java Java | 三次元配列でゲーム盤を表す練習問題
三次元配列は「層 × 行 × 列」でデータを管理できるので、複数の盤面や立体的なゲームを表現するのに使えます。ここでは、初心者でも理解しやすいように ゲーム盤を三次元配列で扱う練習問題を用意しました。...
Java Java | 三次元配列の練習問題
三次元配列は「立方体」や「箱の中に箱がある」イメージで、配列の中に配列があり、それがさらに配列を持つ構造です。ここでは初心者が段階的に理解できるように、基礎 → 応用 → 発展 の順で練習問題を用意し...
Java Java | 多次元配列の練習問題
多次元配列は「表」や「グリッド」のように、行と列でデータを管理できる仕組みです。ここでは 2次元配列 を中心に、初心者が段階的に練習できる問題を用意しました。すべてに 解答例と解説 をつけています。基...
Java Java | 配列の練習問題
初心者がステップアップできるように、基礎 → 応用 →発展 の順で10問を用意しました。すべてに 解答例と解説 をつけています。基礎編（1〜3）問題1：配列の作成と代入int 型の配列を3つ作り、10...
Python Python | Break を使う前と後のコード比較（読みやすさ改善）
最初は「なくても書けるけど、あると気持ちいい」くらいの違いに見えます。でも break は“意図の早出し”ができるので、コードがぐっと読みやすくなります。ここでは初心者向けに、書き方の前後比較で効果を...
Python Python | Pythonのbreak・continue・returnの使い分け表
最初は紛らわしいけど、腑に落ちるとコードの見通しが一気によくなります。違いを一目で掴んで、短い例で体に馴染ませましょう。キーワード範囲（どこまで止まる/抜ける）主な動作典型的な用途注意点break「今...
Python Python | break を使うべき／使わなくていい判断チャート（初心者向け）
初心者が 「ここは break を使っていいのか？」 を迷わず判断できるように、超シンプルで即決できるチャートを作りました。┌─────────────────────────┐│ ① ループの途中で...
Python Python | 「英語のdocstringフォーマット（Google/Numpyスタイル）」について
要点Pythonのdocstringには「Googleスタイル」と「NumPyスタイル」がよく使われます。どちらも関数やクラスの説明を整理して書くためのフォーマットで、チーム開発や自動ドキュメント生成...
Python Python | 「ファイルパス × raw文字列」実践編
ここでは 「ファイルパス × raw文字列」実践編 として、WindowsとmacOS（Linuxも同じ書き方）での違いを、初心者向けに分かりやすくまとめます。1. WindowsのファイルパスWin...
Python Python | 「正規表現 × raw文字列」練習問題集
では、「正規表現 × raw文字列」専用の練習問題集を作ります。初心者向けに ステップアップ形式 で、基礎 → 中級 → 応用まで用意し、すべて 解答と解説付き にします。【基礎レベル】（バックスラッ...
Python Python | 正規表現での raw文字列利用
では 正規表現（Regex）での raw文字列利用 を初心者向けにやさしく解説し、例題も交えて詳しく説明します。正規表現とは？正規表現（Regex）は、「文字列のパターンを指定して検索・抽出・置換する...
Python Python | raw文字列練習問題
Pythonの「raw文字列（ロー文字列）」とは？プログラミング初心者向けにやさしくかみ砕いた説明＋練習問題と解答・解説付きでまとめます。1. そもそも「エスケープシーケンス」って何？Pythonでは...
Python Python | raw文字列（raw string）
主な内容の要点Pythonの raw文字列 は、バックスラッシュ \ を特別扱いせず、そのまま文字として扱える便利な書き方です。特にWindowsのパスや正規表現を書くときに役立ちます。基本ポイント通...
Python Python | 三連引用符（トリプルクオーテーション）
主な内容の要点概要三連引用符（''' または """）を使うと、複数行にまたがる文字列をそのまま定義できる方法をプログラミング初心者向けにやさしく整理します。三連引用符とは3つ続けたシングルクオートま...
Python Python | re.VERBOSE を使った正規表現の書き方練習問題
ここでは Python の re.VERBOSE を使った正規表現 の書き方を練習できる、空欄補充形式の問題集 と 模範解答＋解説 を作ります。練習問題：re.VERBOSE 書き方問題 1：メールア...
Python Python | 正規表現テンプレート集（raw 文字列版）
ここでは、Pythonでよく使う 正規表現テンプレート集（raw文字列対応版） を、初心者でも読めるように整理して紹介します。それぞれ 実例コード付き・動作確認OK の形にしてあります。どれも r"....
Python Python | 正規表現テストスニペット（複数ケースを自動判定するコード）
以下は「実用的な正規表現全文集」に対応する自動テストスニペットです。各パターンに対して「マッチするケース」「マッチしないケース」を用意し、実行するとどのケースがマッチしたかをまとめて表示します。コピー...
Python Python | 正規表現 × 生文字列（raw string）
Pythonでの正規表現 × 生文字列（raw string）入門では、プログラミング初心者向けに、正規表現 × 生文字列（raw string） の使い方を、「しくみの理解 → 実例コード → 出力...
Python Python | 正規表現テンプレート集
概要Pythonで正規表現を使うと文字列から「特定のパターン」を探したり取り出したり置換したりできます。ここでは、よく使うパターンを「テンプレート」として集め、使い方（reモジュールの簡単なコード例）...
Python Python | 文字列の中で「普通に書けない文字」を扱う — エスケープシーケンス
主な内容の要点Pythonの文字列では、改行やタブなど「そのまま書けない特殊な文字」を表すために エスケープシーケンス を使います。特によく使うのは \n（改行）、\t（タブ）、\"（ダブルクォーテー...
Python Python | レベル別練習問題：文字列操作
それでは、「文字列の操作方法（結合・分割・検索など）」をテーマに、レベル別（基礎／中級／上級） の練習問題と、模範解答＋詳しい解説をセットで紹介します。レベル1：基礎（文字列の基本操作）問題1：文字列...
Python Python | 文字列操作
Pythonの文字列操作まとめ（初心者向け）文字列はプログラミングでよく使うデータ型です。ここでは 結合・分割・検索 を中心に、よく使う操作をわかりやすく整理します。1. 文字列の結合（+ 演算子 /...
Python Python | レベル別練習問題：文字列
では、「文字列（string）」について、基礎・中級・上級（応用） の3レベルで、それぞれ 5問ずつ（合計15問） の練習問題を作ります。各問題には✅ 問題文 → 💡 ヒント → 🧩 解答 → 🗝️ ...
Python Python | 文字列リテラル
主な内容の要点Pythonで文字列を扱うときは、文字を「"（ダブルクォーテーション）」か「'（シングルクォーテーション）」で囲むのが基本です。数字や日本語も文字列として扱えます。囲みを忘れると変数や数...
Python Python | 複数行コメント（ドキュメンテーションコメント）
ここからは「複数行コメント（ドキュメンテーションコメント）」と「コメントのベストプラクティス」について、初心者向けに丁寧に解説しますね。複数行コメント（ドキュメンテーションコメント）1. 複数行コメン...
Python Python | 文の区切りと改行ルール
主な内容の要点Pythonでのコメントの書き方は「# を使う」ことが基本です。コメントはプログラム実行時に無視されるので、メモや説明、コードを一時的に無効化するのに使えます。コメントの基本書き方：行の...
Python Python | 文の区切りと改行 練習問題（基礎）
📘 「Pythonの文の区切りと改行」 に関する初心者向け 練習問題・模範解答・解説付きセット（5問） を紹介します。問題1：文の区切りを理解しよう次のコードを実行すると、どうなりますか？また、なぜそ...
Python Python | 文の区切りと改行ルール
主な内容の要点Pythonでは「文（ステートメント）」の区切り方と、長い文を途中で改行する方法が大事です。基本は「改行」で区切り、同じ行に複数書きたいときは「セミコロン ;」、長い文を改行したいときは...
Python Python | コメントの自動チェック（lint）
コメントやドキュメンテーション（docstring）を自動でチェックする、いわゆる “lint（リンター）ツール” について、初心者向けに「何か」「なぜ使うか」「どう使うか」「具体的なおすすめツール＆...
PHP WordPress | 「投稿日（公開日）」を基準にして期間を区切って記事一覧を表示する方法
例えば「今週の記事一覧」「2014年10月の記事一覧」「2014年11月1日〜11月10日の記事一覧」といった形です。方法1: WP_Query で日付範囲を指定するfunctions.php やテン...
Java Java | ArrayList 応用問題集
配列の次のステップとして ArrayList を使った応用問題集を用意しました。配列より柔軟に扱えるので、実用的な練習になります。問題1：要素の追加と表示問題: 空の ArrayList<String...
Java Java | 配列の ソート・文字列配列 を中心に学ぶ練習問題
では、配列の応用問題（ソートや文字列配列）を10問用意しました。基礎から一歩進んだ練習になるので、配列の理解がさらに深まります。問題1：昇順ソート問題: {5, 2, 8, 1} を昇順に並べ替えて表...
Java Java | 配列の length を中心に学ぶ練習問題
Java配列の基礎をしっかり練習できるように、初心者向けの問題集（10問）＋解答例を用意しました。問題1：配列の長さを表示問題: 要素数5の配列を作り、長さを表示してください。解答例:int[] a ...
Java Java | 配列：レベル別の練習問題
配列の理解を深めるために、レベル別の練習問題を用意しました。だんだん難しくなるようにステップアップしてみましょう。初級（基礎を確認）配列の作成と代入int型の配列を5個作り、1〜5の数字を代入して表示...
JavaScript JavaScript | 多次元配列（配列の中に配列）とそのループ処理
では、多次元配列を初心者向けに分かりやすく、例題付きで解説します。「配列の中に配列が入っている状態」をイメージして進めます。1) 多次元配列って何？普通の配列：1列の値を持つ箱 let arr = [...
JavaScript JavaScript | 配列の splice メソッド
splice は配列を操作するときに超便利ですが、初心者には少し複雑に見えるので、図解イメージと例を交えて丁寧に解説します。splice は 配列の要素を削除・追加・置換 する万能メソッドです。arr...
Java Java | 初心者向け 練習帳（配列表示編）
では、これまで作ってきた 配列の文字列表示を中心に、初心者向けに単元別に整理した練習帳 を作ります。ポイントは：単元ごとに 概念 → サンプルコード → 練習問題 の順で構成初心者が読みやすく、手を動...
Java Java | ユーザー入力で3D配列を作るミニアプリ
ユーザー入力で 3D 配列（層 × 行 × 列） を作り、いくつかの集計（層ごとの合計・平均、全体の合計・平均）と可視化（層ごとの表表示）を行う 完全なコンソールアプリ（Scanner 使用） を用意...
Java Java | ジャグな3D配列の可視化ツール（ASCII）を実装
ジャグ（行や列の長さが行ごと・層ごとにバラバラ）な3次元配列を 層ごとに読みやすい ASCII テーブル として表示する実用的な Java 実装を出します。特徴：各層（layer） を別々のテーブルと...
Java Java | 3次元配列（配列の配列の配列）
主な内容の要点基本イメージ一次元配列 → 直線（リスト）二次元配列 → 表（行×列）三次元配列 → 立方体（層×行×列）添字の指定は の順番で行う例: maze → 層1・行2・列0の要素作り方（初期...
Java Java | 配列の要素をファイルに書き出す／読み込む
「配列の要素をファイルに書き出す／読み込む」 を プログラミング初心者向けに、できるだけかみ砕いて、丁寧に解説します。実用的な 完全コードつき（保存 → 読み込み）、さらに 応用例（2D 配列・CSV...
Java Java | コピーを使った Undo 機能
では「Undo機能をもっと本格的に作る」例を、初心者でも理解できるように段階的に紹介します。ここでは 配列のコピーを履歴として保存し、複数回のUndoができる仕組み を作ります。基本アイデア状態（配列...
Java Java | 文字列配列をパターンで埋める方法
数値だけでなく、文字列配列も規則的なパターンで埋めることができます。曜日や月名を繰り返す例で見てみましょう。1. 曜日を繰り返すimport java.util.Arrays;public class...
Java Java | 三次元配列をパターンで初期化
三次元配列は「層 × 行 × 列」で構成されます。ここでは 立方体の外側を1、内側を0 にする方法を紹介します。コード例import java.util.Arrays;public class Mai...
Java Java | 配列をパターンで埋める方法
配列を「全部同じ値」ではなく、規則的なパターンで埋めたいときは、Arrays.fill だけでは足りません。for文や条件分岐を組み合わせることで、繰り返しや交互のパターンを作れます。1. 交互パター...
Java Java | 三次元配列での部分的な初期化
Javaの三次元配列は「配列の配列の配列」です。つまり、一次元配列を三重にネストした構造になっています。Arrays.fill は一次元配列専用なので、三次元配列を部分的に初期化する場合は 二重・三重...
Java Java | 配列をリセットするテクニック
「配列をリセットする」とは、配列の中身を初期状態に戻すことを指します。Javaでは配列のサイズを変えることはできないので、リセットは「要素の値を再設定する」形になります。初心者向けに代表的な方法をまと...
Java Java | 多次元配列で部分的に埋める方法
JavaのArrays.fillは 一次元配列専用 なので、二次元以上の配列を扱うときは「行ごと」に処理します。つまり、多次元配列の一部を埋めたいときは、対象の行を選んで Arrays.fill を使...
Java Java | 配列の一部だけを埋める方法
Javaでは、配列の一部だけを同じ値で埋めたいときに Arrays.fill の範囲指定版 を使います。基本構文Arrays.fill(配列, 開始位置, 終了位置, 値);Arrays.fill(配...
Java Java | 配列（Array）と ArrayList の違い
初心者向けに 配列（Array）と ArrayList の違い を図解で整理します。ASCII 図でイメージしやすくしてみます。1. 基本イメージ普通の配列（Array） ArrayList-----...
Java Java | ArrayListで配列を連結する方法
主な内容の要点配列はサイズ固定→ 連結するには新しい配列を作ってコピーが必要。ArrayListはサイズ可変→ 要素を自由に追加・削除できる。連結も簡単。配列からArrayListへ変換→ Array...
Java Java | 配列の中身を一部だけ表示する小さなユーティリティ（サンプル実装）
/* * ArrayPreview.java * * 小さな配列プレビュー／スライス用ユーティリティ（初心者向け） * - 任意の配列（プリミティブ配列／Object配列）に対応 * - 先頭 N 要...
Java Java | 配列の文字列表現 難問バージョン（深い多次元配列 + null 混在）
では、これまでの基礎～応用の問題を踏まえて、難問バージョン（深い多次元配列 + null 混在） の練習問題を作ります。特徴は以下の通りです：3〜4 次元以上の配列配列の途中に null が混在Obj...
Java Java | 配列の文字列表現 間違い探し問題集
配列の表示方法（println / toString / deepToString）に関する 間違い探し（バグ修正）20問 を、初心者向けに「どこがバグか → 正しい書き方」にフォーカスして作成します...
Java Java | 図（ASCII 図）で println → toString → deepToString の違いを視覚化
視覚でぱっと分かるように ASCII 図 を使って println(array) → Arrays.toString(array) → Arrays.deepToString(array) の違いをま...
Java Java | 配列の文字列表現 練習問題
初心者〜中級者が実際に手を動かして学べるよう、練習問題 10 問＋模範解答（動くコード例＋出力例＋短い解説） を作りました。順にやれば Arrays.toString / Arrays.deepToS...
Java Java | 「配列の出力」をテーマに、実務でよく使うサンプルコード
「配列の出力」をテーマに、実務でよく使うサンプルコードを紹介しますね。単なる学習用ではなく、実際の開発現場で役立つ形にしています。1. ログ出力で配列を確認する業務システムでは「配列の中身をログに出し...
Java Java | 配列の文字列表示
主な内容の要点Javaで配列を画面に出力するときは、そのまま System.out.println(配列) とすると「配列の参照情報」しか表示されます。中身を見たいときは Arrays.toStrin...
Java Java | ソートをユーティリティメソッドとして再利用化
実務では「ソート処理を毎回書き捨てる」のではなく、ユーティリティメソッド化して再利用するのが定石です。これにより、複数のサービスや画面で同じソートロジックを使い回せ、テストも容易になります。基本方針U...
Java Java | Comparator を使った実務例（ファイル名・日付でソートなど）
ここでは ユーザー入力（Scanner）で数値を受け取り、ソートして表示する完全な Java プロジェクト を示します。初心者でもそのままコピーして動かせる形にしています。プロジェクト概要ファイル名:...
Java Java | Comparator を使った実務例（ファイル名・日付でソートなど）
Comparator は「並べ替えのルール」を自由に定義できるので、実務では ファイル名順・日付順・サイズ順などのソートに多用されます。ここでは代表的な例をいくつか紹介します。例1：ファイル名でソート...
Java Java | 配列を「昇順・降順」に並び替えする
主な内容の要点Javaで配列を並べ替えるには Arrays.sort() メソッドを使います。これで 昇順（小さい→大きい）に並べ替えができます。降順（大きい→小さい）にしたい場合は、昇順で並べ替えた...
Java Java | ソートアルゴリズムの図解（バブルソート／選択ソート／高速ソートのイメージ）
ここでは バブルソート・選択ソート・クイックソート（高速ソート） の イメージ図解（ASCII 図） を使って、初心者でも「何が起きてるか」が一瞬でわかるように説明します。1. バブルソート（Bubb...
Java Java | レベル別の配列のソート練習問題
初心者から少しずつステップアップできるように、レベル別のソート練習問題を作りました。各問題に「課題 → ステップ解説 → 解答コード」をつけています。レベル1（基礎）問題整数の配列 {5, 2, 8,...
Java Java | 配列を逆順に並べ替える方法
主な内容の要点Javaで配列の要素を逆順に並べ替えるには、先頭と末尾の要素を入れ替えながら中央に向かって進めるという方法を使います。初心者でも理解しやすいのは、for文を使って一つずつ入れ替えるやり方...
Java Java | 配列比較メソッド
主な内容の要点Javaで配列を比べるときは、==ではなく Arrays.equals や Arrays.deepEquals を使うのが基本です。==は「同じ配列オブジェクトかどうか」しか見ないので、...
Java Java | 配列の連結
主な内容の要点Javaには「配列を連結する専用メソッド」はありませんが、System.arraycopy を使えば2つの配列をつなげて新しい配列を作ることができます。ポイント解説Java標準には「配列...
Java Java | 配列のコピー応用編
ここまで「コピーの基本」と「浅い／深いコピー」を理解したので、さらに一歩進んだ 応用編 を紹介します。実際のプログラムで遭遇する「コピーの落とし穴」や「便利な使い方」を題材にしますね。コピーの基本の応...
Java Java | レベル別練習問題：配列のコピー
レベル別に練習問題を増やしてみましょう。配列コピーの理解を深めるために、初級・中級・上級の3段階で課題を用意しました。初級（基本を確認）コピーと代入の違いを確認int b = a; と int[] c...
Java Java | 配列のコピー
主な内容の要点Javaで配列をコピーする方法にはいくつか種類があり、単純な代入では「同じ配列を共有」してしまうので注意が必要です。独立した配列を作りたい場合は、要素ごとにコピーするか、専用メソッドを使...
Java Java | 配列の全部（または一部）を同じ値で一気に埋める
主な内容の要点JavaのArrays.fillを使うと、配列のすべての要素を一気に同じ値で埋められる。初心者は「for文で1つずつ代入するより簡単」と覚えるとよいです。初心者向けポイント配列の初期値数...
Java Java | ミニ課題（配列の分割→合成→出力） のコード一式
初心者が “配列を分割 → 必要な部分を抜き出す → 合成（結合） → 出力” の一連の流れをまとめて理解できる 実践ミニ課題 を作ります。「整数配列を2つに分割し、一部だけ組み合わせて新しい配列を作...