JavaScript 【実務・中級編】 String.prototype.replace()による置換 – JavaScript実践ガイド
おい、調子はどうだい？最近、コードレビューをしていて「あぁ、ここでその書き方しちゃうか……」と頭を抱えることが増えてきたんだ。特に文字列置換のあたりね。「文字を置き換えたいから、とりあえず `replace()` 使っとけばいいか」って感じ...
JavaScript
JavaScript JavaScript 【実務・中級編】 String.prototype.substr()の非推奨性 – JavaScript実践ガイド
お疲れ。今日も今日とてレガシーコードの爆弾処理に追われてないか？フロントエンドの現場にいると、「動くから触るな」の精神で放置された数年前のコードベースに出くわすことが本当によくある。今日も、あるプロダクトの文字列ユーティリティを覗いたら、懐...
JavaScript 【実務・中級編】 String.prototype.substring()との比較 – JavaScript実践ガイド
やあ、お疲れ様。最近、コードレビューをしていて「またここで罠を踏み抜いてるな…」って思うポイントがあるんだ。それが今回話す `String.prototype.substring()` と `String.prototype.slice()...
JavaScript 【実務・中級編】 String.prototype.slice()の挙動 – JavaScript実践ガイド
フロントエンドの現場でコードレビューをしていると、文字列の切り出しごときに `substring` を使ったり、挙動をよく理解していないまま適当に引数を渡してバグを生んでいるシーンに遭遇することが結構ある。文字列操作はフロントエンド開発の基...
JavaScript 【実務・中級編】 lengthプロパティによる文字数取得 – JavaScript実践ガイド
おい、調子はどうだ？今日も元気にフロントエンドの荒波を泳ぎ回っていることと思う。さて、今回はJavaScriptの文字列操作、その中でも一見「誰でも知っている」ほど基本的な`length`プロパティについて、あえて深く掘り下げてみようと思う...
JavaScript 【実務・中級編】 タグ付きテンプレートリテラル – JavaScript実践ガイド
おい、調子はどうだい？最近、後輩のコードレビューをしていて「おっ、なかなかやるじゃん」と感心させられることがあったんだ。それが今回話す 「タグ付きテンプレートリテラル（Tagged Template Literals）」 を使ったコードだっ...
JavaScript 【実務・中級編】 テンプレートリテラルの基本構文と式展開 – JavaScript実践ガイド
やあ。今日も今日とてコードレビューに追われてお疲れさん。最近、後輩のコードを見ていて「おっ、いいじゃん」と思う瞬間が増えてきたんだけど、同時に「あー、まだ昔のクセが抜けてないな」と感じる部分もあるんだよね。その一つが、文字列の結合だ。いまだ...
JavaScript 【実務・中級編】 文字列プリミティブとStringオブジェクトの差異 – JavaScript実践ガイド
おい、調子はどうだい？最近、コードレビューをしていて「おっ」と我が目を疑うようなコードを見かけたんだよね。// レビューで見かけたヤバいコードconst strObj = new String('Hello World');if (strO...
JavaScript 【実務・中級編】 @deprecatedによる非推奨の警告 – JavaScript実践ガイド
フロントエンドの戦場で日々コードを書き殴っていると、避けて通れないのが「技術的負債」の整理整頓だ。「この古いユーティリティ関数、誰も使ってないはずだけど、もしかしてどこかのレガシーな画面でまだインポートされてる……？」「新しい設計のAPIに...
JavaScript 【実務・中級編】 @moduleと@exportsによるモジュール型定義 – JavaScript実践ガイド
お疲れ。最近、TypeScriptの導入が進んでいる現場は多いけれど、既存のレガシーなコードベースや、あえてビルドステップを複雑にしたくないマイクロライブラリの構築などで、「プレーンなJavaScript（JSDoc）でどこまで型安全を担保...