無料バイオニック読み取りコンバーター

使い方

Bionic Readerはブラウザ内で手書きのトークナイザーを直接適用します — ライブラリ、サーバーは不要です。Unicode対応の正規表現を使ってすべての単語をスキャンし、単語の先頭部分を太字にします。これは、目が単語を認識するために「先頭に注視する」という考え方に基づいています。

1. 1
   Unicodeトークナイズ

   Unicodeプロパティエスケープの正規表現（\p{L}\p{M}）が生のテキストを走査し、アクセント付き文字や非ASCII文字を含むすべての単語を識別します。「don't」や「self-aware」のような短縮形やハイフン付き複合語は1つのトークンとして扱われ、太字が自然な注視点に来るようにしています。
2. 2
   注視長の計算

   各トークンについて、太字にする先頭部分の長さはMath.ceil(word.length * fixationPct)で計算されます。fixationPctは操作可能なスライダー（20%〜80%、デフォルト50%）です。短い単語でも常に最低1文字は太字になるよう最小値が強制されます。
3. 3
   安全なHTML構築

   トークン間の非単語スパンは挿入前にHTMLエスケープされ、意図しないタグの注入を防ぎます。各単語はbタグの接頭辞と通常のテキストの接尾辞に分割され、それらのセグメントが結合されて1つのHTML文字列となり、プレビューパネルにライブレンダリングされます。
4. 4
   クリップボードへのエクスポート

   結果を書式付きリッチテキスト（Clipboard APIのClipboardItemをtext/html blobで使用し、Gmail、Word、Notionに貼り付けても太字が維持される）、プレーンテキスト、または生のHTMLマークアップとしてコピーできます — 3つの方法すべてがブラウザ内で完全にnavigator.clipboardを使用します。

関連ツール