Python
Python | 文法の基本：input() の使い方
2025-10
JavaScript JavaScript | map() メソッド練習
各問題を選んで実行できるようにして、結果と処理のステップを下に表示します。 See the Pen JavaScript map() Method Practice by MONO365 -Color...
JavaScript JavaScript | map() の間違い実験コード
See the Pen JavaScript map() Mistake Experiment by MONO365 -Color your days- (@monoqlo365) on CodePe...
JavaScript JavaScript | slice() を使った ページネーション（ページ分割）サンプル
それでは、JavaScript の slice() を使った ページネーション（ページ分割）サンプルを、初心者向けにわかりやすく紹介します。ページネーションとは？たとえば「10件のデータを3件ずつ表示...
JavaScript JavaScript | 大きな配列を扱うときのパフォーマンス面
では、初心者向けに「大きな配列を扱うときのパフォーマンス面」の注意点を、わかりやすくまとめてみます。例を交えて解説します。1. 配列が大きいと何が問題？JavaScript は配列のサイズが大きくなる...
JavaScript JavaScript | concat / push / slice / スプレッド 配列メソッド体験教材
See the Pen Concat Vs Push Slice Spread Playground by MONO365 -Color your days- (@monoqlo365) on Cod...
JavaScript JavaScript | forEachを使ってWeb画面にデータを表示するミニアプリ
では次は、forEach を実践で使いこなす練習用のミニアプリを一緒に作っていきましょう！テーマ：ユーザーリストを表示して、検索＆並び替えできるアプリ（HTML + CSS + JavaScript ...
JavaScript JavaScript | 「平均・分散・標準偏差・範囲内の割合」をまとめて返す 統計サマリー関数
では「統計サマリー関数」を作ってみましょう。これは 平均・分散・標準偏差・範囲内の割合 をまとめて返す関数です。目標平均値を計算分散を計算標準偏差を計算平均 ± 1, 2, 3 標準偏差の範囲に入るデ...
JavaScript JavaScript | 「平均 ± 3標準偏差の範囲に入るデータの数」を数える関数
では「平均 ± 3標準偏差の範囲に入るデータの数」を数える関数を作ってみましょう。これは統計でよく言われる 68-95-99.7ルール の「99.7%」に対応します。目標平均値を求める標準偏差を求める...
JavaScript JavaScript | 「平均 ± 2標準偏差の範囲に入るデータの数」を数える関数
では「平均 ± 2標準偏差の範囲に入るデータの数」を数える関数を作ってみましょう。これは統計でよく使われる 68-95-99.7ルール（経験則）の「95%」に対応する部分です。目標平均値を求める標準偏...
JavaScript JavaScript | 平均 ± 標準偏差の範囲に入るデータの数を数える関数
では「平均 ± 標準偏差の範囲に入るデータの数を数える関数」を作ってみましょう。これは 標準偏差を使ったデータ分析 の基本的な応用です。目標平均値を求める標準偏差を求める範囲 = を計算その範囲に入る...
JavaScript JavaScript | 標準偏差を計算する関数
では「標準偏差を計算する関数」を作ってみましょう。標準偏差は 分散の平方根 で、データのばらつきを直感的に理解しやすい指標です。目標配列の平均値を求める偏差の二乗の平均（＝分散）を求める分散の平方根を...
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 ...