JavaScript
JavaScript | 1 日 120 分 × 7 日アプリ学習：検索 & ソート機能付き一覧
Tips
Java Java Tips | コレクション：空List安全取得
空List安全取得は「null を“空”にそろえる」ための小さな約束List を返すメソッドって、業務コードに山ほど出てきますよね。検索結果、関連データ、設定値の一覧、などなど。そこでよく起きるのが、...
PHP PHP Tips | 文字列処理：ランダム・生成 – CSRF トークン生成
まず「CSRF トークン生成」で何を守りたいのかCSRF トークンは、一言でいうと「フォーム送信が“本当にそのユーザーの意思で行われたものか”を確認するための秘密の合言葉」です。例えば、ユーザーがログ...
PHP PHP Tips | 文字列処理：ランダム・生成 – ハッシュ検証
「ハッシュ検証」で何を確かめたいのかまず、「ハッシュ検証」という言葉のイメージから整理します。ハッシュ検証とは、ざっくり言うと、「今手元にある“生の値”が、保存されている“ハッシュ値”と本当に対応して...
PHP PHP Tips | 文字列処理：ランダム・生成 – パスワード用ハッシュ生成
まず、「パスワード用ハッシュ生成」で何をしたいのかパスワード用ハッシュ生成の目的は一言でいうと、「パスワードそのものは絶対に保存せず、“検証にだけ使える形”で安全に保存する」ことです。ユーザーが入力し...
PHP PHP Tips | 文字列処理：ランダム・生成 – salt 付きハッシュ
まず「salt 付きハッシュ」で何を守りたいのかsalt（ソルト）付きハッシュは、一言でいうと、「同じ値でも、ユーザーごと・レコードごとに違うハッシュ値にする仕組み」です。例えば、パスワード "pas...
PHP PHP Tips | 文字列処理：ランダム・生成 – ハッシュ化（SHA-256）
そもそも「ハッシュ化（SHA-256）」って何をするもの？まず、「ハッシュ化」という言葉のイメージから整理します。ハッシュ化は、ざっくり言うとこういう変換です。入力: "hello"出力: "2cf2...
PHP PHP Tips | 文字列処理：ランダム・生成 – 短縮 ID 生成
「短縮 ID 生成」で何をしたいのかイメージするまず、どんな場面で「短い ID」が欲しくなるかをイメージしてみましょう。URL 短縮サービスの「短いコード」人に読み上げやすい予約番号や受付番号画面上に...
PHP PHP Tips | 文字列処理：ランダム・生成 – UUID v4 生成
UUID v4 ってそもそも何者？まずは「UUID v4」が何なのか、イメージから掴みましょう。よく見るこの形の文字列が UUID です。550e8400-e29b-41d4-a716-4466554...
PHP PHP Tips | 文字列処理：ランダム・生成 – ワンタイムトークン生成
そもそも「ワンタイムトークン」とは何かまず、言葉のイメージをはっきりさせます。ワンタイムトークンは、ざっくり言うとこういうものです。一度きり、または短時間だけ有効な「秘密の合言葉」URL やフォームに...
PHP PHP Tips | 文字列処理：ランダム・生成 – ランダム文字列生成（記号なし）
何のために「記号なしランダム文字列」を作るのかまず、どんな場面で使うかをイメージしましょう。URL パラメータに載せるトークンだけど、「+ や / などの記号は使いたくない」。ユーザーに口頭で伝えるコ...
PHP PHP Tips | 文字列処理：ランダム・生成 – ランダム文字列生成（英数字）
何のために「ランダム英数字文字列」を作るのかまず、どんな場面で使うかをイメージしましょう。ユーザーごとの招待コード一時的なトークン（メール認証、パスワードリセット）ファイル名やディレクトリ名の衝突回避...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：安全処理 – 安全な数値計算
なぜ「安全な数値計算」が業務で重要になるのか業務コードの数値計算は、単なる足し算・引き算では終わりません。外部 API のレスポンス、フォーム入力、DB の値など、「本当に数値か分からないもの」を相手...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：安全処理 – null 合体代入
「null 合体代入」とは何をしてくれる構文か「null 合体代入」は、「その変数が null または undefined のときだけ、デフォルト値を代入する」ということを一発で書ける構文です。Jav...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：安全処理 – undefined 防止代入
「undefined 防止代入」とは何を守りたいのか「undefined 防止代入」は、一言でいうと「よく分からない値を代入したせいで、ちゃんと入っていた値を undefined で上書きしてしまう事...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：安全処理 – 存在チェック付き実行
「存在チェック付き実行」とは何を守りたいのか存在チェック付き実行は、一言でいうと「その値が“本当に実行していい関数か”を確認してから呼ぶ」ためのパターンです。業務コードでよくあるのが、こういうやつです...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：安全処理 – オプショナル取得
「オプショナル取得」とは何を楽にしたいのかオプショナル取得は、一言でいうと「あるかもしれないし、ないかもしれない値を“落とさずに”扱うための取り方」です。業務コードだと、こんな状況が日常茶飯事です。u...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：安全処理 – 安全なプロパティ取得
なぜ「安全なプロパティ取得」が業務で必須になるのか業務コードで一番よく見るエラーの一つがこれです。Cannot read properties of undefined (reading 'xxx')...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：安全処理 – デフォルト値補完
なぜ「デフォルト値補完」が業務でめちゃくちゃ大事なのか業務コードでは、「外から来る値」がとにかく信用できません。API レスポンス、フォーム入力、設定ファイル、環境変数、ローカルストレージなど、どれも...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：安全処理 – try-catch ラッパー
なぜ「try-catch ラッパー」が業務で効いてくるのかまず前提として、JavaScript の try-catch は「例外が投げられても、アプリ全体を落とさずに処理を続けるための仕組み」です。t...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：安全処理 – 安全な JSON stringify
JSON.stringify の基本をまず押さえるJSON.stringify は、「JavaScript の値（オブジェクトや配列など）を JSON 文字列に変換する関数」です。const obj ...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：安全処理 – 安全な JSON parse
JSON.parse が「危険」になりやすい理由まず前提として、JSON.parse は「JSON 形式の文字列を、JavaScript の値（オブジェクトや配列など）に変換する関数」です。const...
C# C# Tips | 文字列処理：Unicode正規化
はじめに 「Unicode正規化」は“見た目は同じ文字を、本当に同じにそろえる”作業Unicode正規化は、一言でいうと「見た目は同じなのに、内部的なバイト列が違う文字列を、同じ形にそろえる」処理です...
C# C# Tips | 文字列処理：Levenshtein距離
はじめに 「Levenshtein距離」は“どれくらい似ているか”を数字で教えてくれるものLevenshtein（レーベンシュタイン）距離は、「ある文字列を別の文字列に変えるために、何回“1文字の挿入...
C# C# Tips | 文字列処理：曖昧検索
はじめに 「曖昧検索」は“ちょっと間違っていても拾ってあげる”検索業務システムで検索機能を作ると、こんなことが起きがちです。「ユーザーが Yamda とタイプミスしても、本当は Yamada を出した...
C# C# Tips | 文字列処理：部分一致検索
はじめに 「部分一致検索」は“文字列の中から、手がかりを探す”作業業務システムでは、こういうことをよくやります。商品名に「りんご」が含まれているデータだけを抽出したいログの1行の中に「ERROR」とい...
C# C# Tips | 文字列処理：文字列比較（大文字無視）
はじめに 「大文字無視の文字列比較」は“人間の感覚に合わせる”ためのテクニック業務システムでは、ユーザー名、コード値、フラグ文字列などを比較するときに、「OK と ok は同じとみなしたい」「Yes ...
C# C# Tips | 文字列処理：XML圧縮
はじめに 「XML圧縮」は“意味はそのまま、見た目だけ最小化する”ここでいう「XML圧縮」は、GZip などのバイナリ圧縮ではなく、改行・インデント・余計な空白をできるだけ取り除いて、XML文字列を短...
C# C# Tips | 文字列処理：XML整形
はじめに 「XML整形」は“タグの森に道をつける”作業XMLは、設定ファイル、外部システム連携、古めのWebサービスなどで今でもよく使われますが、そのまま1行でベタッと出てくると、とても読みにくいです...
C# C# Tips | 文字列処理：JSON圧縮
はじめに 「JSON圧縮」は“意味は変えずに、できるだけ短くする”ことここでいう「JSON圧縮」は、GZipなどのバイナリ圧縮ではなく、「余計な改行・インデント・スペースを削って、JSON文字列を最小...
C# C# Tips | 文字列処理：JSON整形
はじめに 「JSON整形」は“ぐちゃぐちゃなJSONを、人間が読める形にする”作業APIレスポンス、ログ、設定ファイル——JSONは業務システムのあちこちに出てきますが、そのままだと{"id":1,"...