JavaScript
JavaScript | 1 日 90 分 × 7 日アプリ学習：強化版カウンターアプリ（初級編）
@lifehacker
JavaScript JavaScript | 非同期処理：Promise 基礎 – Promise の状態（pending / fulfilled / rejected）
Promise の状態を一言でイメージするPromise は「そのうち結果が入る箱」 で、その箱には常にどれか 1 つの「状態」がくっついています。pending（保留中）fulfilled（成功）r...
JavaScript JavaScript | 非同期処理：Promise 基礎 – Promise とは何か
まず Promise を一言でイメージするPromise は、「まだ終わっていない非同期処理の“結果がそのうち入る箱”」だと思ってください。今は結果が分からないけど、そのうち 成功するかもしれないもし...
Java Java Tips | 文字列処理：郵便番号チェック
郵便番号チェックは「“7桁の数字っぽいもの”だけを通す」ための技住所入力フォーム、配送先登録、請求書の宛先設定…。業務システムで「郵便番号」を扱う場面もかなり多いですよね。ここで何もチェックしないと、...
Java Java Tips | 文字列処理：電話番号チェック
電話番号チェックは「“電話っぽい数字”だけを通す」ための技業務システムでは、電話番号を入力してもらう場面が本当に多いです。問い合わせフォーム、会員登録、配送先情報、緊急連絡先…。ここでチェックをしない...
Java Java Tips | 文字列処理：メール形式チェック
メール形式チェックは「“それっぽい文字列”を早めにはじく」ための技業務システムでは、ユーザーにメールアドレスを入力してもらう場面が山ほどあります。ログインID、問い合わせフォーム、会員登録、通知先設定...
Java Java Tips | 文字列処理：伏字処理
伏字処理は「内容は伝えつつ、直接は書かない」ための技マスク処理は「個人情報などを見せていい範囲だけ残す」テクニックでした。一方で 伏字処理 は、もう少し“表現寄り”のテクニックです。NGワードを伏せた...
Java Java Tips | 文字列処理：マスク処理
マスク処理は「見せていいところだけ見せる」ための技業務システムでは、「全部は見せちゃダメだけど、ある程度は見せたい情報」がたくさんあります。クレジットカード番号電話番号メールアドレス会員ID、社員番号...
PHP PHP Tips | 文字列処理：フォーマット – HTML エスケープ
「HTML エスケープ」で何を守りたいのかまず、ここをちゃんとイメージしてほしいです。ユーザー入力をそのまま画面に出すと、こういうことが起きます。$name = $_GET['name'] ?? 'ゲ...
PHP PHP Tips | 文字列処理：フォーマット – URL デコード
「URL デコード」で何をしたいのかイメージする前回の「URL エンコード」は、「生の文字列 → URL 用に安全な文字列（%E3%81…）」への変換でした。URL デコードは、その逆です。"Hell...
PHP PHP Tips | 文字列処理：フォーマット – URL エンコード
そもそも「URL エンコード」とは何をしているのかまず、ざっくりイメージからいきます。"こんにちは PHP & URL" → "こんにちは PHP & URL" のまま URL に入れる → 文字化け...
PHP PHP Tips | 文字列処理：フォーマット – 数字のみ抽出
「数字のみ抽出」でやりたいことをまずイメージするここでやりたいのは、こういうことです。"合計: 1,234円（税込）" → "1234""TEL: 03-1234-5678" → "031234567...
PHP PHP Tips | 文字列処理：フォーマット – 英数字のみ抽出
「英数字のみ抽出」でやりたいことをイメージするまず、ゴールのイメージからはっきりさせます。"ユーザーID: user-001" → "user001""商品コード ABC-123-JP" → "ABC...
PHP PHP Tips | 文字列処理：フォーマット – 数値以外除去
「数値以外除去」でやりたいことをイメージするまず、ゴールのイメージからはっきりさせます。"1,234" → "1234""¥9,800円" → "9800""TEL: 03-1234-5678" → ...
PHP PHP Tips | 文字列処理：フォーマット – 金額フォーマット（通貨記号付き）
「通貨記号付きの金額フォーマット」でやりたいことをイメージするまず、ゴールのイメージからいきます。1000 → "¥1,000"1234567 → "¥1,234,567"1234.5 → "¥1,2...
PHP PHP Tips | 文字列処理：フォーマット – 金額フォーマット（カンマ）
「金額フォーマット（カンマ）」でやりたいことをイメージするまず、やりたいことはとてもシンプルです。"1000" → "1,000""1000000" → "1,000,000""0" → "0""12...
PHP PHP Tips | 文字列処理：フォーマット – 郵便番号フォーマット
まず「郵便番号フォーマット」でやりたいことをはっきりさせる業務で郵便番号を扱うとき、だいたいこんな状況になります。ユーザー入力はバラバラです。"1234567""123-4567""１２３−４５６７"...
PHP PHP Tips | 文字列処理：フォーマット – 電話番号フォーマット
まず「電話番号フォーマット」でやりたいことをはっきりさせる業務で電話番号を扱うとき、だいたいこんな問題が出てきます。ユーザーが「ハイフンあり」「ハイフンなし」「スペース入り」などバラバラに入力してくる...
C# C# Tips | 文字列処理：パディング（右）
はじめに 「右パディング」は“枠を決めて、左にそろえて並べる”技左パディングが「右寄せ」だとしたら、右パディングはその逆で「左寄せ」をきれいにそろえるためのテクニックです。業務システムだと、例えばこん...
C# C# Tips | 文字列処理：パディング（左）
はじめに 「左パディング」は“桁をそろえて、きれいに並べる”技業務システムでは、こんな表示やデータ形式がよく出てきます。1 → 001 にしたい（3桁でゼロ埋め）A → A にしたい（4文字幅で右寄せ...
C# C# Tips | 文字列処理：ランダム文字列生成
はじめに 「ランダム文字列生成」は“それっぽいIDやトークンを安全に作る”技業務システムで「ランダム文字列」が欲しくなる場面はたくさんあります。一時パスワードメール確認用トークン招待コードファイル名の...
C# C# Tips | 文字列処理：UUID生成
はじめに 「UUID生成」は“かぶらないIDを雑に、でも安全に作る”技業務システムを作っていると、ほぼ必ず出てくるのが「一意なIDが欲しい」という場面です。注文ID、トランザクションID、ファイル名、...
C# C# Tips | 文字列処理：電話番号検証
はじめに 「電話番号検証」は“ぐちゃっとした入力を、安全な数字列に整える”仕事電話番号入力って、郵便番号以上に“ゆらぎ”が激しいです。03-1234-567809012345678０３−１２３４−５６...
C# C# Tips | 文字列処理：郵便番号検証
はじめに 「郵便番号検証」は“ゆらぎを受け止めて、きっちり7桁にそろえる”仕事郵便番号入力って、一見シンプルに見えますよね。「7桁の数字でしょ？」で終わりそうですが、実務ではそうはいきません。「123...
C# C# Tips | 文字列処理：URL検証
はじめに 「URL検証」は“危なそうな文字列を入口で止めるフィルタ”業務システムで URL を扱う場面は多いですよね。ユーザーが入力したホームページURL外部サービスのコールバックURL管理画面で設定...
C# C# Tips | 文字列処理：メールアドレス検証
はじめに 「メールアドレス検証」は“現実と割り切りのバランスを取る技”業務システムでほぼ確実に出てくるのが「メールアドレス入力欄」です。ここで悩ましいのが、「どこまで厳密にチェックするか？」です。RF...
C# C# Tips | 文字列処理：日本語判定
はじめに 「日本語判定」は“文字列の中身の“顔ぶれ”を見分ける技業務システムだと、こんな要件がよく出てきます。氏名は日本語で入力してほしい（漢字・ひらがな・カタカナ）ログインIDは日本語禁止（英数字の...
C# C# Tips | 文字列処理：英字のみ抽出
はじめに 「英字のみ抽出」は“コードやIDからアルファベットの芯だけを抜き出す”技業務システムでは、こんな文字列がよく出てきます。"UserID: AB123""商品コード: JP-2025-001"...
C# C# Tips | 文字列処理：数字のみ抽出
はじめに 「数字のみ抽出」は“文字列から数値の芯だけを取り出す”技業務システムでは、こういう文字列がよく出てきます。"ID: 12345""注文No=AB-2025-00123""TEL 03-123...
C# C# Tips | 文字列処理：正規表現置換
はじめに 「正規表現置換」は“パターンで探して、一気に書き換える”技一致判定は「合っているかどうか」、抽出は「取り出す」でした。正規表現置換は、そのさらに一歩先——「合っているところを、別の形に書き換...
C# C# Tips | 文字列処理：正規表現抽出
はじめに 「正規表現抽出」は“文字列の中から欲しいところだけをすくい取る”技一致判定（IsMatch）は「ルールに合っているか？」を見るだけでしたが、業務ではそれだけでは足りません。ログの 1 行から...
C# C# Tips | 文字列処理：正規表現一致判定
はじめに 「正規表現一致判定」は“文字列ルールをコードにする道具”業務システムでは、「この文字列はメールアドレス形式か？」「このコードは英数字だけか？」「この入力は3桁の数字か？」といった“ルールチェ...
C# C# Tips | 文字列処理：文字列結合
はじめに 「文字列結合」は“バラした情報を一つの形にまとめる”技さっきまで「文字列分割」でバラす話をしてきましたが、業務ではその逆——「バラバラの情報を 1 本の文字列にまとめる」場面も同じくらい多い...
Java Java | Java 詳細・モダン文法：JVM・パフォーマンス – escape analysis
escape analysis を一言でいうとescape analysis（エスケープ解析）は、JIT コンパイラが「このオブジェクトはメソッドの外に“逃げる”か？」「このオブジェクトはスレッドの外...
Java Java | Java 詳細・モダン文法：JVM・パフォーマンス – String プール
String プールを一言でいうとString プールは、「同じ内容の文字列を、JVM の中でできるだけ 1 個だけにまとめて共有する仕組み」です。Java の String は不変（immutabl...
Java Java | Java 詳細・モダン文法：JVM・パフォーマンス – 不要なオブジェクト生成
「不要なオブジェクト生成」がなぜパフォーマンス問題になるのかJava では new しても GC が片付けてくれるので、「とりあえず new しとけばいいや」となりがちです。でも、オブジェクトを作るた...
Java Java | Java 詳細・モダン文法：JVM・パフォーマンス – パフォーマンス測定
「なんとなく速そう」ではなく「数字で語る」がパフォーマンス測定パフォーマンス測定の一番大事なポイントは、「体感」や「勘」ではなく、数字で語ることです。「この実装の方が速い気がする」ではなく、「この処理...
Java Java | Java 詳細・モダン文法：JVM・パフォーマンス – Stop The World
Stop The World を一言でいうとStop The World（STW）は、「JVM が何か重要な作業をするために、アプリケーションのスレッドを一時的に全部止めること」です。特に GC（ガー...
Java Java | Java 詳細・モダン文法：JVM・パフォーマンス – GC の基本
GC を一言でいうと「いらなくなったオブジェクトの自動掃除屋」GC（Garbage Collection）は、「もう使われていないオブジェクトを、自動で見つけて捨ててくれる仕組み」です。C や C++...
Java Java | Java 詳細・モダン文法：JVM・パフォーマンス – ヒープ / スタック
ヒープとスタックを「机」と「倉庫」でイメージするまずはイメージからいきましょう。スタックは「今やっている作業のための机」。ヒープは「作ったモノを置いておく大きな倉庫」。机（スタック）の上には、今呼び出...
Java Java | Java 詳細・モダン文法：JVM・パフォーマンス – JVM メモリ構造
JVM メモリ構造をざっくり一枚の絵にするまずイメージからいきます。JVM のメモリは、大きく言うと次のような「部屋」に分かれています。ヒープ（Heap）：new したオブジェクトが住む場所スタック（...
JavaScript JavaScript | 非同期処理：コールバック – Promise が生まれた背景
なぜ Promise なんてものが出てきたのか（ざっくり全体像）Promise は、「非同期処理をコールバックだけで頑張った結果、みんながしんどくなったので生まれた“救急アイテム” です。特に、次のよ...
JavaScript JavaScript | 非同期処理：コールバック – 可読性の低下
「コールバックで可読性が落ちる」という話の本質コールバックは、非同期処理には欠かせない仕組みです。ただし、使い方次第でコードの「可読性（読みやすさ）」を一気に悪くしてしまう ことがあります。特に問題に...
JavaScript JavaScript | 非同期処理：コールバック – エラーハンドリングの問題
コールバックとエラーハンドリングの関係（まず全体像）コールバックを使った非同期処理では、「エラーをどう扱うか」 が一気に難しくなります。同期処理なら、try { const result = doSo...
JavaScript JavaScript | 非同期処理：コールバック – コールバック地獄
コールバック地獄とは何か（まずイメージ）コールバック地獄（callback hell）は、「非同期処理をコールバックだけでつなぎまくった結果、コードが右に右にネストしまくって、読めない・直せない状態」...
JavaScript JavaScript | 非同期処理：コールバック – ネストしたコールバック
ネストしたコールバックとは何か（まずイメージ）ネストしたコールバックというのは、「コールバックの中で、さらに別の非同期処理を呼び、その中でまたコールバックを書き…と階段状に深くなっていく書き方」 のこ...
JavaScript JavaScript | 非同期処理：コールバック – 同期コールバックとの違い
いちばん大事な違いのイメージまず、ざっくりこう覚えてください。同期コールバック→ 「その場で、すぐに呼ばれるコールバック」非同期コールバック→ 「あとで、別のタイミングで呼ばれるコールバック」どちらも...
JavaScript JavaScript | 非同期処理：コールバック – 非同期コールバック
まず「非同期コールバック」を一言でイメージする非同期コールバックは、「“今すぐ”ではなく、“あとで”呼び出してもらうために登録しておく関数」のことです。普通のコールバックも「あとで呼ばれる関数」ですが...
JavaScript JavaScript | 非同期処理：コールバック – setInterval の仕組み
setInterval を一言でいうと何かsetInterval は「この処理を◯ミリ秒ごとにくり返し実行してね」とブラウザ（または Node）に頼む関数です。setTimeout が「1回だけ、あと...
JavaScript JavaScript | 非同期処理：コールバック – setTimeout の仕組み
まず setTimeout を一言でイメージするsetTimeout は、「この処理を◯ミリ秒“後に”実行してね」とブラウザ（または Node）にお願いする関数です。ポイントはここです。setTime...
JavaScript JavaScript | 非同期処理：コールバック – コールバック関数とは
コールバック関数のイメージ（まず感覚から）コールバック関数は、「あとで呼んでね」と他の関数に渡しておく関数 です。自分で直接 myFunc() と呼ぶのではなく、「この処理が終わったときに、この関数を...
Java Java Tips | 文字列処理：制御文字除去
制御文字除去は「“見えないゴミ”を取り除いてトラブルを防ぐ」技業務で外部システムからファイルを受け取ったり、コピー＆ペーストされたテキストを扱っていると、画面には見えないのに、処理だけおかしくなる“謎...
Java Java Tips | 文字列処理：JSONエスケープ
JSONエスケープは「文字列を“JSONとして壊さない形”にする」技業務でAPIを作ったり、フロントとバックエンドでJSONをやり取りしていると、「文字列をJSONに埋め込んだらパースエラーになった」...
Java Java Tips | 文字列処理：SQLエスケープ
SQLエスケープは「文字列を“SQLの一部”として安全に扱う」ための技…なんだけど最初に、いちばん大事なことから言います。業務・実務では「SQLエスケープを書けるようになる」ことよりも、「SQLエスケ...
Java Java Tips | 文字列処理：HTMLアンエスケープ
HTMLアンエスケープは「エンコードされた文字を“元の文字”に戻す」技HTMLエスケープは、< や & を < や & に変換して「安全に表示する」ための技でした。HTMLアンエスケープ...
Java Java Tips | 文字列処理：HTMLエスケープ
HTMLエスケープは「文字列を“ただの文字”として安全に表示する」技Web画面に文字列を表示するとき、その文字列が「HTMLとして解釈されるか」「ただの文字として扱われるか」は、とても重要です。<b>...
Java Java Tips | 文字列処理：改行統一
改行統一は「バラバラな改行コードを“同じルール”にそろえる」技業務システムを書いていると、いろんなところからテキストが入ってきます。Windows で作られたファイル、Linux サーバ上のログ、We...
Java Java Tips | 文字列処理：中央寄せ
中央寄せは「タイトルや見出しを“きれいに見せる”」ための技左寄せ・右寄せは「読みやすさ」「桁そろえ」のためのテクニックでしたが、中央寄せ（センタリング） はどちらかというと「見た目のバランス」を整える...
Java Java Tips | 文字列処理：右寄せ
右寄せは「桁をそろえて“数字やコードを読みやすくする”」技左寄せが「文字を左にそろえて見やすくする」技だとしたら、右寄せは「数字や桁ものを右にそろえて、比較しやすくする」技です。固定長ファイル、帳票、...
Java Java Tips | 文字列処理：左寄せ
左寄せは「人間が読むために“左側をそろえる”」技パディングの話で「左パディング」「右パディング」をやりましたが、その中でも 左寄せ は「人間が読むときの見やすさ」に直結するテクニックです。固定長ファイ...
Java Java Tips | 文字列処理：パディング
パディングは「長さをそろえて“機械が扱いやすい文字列”にする」技業務システムでは、「桁数が決まっている文字列」がよく出てきます。顧客番号は10桁、請求書番号は8桁、固定長ファイルの項目は右詰め・左詰め...