JavaScript
JavaScript | 1 日 120 分 × 7 日アプリ学習：タイマー & ストップウォッチ
Java Java 逆引き集 | summarizingInt/Long/Double — 統計情報を一発取得
summarizingInt / summarizingLong / summarizingDouble — 統計情報を一発取得Stream API の Collectors.summarizingI...
Java Java 逆引き集 | partitioningBy（true/false に分割） — 二分集計
partitioningBy（true/false に分割） — 二分集計Stream API の Collectors.partitioningBy は「条件に合うかどうか」で true/false...
Java Java 逆引き集 | joining（Collectors.joining） — 文字列結合
joining（Collectors.joining） — 文字列結合Stream API の Collectors.joining は、ストリームの要素を 文字列として結合するための便利な終端操作で...
Java Java 逆引き集 | collect(Collectors.groupingBy(…)) — グルーピング集計
collect(Collectors.groupingBy(...)) — グルーピング集計Stream API の collect(Collectors.groupingBy(...)) は「キーご...
Java Java 逆引き集 | reduce の使い方（集約） — 合算や累積計算
reduce の使い方（集約） — 合算や累積計算Stream の「結果をひとつに畳み込む」終端操作が reduce。合計・積・最大最小・連結・カスタム集約まで、柔軟に一行で書けます。初心者が迷う「初...
Java Java 逆引き集 | distinct / limit / skip — 重複排除・ページング処理
distinct / limit / skip — 重複排除・ページング処理Stream API の中間操作でよく使うのが distinct（重複排除）、limit（先頭から指定件数だけ残す）、ski...
Java Java 逆引き集 | filter・map・flatMap の使い分け — 条件絞りと展開
filter・map・flatMap の使い分け — 条件絞りと展開「要素を絞る・変換する・入れ子をほどく」をそれぞれ得意とするのが filter、map、flatMap。違いが腹落ちすると、無駄な中...
Java Java 逆引き集 | Intermediate / Terminal 操作の理解 — パイプライン設計
Intermediate / Terminal 操作の理解 — パイプライン設計ストリームは「中間操作で加工し、終端操作で結果を取り出す」流れで動きます。中間は“つなぐ”、終端は“決着させる”。この違...
Java Java 逆引き集 | Stream API の基本（stream(), filter, map, collect） — データ変換
Stream API の基本（stream(), filter, map, collect） — データ変換Java 8 以降で導入された Stream API は「コレクションを宣言的に処理する」た...
JavaScript JavaScript 逆引き集 | Base64 エンコード／デコード
Base64 エンコード／デコード — btoa(str) / atob(b64)JavaScript には文字列を Base64 形式に変換するための関数が標準で用意されています。Base64 は「...
JavaScript JavaScript 逆引き集 | URL 文字列エンコード／デコード
URL 文字列エンコード／デコード — encodeURIComponent / decodeURIComponentWebアプリでは「URLに文字列を安全に含めたい」場面がよくあります。検索キーワー...
JavaScript JavaScript 逆引き集 | Web Crypto API（ランダム）
Web Crypto API（ランダム値生成） — crypto.getRandomValues(new Uint8Array(16))JavaScript には Web Crypto API という...
JavaScript JavaScript 逆引き集 | Clipboard API（取得）
Clipboard API（取得） — navigator.clipboard.readText().then(t => {})Clipboard API は「クリップボードにある文字列を読み取る」こ...
JavaScript JavaScript 逆引き集 | Clipboard API（コピー）
Clipboard API（コピー） — navigator.clipboard.writeText('text')Clipboard API を使うと、JavaScriptから「クリップボードに文字...
JavaScript JavaScript 逆引き集 | geolocation API（位置取得）
geolocation API（位置取得） — navigator.geolocation.getCurrentPosition(p => {})ブラウザには「現在地を取得する」ための Geoloca...
JavaScript JavaScript 逆引き集 | Navigator.online でオンライン判定
オンライン判定 — navigator.onLineブラウザには「今ネットに接続できているかどうか」を判定するためのプロパティがあります。それが navigator.onLine です。true なら...
JavaScript JavaScript 逆引き集 | SSE（EventSource）受信
SSE（Server-Sent Events）受信 — const es = new EventSource(url); es.onmessage = e => {}SSE (Server-Sent ...
JavaScript JavaScript 逆引き集 | WebSocket 基本接続
WebSocket 基本接続 — const ws = new WebSocket(url); ws.onmessage = e => {}WebSocket は「ブラウザとサーバーが双方向でリアルタ...
JavaScript JavaScript 逆引き集 | canvas.toDataURL で画像取得
Canvas から画像を取得 — canvas.toDataURL('image/png')canvas.toDataURL() は Canvas の内容を画像データ（Base64形式の文字列）に変換...
JavaScript JavaScript 逆引き集 | 画像を Canvas に描画
画像を Canvas に描画 — ctx.drawImage(img, 0, 0)Canvas に画像を描くときの基本は「画像が読み込まれてから drawImage を呼ぶ」こと。img.onload...
JavaScript JavaScript 逆引き集 | Canvas 基本描画
Canvas 基本描画 — const ctx = canvas.getContext('2d'); ctx.fillRect(0,0,100,100)HTML5 の <canvas> は「絵を描くた...
JavaScript JavaScript 逆引き集 | input[type=file] の扱い
input の扱い — const f = input.filesブラウザでユーザーにファイルを選んでもらうときに使うのが <input type="file">。選ばれたファイルは input.fi...
JavaScript JavaScript 逆引き集 | FileReader でローカルファイル読み込み
FileReader でローカルファイル読み込み — const fr = new FileReader(); fr.onload = e => console.log(e.target.result...
JavaScript JavaScript 逆引き集 | ダウンロード（リンク生成）
ダウンロード（リンク生成） — const a=document.createElement('a'); a.href=URL.createObjectURL(blob); a.download='f...
JavaScript JavaScript 逆引き集 | Blob とファイル作成
Blob とファイル作成 — const b = new Blob(, { type: 'text/plain' })Blob（Binary Large Object）は「生のデータのかたまり」を表す...
JavaScript JavaScript 逆引き集 | popstate イベント検知
popstate イベント検知 — window.addEventListener('popstate', ()=>{})popstate イベントは ブラウザの「戻る」「進む」操作や history...
JavaScript JavaScript 逆引き集 | history.pushState／replaceState
history.pushState／replaceState の基本 — history.pushState({}, '', '/page')history.pushState と history.r...
JavaScript JavaScript 逆引き集 | URL 生成／解析（URLクラス）
URL クラスの基本 — const u = new URL('/a', 'URL クラスは「URL文字列を安全に生成・分解」するための標準APIです。相対パスと基準URLを組み合わせて絶対URLを作...
JavaScript JavaScript 逆引き集 | URLSearchParams（クエリ操作）
URLSearchParams の基本（クエリ操作） — const p = new URLSearchParams(location.search)URL の「?以降」のクエリを簡単に読み書きできる...
JavaScript JavaScript 逆引き集 | IndexedDB 基本（簡易）
IndexedDB 基本（簡易）— const req = indexedDB.open('db')IndexedDB はブラウザ内に大量・構造化データを保存できるクライアントサイドDBです。非同期A...