CSS
CSS Tips | 超実務コアCSSテクニック：レイアウト基礎 － Grid 3カラム
2025-12-10
Java Java 逆引き集 | サードパーティライブラリ（jOOλ 等）の活用 — ストリーム拡張
ポイントまとめJava 標準の Stream API は便利ですが、制約もあります。サードパーティライブラリ jOOλ（jOOL） を使うと、タプル型や拡張関数、例外処理の簡略化などが可能になり、St...
Java Java 逆引き集 | Stream を使った行列変換（transpose） — データ整形
Stream を使った行列変換（transpose） — データ整形「行列の転置（transpose）」とは、行と列を入れ替える操作です。例えば 2×3 の行列を転置すると 3×2 になります。Str...
Java Java 逆引き集 | Stream の例外リカバリ戦略（fallback） — 途中失敗の処理
Stream の例外リカバリ戦略（fallback） — 途中失敗の処理ストリーム処理の途中で I/O や変換が失敗しても、処理全体を止めずに「回復」させるのが fallback。目的は「止めるべき失...
Java Java 逆引き集 | IntSummaryStatistics の活用 — 集計情報取得の便利型
IntSummaryStatistics の活用 — 集計情報取得の便利型IntSummaryStatistics は「int の集計情報」をひとまとめに持つユーティリティです。件数・合計・最小値・最...
Java Java 逆引き集 | Collector joining with delimiter/prefix/suffix — レポート生成
Collector.joining with delimiter/prefix/suffix — レポート生成Stream の要素を文字列としてまとめたいときに便利なのが Collectors.joi...
Java Java 逆引き集 | flatMap を用いたネスト解除（OptionalやListのネスト） — 構造フラット化
flatMap を用いたネスト解除（OptionalやListのネスト） — 構造フラット化Stream API の flatMap は「入れ子になった構造をフラットにする」ための中間操作です。初心者...
Java Java 逆引き集 | 並列ストリームでのコンテキスト保持（ThreadLocal の注意） — 意図しない挙動回避
並列ストリームでのコンテキスト保持（ThreadLocal の注意） — 意図しない挙動回避Java の並列ストリームは内部的に ForkJoinPool を使って複数スレッドで処理します。このとき「...
Java Java 逆引き集 | ストリームの短絡（short-circuit）操作 — パフォーマンス最適化
ストリームの短絡（short-circuit）操作 — パフォーマンス最適化短絡操作は「必要な分だけ処理したら早めに打ち切る」ための仕組みです。無駄な計算や I/O を避け、スループットを上げる実戦テ...
Java Java 逆引き集 | 並列ストリームと ForkJoinPool のチューニング — スループット向上
並列ストリームと ForkJoinPool のチューニング — スループット向上並列ストリームは「書き換え少なくCPUを使い切る」ための強力な選択肢。ただし闇雲な並列化は遅くなったり結果が壊れます。安...
Java Java 逆引き集 | Collector.of でカスタム Collector 作成 — 特殊な集約
Collector.of でカスタム Collector 作成 — 特殊な集約Stream API の Collectors には便利な標準 Collector が多数ありますが、特殊な集約処理をした...
Java Java 逆引き集 | ストリームでの例外処理パターン（ラップ処理） — checked 例外の扱い
ストリームでの例外処理パターン（ラップ処理） — checked 例外の扱いStream のラムダは基本的に checked 例外を投げられません。ファイルやネットワークなどの I/O をストリームの...
Java Java 逆引き集 | Optional を返すストリーム処理パターン — null 安全
Optional を返すストリーム処理パターン — null 安全Java の Stream API は「結果があるかどうか分からない」処理をするときに Optional を返すメソッドを備えています...
Java Java 逆引き集 | ファイルの行ストリーム処理（Files.lines） — 大規模ファイル処理
ファイルの行ストリーム処理（Files.lines） — 大規模ファイル処理Java NIO の Files.lines(Path) は、テキストファイルを 1行ずつストリームとして処理できる便利なメ...
Java Java 逆引き集 | peek の使い方（デバッグ） — 中間ログ
peek の使い方（デバッグ） — 中間ログストリームの「途中」を覗いて、要素がどう変わっているかを確認するのが peek。中間操作としてログを差し挟めるので、フィルタや変換の結果を安全に観察できます...
Java Java 逆引き集 | Stream 並列化の落とし穴（副作用） — スレッド安全性
Stream 並列化の落とし穴（副作用） — スレッド安全性Java の Stream API は .parallelStream() や .parallel() を使うと簡単に並列化できます。しかし...
Java Java 逆引き集 | Collectors.toMap の衝突解決（mergeFunction） — Map 化での安全対策
Collectors.toMap の衝突解決（mergeFunction） — Map 化での安全対策Stream を Map に変換するとき、キー重複があると例外になります。Collectors.t...
Java Java 逆引き集 | Stream.iterate（Java 9 の変化） — シーケンス生成
Stream.iterate（Java 9 の変化） — シーケンス生成Java 8 から導入された Stream.iterate は「初期値から次の値を生成していく」ための便利なメソッドです。Jav...
Java Java 逆引き集 | range / rangeClosed（数値ストリーム） — 反復生成
range / rangeClosed（数値ストリーム） — 反復生成IntStream/LongStream には数値の連続を作るための range 系メソッドがあり、for ループより短く安全に「...
Java Java 逆引き集 | IntStream/LongStream/DoubleStream（プリミティブストリーム） — オートボクシング回避
IntStream / LongStream / DoubleStream（プリミティブストリーム） — オートボクシング回避Java の Stream API には、Stream<Integer> ...
Java Java 逆引き集 | anyMatch/allMatch/noneMatch — 条件検査
anyMatch / allMatch / noneMatch — 条件検査Stream API の終端操作である anyMatch / allMatch / noneMatch は、ストリームの要素...
Java Java 逆引き集 | max/min/findFirst/findAny — 候補抽出
max / min / findFirst / findAny — 候補抽出Stream API には「候補をひとつ取り出す」ための便利な終端操作がいくつかあります。max/min は「最大値・最小値...
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...