JavaScript 【実務・中級編】 String.prototype.padEnd() – JavaScript実践ガイド
お疲れ。最近、管理画面のダッシュボードやデータグリッドのUIを組んでいて、「数字やステータスの桁数がバラバラで、画面のレイアウトがガタガタになる…」なんて頭を抱えていないか？「あー、CSSで頑張るか、めんどくさいから自前でパディング用の関数...
文字列操作（Stringメソッド：slice, replace, includes, テンプレートリテラル）
JavaScript JavaScript 【実務・中級編】 String.prototype.padStart() – JavaScript実践ガイド
やあ、お疲れ。今日も元気にコード書いてるかい？先日のプルリクエストで、日付のフォーマット処理にわざわざ三項演算子と文字列結合をネストさせているコードを見かけたんだ。気持ちは痛いほど分かる。「1桁の月や日に `0` をパディングしたい」という...
JavaScript 【実務・中級編】 String.prototype.repeat() – JavaScript実践ガイド
やあ、お疲れ。最近、コードレビューをしていて「おっ、いい着眼点だな」と思う一方で、「いや、そこは素直に標準メソッド使おうぜ！」とツッコミを入えたくなる場面によく遭遇するんだ。今回は、JavaScriptの文字列操作系メソッドの中でも、地味な...
JavaScript 【実務・中級編】 String.prototype.concat() – JavaScript実践ガイド
やあ。最近、コードレビューをしていて、ふと目についたんだ。君が書いたその文字列結合のコード、何気なく `concat()` メソッドを使っていないかい？「複数の文字列を繋げるんだから、専用の `String.prototype.concat...
JavaScript 【実務・中級編】 String.prototype.codePointAt() – JavaScript実践ガイド
やあ、調子はどうだい？最近、チームのコードレビューをしていて「あー、またここでサロゲートペアの罠にハマってるな……」って膝を打つことが増えたんだよね。UIの文字数制限をバリデーションしたり、ユーザー名やチャットの入力欄で絵文字をゴリゴリ処理...
JavaScript 【実務・中級編】 String.prototype.charCodeAt() – JavaScript実践ガイド
こんにちは。チームのみんな、今日もコード書いてるかい？フロントエンドをやっていると、画面から入力されたフォームのバリデーションや、URLのパース、さらにはクリップボードの操作など、なんだかんだで「文字列操作」に直面する時間は多いよね。`sl...
JavaScript 【実務・中級編】 String.prototype.charAt() – JavaScript実践ガイド
お疲れ。最近、コードレビューをしていて「おっ、ここは若いけどよく分かってるな」と思う瞬間と、「あー、昔の癖が抜け切ってないな」と苦笑いする瞬間があるんだよね。今回は、JavaScriptの文字列操作の基本中の基本、`String.proto...
JavaScript 【実務・中級編】 String.prototype.endsWith() – JavaScript実践ガイド
おい、調子はどうだい？最近、コードレビューをしていて「またここで無駄な正規表現書いてるな……」ってため息をつくことが増えたんだよね。例えば、URLの拡張子チェックや、ファイルパスの判定なんかでさ。「文字列が特定の文字で終わるか」を調べたいだ...
JavaScript 【実務・中級編】 String.prototype.startsWith() – JavaScript実践ガイド
お疲れ。今日のコードレビューで、また「あの書き方」を見かけたんだよね。// レビューでよく見るやつif (str.indexOf('prefix_') === 0) { // 処理}おいおい、平成か！……いや、冗談はさておき、中級からもう一...
JavaScript 【実務・中級編】 String.prototype.lastIndexOf()による逆順検索 – JavaScript実践ガイド
やあ。最近、コードレビューをしていて「あ、これ惜しいな」「もっと綺麗に書けるのに」と思うことがよくあるんだよね。特に文字列操作あたりは、なんとなく`indexOf()`や正規表現を引っ張り出してきて、動くには動くけど……というコードに出会う...