JavaScript 【実務・中級編】 String.prototype.match()と正規表現の基本 – JavaScript実践ガイド
お疲れ様！今日のテーマは、誰もが一度は使ったことがある、でも実は仕様の「裏の顔」を正しく把握していないと本番環境で不意のランタイムエラー（特にあの悪名高き `TypeError: Cannot read properties of null...
JavaScript
JavaScript JavaScript 【実務・中級編】 String.prototype.localeCompare()による文字列比較 – JavaScript実践ガイド
おい、最近コード書いてるか？フロントエンドをある程度触ってくると、避けて通れないのが「データの並び替え（ソート）」や「文字列の比較」だ。ユーザーが入力したフォームのバリデーションだったり、テーブルヘッダーをクリックして昇順・降順を切り替えた...
JavaScript 【実務・中級編】 String.prototype.toLowerCase()の挙動とロケール対応 – JavaScript実践ガイド
おい、最近コード書いてるか？フロントエンドをやっていれば、ユーザーが入力したメールアドレスのバリデーションや、検索キーワードの正規化などで文字列を小文字に揃える処理なんて、一日に何回も書くはずだ。「そんなの `str.toLowerCase...
JavaScript 【実務・中級編】 String.prototype.toUpperCase()の挙動とロケール対応 – JavaScript実践ガイド
お疲れ。今日はJavaScriptにおける文字列操作の、一見すると「ただ大文字にするだけの地味なメソッド」――しかし、実務で痛い目を見ないと気付かない魔物が潜む `String.prototype.toUpperCase()` について話を...
JavaScript 【実務・中級編】 String.prototype.trimStart() / trimEnd() – JavaScript実践ガイド
こんにちは。チームのコードレビューをしていて、いまだに `replace(/^\s+/, '')` なんて古い正規表現を見かけると、思わず赤ペンを持ちたくなるシニアエンジニアの私です。君たちも、ユーザーが入力フォームに入れた前後の空白に悩ま...
JavaScript 【実務・中級編】 String.prototype.trim() – JavaScript実践ガイド
こんにちは。チームのコードレビューをしていて、未だに「あ、ここ`trim()`忘れてるな」というPRを見かけるたびに、そっとコーヒーを飲み干すシニアエンジニアの私だ。フロントエンド開発において、ユーザーからの入力を受け取る処理は避けて通れな...
JavaScript 【実務・中級編】 String.prototype.padEnd() – JavaScript実践ガイド
お疲れ。最近、管理画面のダッシュボードやデータグリッドのUIを組んでいて、「数字やステータスの桁数がバラバラで、画面のレイアウトがガタガタになる…」なんて頭を抱えていないか？「あー、CSSで頑張るか、めんどくさいから自前でパディング用の関数...
JavaScript 【実務・中級編】 String.prototype.padStart() – JavaScript実践ガイド
やあ、お疲れ。今日も元気にコード書いてるかい？先日のプルリクエストで、日付のフォーマット処理にわざわざ三項演算子と文字列結合をネストさせているコードを見かけたんだ。気持ちは痛いほど分かる。「1桁の月や日に `0` をパディングしたい」という...
JavaScript 【実務・中級編】 String.prototype.repeat() – JavaScript実践ガイド
やあ、お疲れ。最近、コードレビューをしていて「おっ、いい着眼点だな」と思う一方で、「いや、そこは素直に標準メソッド使おうぜ！」とツッコミを入えたくなる場面によく遭遇するんだ。今回は、JavaScriptの文字列操作系メソッドの中でも、地味な...
JavaScript 【実務・中級編】 String.prototype.concat() – JavaScript実践ガイド
やあ。最近、コードレビューをしていて、ふと目についたんだ。君が書いたその文字列結合のコード、何気なく `concat()` メソッドを使っていないかい？「複数の文字列を繋げるんだから、専用の `String.prototype.concat...