BudouXを使用してタイトルの改行位置を最適化する

GoogleのUXエンジニア飯塚修平さんが作成した、日本語改行問題を解消するためのライブラリBudouXを当ブログに導入してみたので方法を紹介。

このライブラリを使用するといい感じの所で改行することが可能になります。 導入前にイメージを掴みたい方はデモサイトが用意されていますのでそちらをご覧ください。

インストール

loading...

基本的な使い方

文字列をloadDefaultJapaneseParser()のparse()に渡すと文節ごとに区切った配列が返ってくるので、<wbr>や適切なタグで囲んであげたりして利用します。

loading...

当ブログでの導入事例

JavaScript

ライブラリはViteのnpm run buildしてできたvendor.***.jsをリネームして読み込んでいます。

loading...

CSS

loading...