CSS
CSS Tips | 超実務コアCSSテクニック：レイアウト基礎 － Grid 2カラム
2026-02-13
PHP PHP Tips | 文字列処理：実務向け便利系 － 改行を除去した1行化
なぜ「改行を除去した1行化」が必要になるのか業務で文字列を扱っていると、「中身はそのままでいいから、とにかく“1行の文字列”にしたい」という場面がよく出てきます。ログに出すときに、改行があると見づらい...
PHP PHP Tips | 文字列処理：実務向け便利系 － JSON デコード（例外対応）
なぜ「JSON デコード（例外対応）」が必要なのか業務で JSON を扱うとき、ほぼ必ずやるのが「文字列 → 配列（オブジェクト）」への変換、つまり JSON デコードです。ここで怖いのは、「壊れた ...
PHP PHP Tips | 文字列処理：実務向け便利系 － JSON 安全エンコード
「JSON 安全エンコード」で何を守りたいのかJSON 自体はただのデータ形式ですが、「どこに出すか」で話が一気に“セキュリティの話”になります。特に危険なのは、JSON をそのまま HTML や J...
PHP PHP Tips | 文字列処理：実務向け便利系 － TSV 用エスケープ
なぜ「TSV 用エスケープ」が必要になるのかTSV は「Tab Separated Values」、区切り文字がカンマではなくタブ（\t）のテキスト形式です。CSV よりシンプルに見えますが、「そのま...
PHP PHP Tips | 文字列処理：実務向け便利系 － CSV 用エスケープ
なぜ「CSV 用エスケープ」が必要になるのか業務で CSV を扱うとき、よくあるのが「Excel で開ける CSV を出したい」「システム間連携用に CSV を吐きたい」というパターンです。ここで雑に...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：環境 － オンライン状態判定
なぜ「オンライン状態判定」ユーティリティが業務で重要なのか業務システムでも、ユーザーは常に安定したネットワーク環境にいるとは限りません。社内 Wi-Fi が不安定、移動中のモバイル回線、一瞬だけオフラ...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：環境 － タイムゾーン取得
なぜ「タイムゾーン取得」ユーティリティが業務で重要なのか業務システムで日付や時刻を扱うとき、必ず出てくるのが「タイムゾーン」の問題です。日本のユーザーと海外のユーザーが混在していたり、サーバーは UT...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：環境 ‐ 言語設定取得
なぜ「言語設定取得」ユーティリティが必要になるのか業務システムを作っていると、「日本語ユーザーには日本語で」「英語ユーザーには英語で」といった多言語対応の話がほぼ確実に出てきます。ここで大事なのは、「...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：環境 – 本番環境判定
「本番環境判定」は何のためにあるのか「本番環境判定」は、「今このコードは“お客さんが触っている本番”なのか、それ以外（開発・検証）なのか」を判定するためのユーティリティです。業務システムでは、同じコー...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：環境 – 開発環境判定
「開発環境判定」とは何を判定するのかまず言葉を整理します。ここでいう「開発環境判定」は、ざっくり言うと「今このコードは“本番”で動いているのか、“開発用”で動いているのか」を判定するためのユーティリテ...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：環境 – Chrome 判定
なぜ「Chrome 判定」ユーティリティが欲しくなるのか業務システムを書いていると、「ほとんどのユーザーは Chrome（または Chrome 系）を使っている」という前提で設計されることが多いです。...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：環境 – Android 判定
なぜ「Android 判定」ユーティリティが必要になるのかモバイル対応をしていると、「iOS と Android で挙動が微妙に違う」という場面に必ずぶつかります。同じ“スマホ”でも、こういう差があり...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：環境 – iOS 判定
なぜ「iOS 判定」ユーティリティが必要になるのかモバイル判定より一歩踏み込んだのが「iOS 判定」です。業務システムを作っていると、こういう“iOS 特有の事情”にぶつかります。Safari（iOS...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：環境 – モバイル判定
なぜ「モバイル判定」ユーティリティが必要になるのか業務システムでも、今は「PC だけ」ではなく「スマホ・タブレット」からの利用が当たり前になっています。その結果、こういう要件がよく出てきます。PC で...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：環境 – ブラウザ判定
なぜ「ブラウザ判定」ユーティリティが業務で必要になるのか業務システムをブラウザで動かしていると、「Chrome では動くのに、IE だと落ちる」「スマホの Safari だけ挙動が違う」みたいなこと、...