1. JavaScriptで
「キャピタライズ」を
実装してみる
執筆者：トビウオ

2. 目次
• キャピタライズとは？
• 実装例①〜③
• 実装同士のパフォーマンス比較
• おまけ：Unicodeの範囲で考える

3. キャピタライズとは？
• 元々の単語を「lanGUage」とする
• LANGUAGE←全部大文字にする
• language←全部小文字にする
• Language←先頭だけ大文字にする 今回扱う
のはこれ

4. キャピタライズとは？
• JavaScriptで書くとこんな感じ
• この中で toCapitalize() を創りたい

5. 実装例①
• すぐ思いつくだろう実装はこんな感じ
• 先頭の文字だけ切り取って大文字にする
• それ以外の文字列を切り取って小文字にする

6. 実装例②
• 正規表現を使って先頭文字だけ置換する
• JavaScriptの正規表現で「w」は「[A-Za-z0-
9_]」と同じ意味
出典：https://www.samanthaming.com/pictorials/how-to-capitalize-a-string/

7. 実装例③
• 「upper camel case」のように、複数単語のそれ
ぞれの先頭文字を大文字にしたい場合の例

8. どの実装がベターなのか？
• 実装例③は複数単語を含むテキストを扱う場合
に使う
• 実装例①と②は、①の方がずっと高速
• 実装例①は、String.prototypeから派生するより
、普通のfunctionにした方がずっと高速

9. どの実装がベターなのか？
出典：https://stackoverflow.com/questions/1026069/
• 実装1と実装3は無視で
きるほどの差
• 実装2は実装1より半分
ほど遅い
• 実装4は実装1の1/5ほ
どの速度しかない

10. おまけ：Unicodeの話をしよう
• 先ほどまでの実装で、「普通の英数字(ASCIIコー
ドの範囲内)」なら問題ない
• 「ＡｂＣ」など、それ以外の文字の先頭も大
文字にしたい場合は話がややこしくなる
このスライド以降の出典：
https://stackoverflow.com/questions/1026069/

11. おまけ：Unicodeの話をしよう
• スプレッド記法を使うとUnicodeな文字でも1文字
づつにバラせる
• 頭の文字だけ toUpperCase() で大文字にする

12. おまけ：Unicodeの話をしよう
• 先ほどのだと、例えば1万文字ある文字列相手だと
非効率なため、先頭文字だけ切り出して頑張る手も

13. おまけ：Unicodeの話をしよう
• 実は同じ文字でも言語によって「大文字・小文字
」の変換結果が変わったりする
• 例えば「i」を、英語と考えて大文字にすると「I」
だが、トルコ語だと「İ」に変換される

14. おまけ：Unicodeの話をしよう
• なので言語指定できるように修正するとこうなる