CSS
CSS Tips | 超実務コアCSSテクニック：ボックスモデル － box-shadowパターン
2025-12
Java Java | Java 標準ライブラリ：ラッパークラス全体像
ラッパークラスとは何かをざっくりつかむJava の「ラッパークラス」は、int や double のような プリミティブ型（基本型）を “オブジェクトとして包んだクラス” です。対応はこうなっています...
Java Java | Java 標準ライブラリ：Optional.ifPresent
ifPresent は「値があるときだけ処理するためのスイッチ」Optional.ifPresent は、「Optional の中に値が“入っているときだけ” この処理を実行してね」と言うためのメソッ...
Java Java | Java 標準ライブラリ：Optional.orElse / orElseGet
Optional.orElse / orElseGet は「無いときどうするかを決めるメソッド」Optional は「あるかもしれないし、ないかもしれない値」を入れる箱でした。では、その箱が「空だった...
Java Java | Java 標準ライブラリ：Optional.of / ofNullable
Optional.of / ofNullable の役割をざっくりつかむOptional を「値を入れる箱」と考えると、Optional.of と Optional.ofNullable は「箱に値を...
Java Java | Java 標準ライブラリ：Optional の目的
Optional は「null をそのまま渡さないための箱」java.util.Optional は、簡単に言うと「あるかもしれないし、ないかもしれない値」を入れて渡すための“箱”です。それだけ聞くと...
Java Java | Java 標準ライブラリ：文字コード（Charset）
文字コードと Charset を直感でつかむまず前提から整理します。コンピュータの中では、文字は「バイト列（0と1の並び）」として保存・送信されます。一方、Java の String は「文字そのもの...
Java Java | Java 標準ライブラリ：split の落とし穴
split は「正規表現で区切る」メソッドだという前提String#split は、 「文字列を区切り文字で分割する」メソッド ですが、まず一番大事なポイントは「引数は“ただの区切り文字”ではなく、“...
JavaScript JavaScript | 配列・オブジェクト：ループ処理 – ループの可読性
ループの可読性とは何か「可読性が高いループ」とは、意図が一目で分かり、バグが起きにくく、後から変更しやすい書き方です。ここが重要です：処理の目的（抽出・変換・集計・実行）に合った構文を選び、否定条件を...
JavaScript JavaScript | 配列・オブジェクト：ループ処理 – インデックス利用の注意点
インデックス利用とは何か配列やオブジェクトをループ処理するとき、インデックス（位置番号）を使って要素へアクセスすることがあります。例えば arr は先頭要素、arr は i 番目の要素です。ここが重要...
JavaScript JavaScript | 配列・オブジェクト：ループ処理 – early return 的な書き方
早期リターン（early return）とは何かearly return は「不要な処理をなるべく“前で打ち切る”書き方」です。関数の先頭でガード（不正条件ならすぐ return）し、ループ内でも“用...
JavaScript JavaScript | 配列・オブジェクト：ループ処理 – ネスト配列の処理
ネスト配列とは何かネスト配列は「配列の中にさらに配列が入っている」入れ子構造です。例えば行列（2次元）、ツリー（多次元）、グループ化されたデータなどが該当します。ここが重要です：処理の設計は“どの深さ...
JavaScript JavaScript | 配列・オブジェクト：ループ処理 – reduce での集計
reduce での集計の基本reduce は「配列の全要素を順に処理して、ひとつの値へ“畳み込む（集約する）”」ためのメソッドです。合計・平均・最大最小だけでなく、辞書（オブジェクト）や Map を作...
JavaScript JavaScript | 配列・オブジェクト：ループ処理 – map と forEach の違い
何が違うのかmap は「各要素を同じルールで変換して“新しい配列”を返す」メソッドです。一方、forEach は「各要素に対して“処理（副作用）を実行するだけ”で、配列は返しません」。ここが重要です：...
JavaScript JavaScript | 配列・オブジェクト：ループ処理 – break / continue の使えない理由（forEach）
forEach で break / continue が使えない理由forEach は「配列の各要素に対して“関数を呼び出す”」高階メソッドです。ここが重要です：forEach は“自分でループを制御...
JavaScript JavaScript | 配列・オブジェクト：ループ処理 – forEach
forEach とは何かforEach は「配列の各要素に対して、指定した関数を順番に“実行する”」ためのメソッドです。ここが重要です：forEach は“副作用（処理をすること）”が目的で、戻り値と...
JavaScript JavaScript | 配列・オブジェクト：ループ処理 – for…of
for...of とは何かfor...of は「配列など“反復可能（イテラブル）”なものを、要素の値にフォーカスしてシンプルに処理する」構文です。ここが重要です：for...of は“値”を1つずつ取...
JavaScript JavaScript | 配列・オブジェクト：ループ処理 – for での配列処理
for とは何かfor は「カウンター（インデックス）を使って、配列を順番に処理する」ための基本的なループ構文です。ここが重要です：配列の長さと位置を明示的に扱えるので、部分処理・スキップ・早期終了・...
Python Python | 自動化：タイムアウト処理
概要（タイムアウト処理は「いつまでも待たない」ための保険）タイムアウト処理は、「相手（外部サービス・コマンド・ファイル処理など）がいつまでたっても返事してこないときに、一定時間で“もう待つのをやめる”...
Python Python | 自動化：コルーチン
概要（コルーチンは「途中で一旦止まって、あとで再開できる関数」）コルーチン（coroutine）は、めちゃくちゃざっくり言うと「自分の途中経過（状態）を持ったまま、一旦止まって、あとでそこから再開でき...
Python Python | 自動化：await / async
概要（async / await は「同時進行のための文法」）async / await は、「Python に“ここは待ち時間だから、その間ほかの仕事をしていいよ”と伝えるための文法」です。asyn...
Python Python | 自動化：aiohttp
概要（aiohttp は「非同期版 requests」だと思うと入りやすい）aiohttp は、「asyncio と一緒に使うための HTTP クライアントライブラリ」です。雑に言うと、request...
Python Python | 自動化：非同期 asyncio
概要（asyncio は「1人で同時進行する」仕組み）マルチスレッドやマルチプロセスは「人を増やす」イメージでした。asyncio はちょっと違っていて、「1人なんだけど、待ち時間のあいだに別の作業に...
Python Python | 自動化：concurrent.futures
概要（concurrent.futures は「並列処理をいい感じにラップしてくれる道具」）concurrent.futures は、「マルチスレッド」「マルチプロセス」を、初心者でも扱いやすい形にし...
Python Python | 自動化：マルチプロセス
概要（マルチプロセスは「CPUを増やしてゴリゴリ計算させる」仕組み）前回のマルチスレッドは「待ち時間のあいだに別の仕事をする」話でした。マルチプロセスはもう一歩踏み込んで、「CPU のコアをフルに使っ...
Python Python | 自動化：マルチスレッド
概要（マルチスレッドは「待ち時間のあいだに、別の仕事を回す」仕組み）Python のマルチスレッドは、「1つのプログラムの中で、複数の“流れ（スレッド）”を同時進行させる」仕組みです。自動化の世界だと...
Python Python | 自動化：Web API 集計 BOT
概要（Web API 集計 BOT は「データを取って、すぐに意味のある形にするロボット」）Web API 集計 BOT は、単なる「データ収集 BOT」から一歩進んで、「取ってきたデータをその場で集...
Python Python | 自動化：データ収集 BOT
概要（データ収集BOTは「決まった場所から、決まった情報を黙々と集めてくれるロボット」）データ収集 BOT は、「毎日このサイトの価格をチェック」「このAPIから定期的にデータを取得」といった“繰り返...
Python Python | 自動化：Selenium ログイン自動化
概要（Selenium ログイン自動化は「ブラウザ操作を人間の代わりにやらせる」）Selenium は「ブラウザをコードで操作するロボット」です。URL を開く、ID・パスワードを入力する、ボタンをク...
Python Python | 自動化：ファイル変換自動化
概要（「○○を置いたら自動で△△に変換」を型にする）ファイル変換自動化は、「特定のフォルダにファイルを置くだけで、Python が自動で別形式に変えてくれる」仕組みです。例えば、Excel → CSV...
Python Python | 自動化：PDF 自動生成
概要（PDF自動生成は「レポートや帳票を押印前まで自動で作る」）Python で PDF 自動生成ができると、こんなことができます。日次・月次レポートを PDF で自動出力見積書・請求書・領収書などの...