Java
Java | 配列（Array）と ArrayList の違い
2026-03
Java Java Tips | コレクション：並列Stream制御
並列Stream制御は「速くしたいけど、暴れさせたくない」技Stream にはstream()（普通の順次処理）とparallelStream()（並列処理）の２つの世界があります。「CPUコアを全部...
JavaScript JavaScript Tips | 文字列ユーティリティ：URL 系 － ファイル名取得
何をしたいユーティリティか：「ファイル名取得」ここで作りたいのは、URL やパス文字列から「ファイル名だけ」を取り出す小さな関数です。例えば、こういうイメージです。 → "logo.png"/down...
JavaScript JavaScript Tips | 文字列ユーティリティ：URL 系 － 拡張子取得
何をしたいユーティリティか：「拡張子取得」ここで作りたいのは、URL やパス文字列から「拡張子（.png や .js など）」だけを取り出す小さな関数です。 → "png"/scripts/app.m...
JavaScript JavaScript Tips | 文字列ユーティリティ：URL 系 － パス結合
「パス結合」で何を楽にしたいのか「パス結合」は、URL のパスを安全にくっつけるユーティリティです。"/api" と "users" を結合して "/api/users" にしたい"/api/" と ...
JavaScript JavaScript Tips | 文字列ユーティリティ：URL 系 － ハッシュ削除
「ハッシュ削除」で本当にやりたいことここでの「ハッシュ削除」は、URL の # 以降（フラグメント）をきれいに取り除いた新しい URL を作るユーティリティのことです。例えば、こんなことをしたい場面が...
JavaScript JavaScript Tips | 文字列ユーティリティ：URL 系 － ハッシュ取得
「ハッシュ取得」で何を取りたいのかここでの「ハッシュ取得」は、URL の # 以降の部分（フラグメント）を、きれいに取り出して使いやすくするユーティリティのことです。例えば、こんな URL を考えます...
C# 日本の企業・官公庁が公開している無料API
日本では政府・自治体・企業が公開している無料APIが多数あります。実務や個人開発でよく使われるものを、カテゴリ別に整理して紹介します。官公庁・政府系API統計・経済データ1. 総務省統計局 – e-S...
JavaScript JavaScript Tips | 文字列ユーティリティ：URL 系 － クエリ削除
「クエリ削除」で本当にやりたいこと「クエリ削除」は、URL の ? 以降に付いているパラメータのうち、いらないものだけを取り除いて、新しい URL を作り直す処理です。例えば、こんなことをやりたい場面...
JavaScript JavaScript Tips | 文字列ユーティリティ：URL 系 － クエリ取得
「クエリ取得」で何をしたいのかをはっきりさせるここでの「クエリ取得」は、URL の ? 以降（クエリ文字列）から、パラメータを取り出して使いやすい形にすることです。/search?q=JavaScri...
JavaScript JavaScript Tips | 文字列ユーティリティ：URL 系 － クエリ生成
まず「クエリ生成」で何を自動化したいのかここで言う「クエリ生成」は、オブジェクト（連想配列）から ?key=value&key2=value2 みたいなクエリ文字列を、安全に・楽に作るユーティリティの...
JavaScript JavaScript Tips | 文字列ユーティリティ：URL 系 － URL デコード
「URL デコード」で何を取り戻したいのかURL デコードは、URL の中で「%E3%81%82」みたいに変換されてしまった文字を、人間が読める元の文字列に戻すことです。エンコードは「安全に送るための...
JavaScript JavaScript Tips | 文字列ユーティリティ：URL 系 － URL エンコード
まず「URL エンコード」で何を守りたいのかURL エンコードは、「URL の中に入れてはいけない（入れると誤解される）文字を、安全な形に変換すること」です。日本語やスペース、? や & などの記号を...
CSS CSS Tips | 超実務コアCSSテクニック：レイアウト基礎 － flex-grow活用
flex-grow を理解すると「余った幅の配分」が思い通りになるflex-grow は、Flexbox の中でも 「余ったスペースをどの子要素にどれだけ渡すか」 を決めるプロパティです。「このボック...
CSS CSS Tips | 超実務コアCSSテクニック：レイアウト基礎 － align-items全パターン
align-items を理解すると「縦方向の揃え」が一気に気持ちよくなるalign-items は Flexbox の中で、「交差軸（メイン軸と直角の方向）の揃え方」を決めるプロパティです。横並びな...
CSS CSS Tips | 超実務コアCSSテクニック：レイアウト基礎 － justify-content全パターン
justify-content を理解すると「横方向の配置」が思い通りになるjustify-content は Flexbox の中でも、「子要素を横方向にどう並べるか」を決める超重要プロパティです。...
CSS CSS Tips | 超実務コアCSSテクニック：レイアウト基礎 － Flexbox縦並び
Flexbox 縦並びを理解すると「縦方向レイアウト」が一気に整理されるFlexbox は横並びだけじゃなく、縦方向のレイアウト（縦積み・上下の余白調整・フッターを下に押し下げる）にもめちゃくちゃ強い...
CSS CSS Tips | 超実務コアCSSテクニック：レイアウト基礎 － Flexbox横並び
Flexbox 横並びを理解すると「並べる・揃える・余白を配る」が一気に楽になる横並びレイアウトは、ナビメニュー、カード一覧、ボタンの並びなど、どのサイトでも必ず出てきます。Flexbox を使うと、...
C# C# Tips | コレクション・LINQ：件数カウント
はじめに：「件数カウント」は“システムの現状を数字でつかむ道具”業務システムでは、常に「いま何件あるか？」が問われます。未処理の件数エラー件数今日登録された件数これをコードで表現するのが「件数カウント...
C# C# Tips | コレクション・LINQ：グルーピング
はじめに：「グルーピング」は“バラバラの明細を、かたまりにまとめる技”業務システムでは、こんなことをよくやります。「部署ごとに社員をまとめたい」「顧客ごとに売上を集計したい」「日付ごとにアクセス数を集...
C# C# Tips | コレクション・LINQ：フィルタリング
はじめに：「フィルタリング」は“欲しいデータだけをすくい取る作業”業務システムの一覧画面って、だいたいこういう条件がありますよね。「部署＝営業だけ」「状態＝未処理だけ」「金額が 10,000 円以上だ...
C# C# Tips | コレクション・LINQ：ページング
はじめに：「ページング」は“データを一口サイズに切り分ける技”業務システムの一覧画面で、「1ページ 20件」「次へ」「前へ」といった UI をよく見ますよね。これが「ページング」です。データは何千件・...
C# C# Tips | コレクション・LINQ：カスタムソート
はじめに：「カスタムソート」は“業務ルールをそのまま並び順にする技”「優先度は High → Middle → Low の順」「ステータスは 未処理 → 処理中 → 完了 の順」「部署コードは A, ...
C# C# Tips | コレクション・LINQ：逆順ソート
はじめに：「逆順ソート」は“優先度の高いものを先頭に持ってくる技”業務システムでは「新しい順」「金額の大きい順」「重要度の高い順」のように、“大きいほう・新しいほうを先頭にしたい”場面がとても多いです...
C# C# Tips | コレクション・LINQ：ソート
はじめに：「ソート」は“人間が読みやすい順番に並べ替える作業”業務システムでは、一覧画面・帳票・CSV 出力など、「同じデータでも、どの順番で並んでいるか」がものすごく大事になります。社員一覧なら「社...
C# C# Tips | コレクション・LINQ：重複除去
はじめに：「重複除去」は“データをきれいに整えるフィルター”業務システムでは、同じ ID のレコードが二重に入っていたり、同じメールアドレスが何度も出てきたりと、「重複データ」がよく紛れ込みます。この...
C# C# Tips | コレクション・LINQ：空List生成
はじめに：「空List生成」は“安全な初期値”を手に入れるテクニック業務コードでよくあるパターンとして、List<string> names = null;// ここで落ちるint count = n...
C# C# Tips | コレクション・LINQ：null安全List
はじめに：「null安全List」は“落とし穴を先に埋めておく道具”業務コードでありがちな例として、List<string> names = null;// ここで落ちるforeach (var n ...
CSS CSS Tips | 超実務コアCSSテクニック：ボックスモデル － 複数背景指定
複数背景指定を理解すると「1つの要素に何層ものデザイン」を重ねられるCSS の 複数背景指定（multiple backgrounds） は、1つの要素に 複数の背景画像・グラデーション・パターンを重...
CSS CSS Tips | 超実務コアCSSテクニック：ボックスモデル － background-clip:text
background-clip:text を理解すると「文字にグラデーションを流し込む」表現ができるbackground-clip: text は、CSS の中でも“映えるデザイン”を作るための強力な...
CSS CSS Tips | 超実務コアCSSテクニック：ボックスモデル － 背景クリッピング
background-clip（背景クリッピング）を理解すると「背景の見え方」を自在にコントロールできる背景クリッピング（background-clip）は、背景色や背景画像を“どこまで表示するか”を...