JavaScript
JavaScript | 1 日 120 分 × 7 日アプリ学習：タイマー & ストップウォッチ
2026-02-03
PHP PHP Tips | 文字列処理：URL・パス系 – 日本語ファイル名安全化
「日本語ファイル名安全化」で何をしたいのかイメージするまず、ゴールのイメージからはっきりさせます。「請求書_2025年3月分（最終版）.pdf」「写真 ① 家族旅行＠沖縄.jpg」こういう“人間には読...
PHP PHP Tips | 文字列処理：URL・パス系 – パス正規化（../ 除去）
「パス正規化（../ 除去）」で何をしたいのかイメージするまず、ゴールのイメージからはっきりさせます。"/var/www/html/../shared/config.php" → "/var/www/...
PHP PHP Tips | 文字列処理：URL・パス系 – パス結合ユーティリティ
「パス結合ユーティリティ」で何を楽にしたいのかまず、やりたいことのイメージからいきます。ベース: "/var/www/html"追加: "logs/app.log"→ "/var/www/html/l...
PHP PHP Tips | 文字列処理：URL・パス系 – 拡張子除去
「拡張子除去」で何をしたいのかイメージするまず、ゴールをはっきりさせます。"/var/www/html/report/sales.csv" → "/var/www/html/report/sales"...
PHP PHP Tips | 文字列処理：URL・パス系 – 拡張子取得
「拡張子取得」で何をしたいのかイメージするまず、ゴールをはっきりさせます。"/var/www/html/report/sales.csv" → "csv""/var/www/html/image/ph...
PHP PHP Tips | 文字列処理：URL・パス系 – ファイル名のみ取得
「ファイル名のみ取得」で何をしたいのかイメージするまず、ゴールのイメージからはっきりさせます。"/var/www/html/report/2025/sales.csv" → "sales.csv""/...
PHP PHP Tips | 文字列処理：URL・パス系 – 配列をクエリ文字列化
「配列をクエリ文字列化」で何をしたいのかまず、ゴールのイメージからいきます。['q' => 'php', 'sort' => 'desc', 'page' => 2]→ "q=php&sort=des...
PHP PHP Tips | 文字列処理：URL・パス系 – クエリ文字列を配列化
「クエリ文字列を配列化」で何をしたいのかまず、ゴールのイメージからいきます。"?q=php&sort=desc&page=2"→ ['q' => 'php', 'sort' => 'desc', 'p...
PHP PHP Tips | 文字列処理：URL・パス系 – URL からドメイン取得
「URL からドメイン取得」で何をしたいのかまずゴールをはっきりさせます。"" → "example.com""" → "sub.example.co.jp""" → "localhost""" → ...
PHP PHP Tips | 文字列処理：URL・パス系 – URL 正規化
まず「URL 正規化」で何をしたいのかイメージする「URL 正規化」と聞くと難しく感じますが、やりたいことは意外とシンプルです。""""""これらが「全部同じ場所を指している」のに、文字列としてはバラ...
Java Java Tips | 文字列処理：単語分割
単語分割は「検索・集計・ハイライト」の入口になる処理単語分割は、1本の文章を「単語ごと」にバラす処理です。英語なら "I love Java programming" を のように分けるイメージです。...
Java Java Tips | 文字列処理：行分割
行分割は「1つの長い文字列を“行ごと”に扱えるようにする」技業務システムでは、ログ、テキストファイル、メール本文、エラーメッセージなど、「複数行の文字列」を扱う場面がたくさんあります。でも、Javaの...
Java Java Tips | 文字列処理：後方一致
後方一致は「この文字列で終わっているか」を見るシンプルな判定後方一致は、「文字列が、ある決まった文字列で“終わっているか”どうか」を調べるテクニックです。ファイル名が .csv で終わるものだけ処理し...
Java Java Tips | 文字列処理：前方一致
前方一致は「この文字列で始まっているか」を見るシンプルな判定前方一致は、「文字列が、ある決まった文字列で“始まっているか”どうか」を調べるテクニックです。商品コードが ABC で始まるものだけ抽出した...
Java Java Tips | 文字列処理：部分一致
部分一致は「含まれているかどうか」を調べる基本テクニック業務システムで「部分一致」はめちゃくちゃよく出てきます。商品名に「りんご」が含まれているデータだけ検索したい。エラーメッセージに特定のキーワード...
Java Java Tips | 文字列処理：回文判定
回文判定は「左右対称かどうか」を見るシンプルなアルゴリズム回文（かいぶん）は、「前から読んでも後ろから読んでも同じ文字列」のことです。英語なら level, noon、日本語なら「たけやぶやけた」「し...
Java Java Tips | 文字列処理：文字列反転
文字列反転は「順番をひっくり返す」だけ…だけど侮れない文字列反転は、その名の通り「文字の並び順を逆にする」処理です。"ABC" → "CBA""山田太郎" → "郎太田山"一見すると「ただの遊び」みた...
Java Java Tips | 文字列処理：日付形式チェック
日付形式チェックは「“存在しない日付”を早めにはじく」ための技業務システムでは、日付入力は定番中の定番です。生年月日、締め日、請求日、支払日、予約日、納期…。ここで何もチェックしないと、2024-13...
Java Java Tips | 文字列処理：数値形式チェック
数値形式チェックは「パースする前に落とすためのフィルタ」業務システムでは、画面から入力された文字列を「整数として扱いたい」「金額として扱いたい」「小数として扱いたい」という場面が山ほどあります。ここで...
Java Java Tips | 文字列処理：URL形式チェック
URL形式チェックは「“リンクとして成立しているか”を早めにはじく」ための技ユーザーに「ホームページURL」「コーポレートサイト」「SNSのURL」などを入力してもらう場面、結構ありますよね。ここで何...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：基本判定・変換 – 浮動小数変換
「浮動小数変換」とは何をするものか浮動小数変換は、「文字列や整数などの値を“小数を含む数値”として安全に扱える形にする」ことです。金額（小数点以下の税率や手数料）、割合、重さ、距離、レート、単価など、...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：基本判定・変換 – 整数変換
「整数変換」とは何をするものか整数変換は、「文字列や小数など、いろいろな値を“業務で扱いやすい整数”にそろえる」ことです。数量、個数、ページ番号、ID、在庫数、ポイント、金額（税抜き・税込みの端数処理...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：基本判定・変換 – 数値変換
「数値変換」とは何をするものか数値変換は、「文字列やその他の値を、最終的に“ちゃんとした数値”として扱える形にする」ことです。業務コードでは、フォーム入力、CSV、API のレスポンスなど、ほとんどが...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：基本判定・変換 – 真偽値変換
「真偽値変換」とは何をするものか真偽値変換は、「どんな値でも最終的に true か false に決める」ことです。業務コードでは、「この値を条件として扱っていいか」「フラグとしてオンなのかオフなのか...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：基本判定・変換 – 空オブジェクト判定
空オブジェクトとは何かをまず整理するJavaScript の「オブジェクト」は、キーと値のペアを入れておくための入れ物です。その中に自分が定義したプロパティが 1 つもない {} の状態を、ここでは「...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：基本判定・変換 – 空配列判定
空配列とは何かをまず押さえるJavaScript の「配列」は、複数の値を順番付きで持てるオブジェクトです。その中に要素が 1 つも入っていない配列、つまり [] が「空配列」です。const a =...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：基本判定・変換 – 空文字判定
空文字とは何かをまず整理するJavaScript での「空文字」は、長さ 0 の文字列、つまり "" のことです。中に何も文字が入っていないけれど、「文字列という型の値」はちゃんと存在している状態です...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：基本判定・変換 – null または undefined 判定
「null または undefined 判定」とは何か業務コードでは「値が 0 かどうか」よりも、「そもそも値が“あるか・ないか”」を判定する場面がとても多いです。ここでいう「ない」は、JavaScr...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：基本判定・変換 – undefined 判定
JavaScript における undefined とはundefined は「まだ値が決まっていない」「存在しないものを見に行った」ときに JavaScript が自動的に使う特別な値です。プログラ...
JavaScript JavaScript Tips | 基本・共通ユーティリティ：基本判定・変換 – null 判定
JavaScript における「null」とはまず「null」は、「ここには“意図的に”値がない」ということを表す特別な値です。たとえば「まだデータが来ていない」「検索したけど見つからなかった」など、...
JavaScript JavaScript | 非同期処理：Promise 基礎 － エラー伝播
まず「エラー伝播」を一言でいうとPromise のエラー伝播は、「どこかの then で失敗しても、その“失敗情報”がチェーンを下へ流れていき、最後の catch まで届く仕組み」のことです。コールバ...
JavaScript JavaScript | 非同期処理：Promise 基礎 – 値の受け渡し
まず「値の受け渡し」を一言でいうとPromise の「値の受け渡し」は、「前の then（または resolve/reject）で決まった値が、次の then / catch にバトンのように渡ってい...
JavaScript JavaScript | 非同期処理：Promise 基礎 – チェーン処理
まず「チェーン処理」を一言でいうとPromise のチェーン処理は、「非同期のステップを、then を使って“上から順番に”つなげていく書き方」 です。コールバック地獄だと、A の中で B を呼んでB...
JavaScript JavaScript | 非同期処理：Promise 基礎 – finally の役割
まず finally を一言でいうとfinally は、「Promise が成功しても失敗しても“どっちにしても最後に必ず実行したい処理”を書く場所」です。例えば、ローディング表示を消したいモーダルを...
JavaScript JavaScript | 非同期処理：Promise 基礎 – catch の基本
まず catch を一言でいうとcatch は、「Promise で起きたエラー（失敗）を、最後にまとめて受け止める場所」です。then が「成功したときの続きを書く場所」だとしたら、catch は ...
JavaScript JavaScript | 非同期処理：Promise 基礎 – then の基本
まず then を一言でいうとthen は、「Promise が“成功したあとにやりたい処理”を登録するための関数」です。Promise は「そのうち結果が入る箱」でしたね。then はその箱に対して...
JavaScript JavaScript | 非同期処理：Promise 基礎 – reject の役割
まず「reject」のイメージを一言でreject は、「この Promise の非同期処理は“失敗”で終わったよ、と確定させるスイッチ」です。そして同時に、「なぜ失敗したのか（エラー情報）はこれだよ...
JavaScript JavaScript | 非同期処理：Promise 基礎 – resolve の役割
まず「resolve」のイメージを一言でresolve は、「この Promise の非同期処理は“成功”で終わったよ、と確定させるスイッチ」です。そして同時に、「成功した結果はこれだよ」と、Prom...
JavaScript JavaScript | 非同期処理：Promise 基礎 – Promise の状態（pending / fulfilled / rejected）
Promise の状態を一言でイメージするPromise は「そのうち結果が入る箱」 で、その箱には常にどれか 1 つの「状態」がくっついています。pending（保留中）fulfilled（成功）r...
JavaScript JavaScript | 非同期処理：Promise 基礎 – Promise とは何か
まず Promise を一言でイメージするPromise は、「まだ終わっていない非同期処理の“結果がそのうち入る箱”」だと思ってください。今は結果が分からないけど、そのうち 成功するかもしれないもし...