@lifehacker

スポンサーリンク
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の上に「型...
CSS

「いまさら聞けないSCSSとSASSの違い」完全初心者向け完全ガイド

いまさら聞けないSCSSとSASSの違い(結論から)結論から言うと、SCSSとSASSは同じ「Sass」というCSS拡張言語の記法違いです。SCSS:CSSに近い書き方(主流)SASS:インデントベー...
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は“その時点でいるループ”だけをスキップする」と...
スポンサーリンク