【ブロガー必見】どこよりも使いやすい文字数カウンターを作りました

文字を愛し、文字に愛された男!!ひらがな、カタカナ、漢字、英語、全ての文字の生みの親!!そう!!この俺こそはぁぁぁぁぁ!!

というどこかで聞いた冗談は置いといて、文字数カウントを使いまくっていた僕が、どこよりも使いやすい文字数カウンターを目指して開発しました。

ブロガーのみなさん!

いきなりですが、文字かぞえていますか・・・?

ブロガーたるもの一記事入魂です!

僕の作った文字数カウンターを利用して、競合記事の文字数を調べてその記事の文字数を上回る記事を生産しましょう。

どこよりも使いやすい文字数カウント

どこよりも使いやすい文字数カウント 文字を数えよう──。 スペース&改行を無視した文字数:0 スペース&改行を含めた文字数:0

文字数カウント:https://woinc.jp/tool/mojisuu-count/

どこよりも使いやすいポイント

どこよりも使いやすい文字数カウントにするべく、「文字数をカウントする!」といったようなユーザーに無駄な労力を使わすボタンはつけていません。

文字数をペーストするだけで文字数がカウントされるし、入力すればリアルタイムでカウントされるので、まあまどこよりも使える文字数カウントができたんじゃないかな?

ブログやる以上、一記事の文字数は大切です。

最近ようやく育ってきたような感じがするこのブログですが、僕がこのブログを育てていくのためにもっとも気にかけているのが、一記事あたりの文字数です。

だいたい2,000文字から3,000文字の記事を量産するように心がけています。いや、もちろん中身が大切なんですが、文字数を増やすことうを意識すれば、自然と肉付けが多くなり、記事の質があがるんです。

すると、ユーザーの滞在時間は増えてGoogle的にも、いいサイトだ!となるわけです。

で、みんな文字数えてる?

僕は1日数回文字をかぞえています。

といっても、自分が書いたブログの文字数はワードプレスのエディターに表示されるので基本あまり使わないんですが、競合記事の文字数を調べるために使っていました。

で、なんで作ったの?

という質問ですが、ちゃんと文字数をかぞえられるオンラインツールがなかったためです。

そんなに重要?という話ですが、Google検索で表示されたとき、いかにクリックされやすいタイトルをつけるか、このへんかなり重要なポイントです。

限られた文字数でユーザーを惹きつけるタイトルをつけるのってなかなか難しいですよね。

タイトルの付け方については、こちらの記事も参考にしてください。

文字数に関する技術的な話

文字数カウントで検索して一番に出てくるオンラインサイトですが、これが文字数をしっかり数えられていないことに気づきました。

たとえば、お魚の「ほっけ」を漢字で書くと、「𩸽」と表します。

この「𩸽」の1文字をどこかの文字数カウントサイトで入力すると、文字数は「2」と表示されるんです。

これは、サロゲートペア文字に対応していないことが原因です。

例えば、Javascriptで文字数を数える関数に.length()がありますが、これを使っていると、「𩸽」を入力しても文字数が「2」と表示されてしまいます。

いやいやこれも見た目1文字だから1文字と表示してよ!!となったので、僕はしっかり1文字と表示される文字数カウントサイトを作るに至ったのです。

そもそも日本語は、マルチバイト文字で表しますが、基本的には2バイト使用するダブルバイト文字がほとんどです。しかしながら、「𩸽」という文字のようにまれに、2バイトでは表記できない文字も存在します。

この「𩸽」という文字は、見た目は1文字でもバイト数で表すと、4バイト使用しているんです。

こういった文字を、サロゲートペアと言います。

サロゲート‐ペア(surrogate pair)
ユニコードにおいて標準化された文字符号化方式、UTF-16で用いられる符号化の拡張方法。2バイトで定義された基本多言語面に含まれない拡張領域の文字を、2バイトのバイト列二つを組み合わせて、計4バイトで表す。

文字数を数える時、このサロゲートペアのような例外に対応できていないと、さきほどのようなバグが発生します。

サロゲートペアにあたる文字は、ほかにどんなものがあるのでしょうか?

サロゲートペアにあたる文字一覧

𠀋 𡈽 𡌛 𡑮 𡢽 𠮟 𡚴 𡸴 𣇄 𣗄 𣜿 𣝣 𣳾 𤟱 𥒎 𥔎 𥝱 𥧄 𥶡 𦫿 𦹀 𧃴 𧚄 𨉷 𨏍 𪆐 𠂉 𠂢 𠂤 𠆢 𠈓 𠌫 𠎁 𠍱 𠏹 𠑊 𠔉 𠗖 𠘨 𠝏 𠠇 𠠺 𠢹 𠥼 𠦝 𠫓 𠬝 𠵅 𠷡 𠺕 𠹭 𠹤 𠽟 𡈁 𡉕 𡉻 𡉴 𡋤 𡋗 𡋽 𡌶 𡍄 𡏄 𡑭 𡗗 𦰩 𡙇 𡜆 𡝂 𡧃 𡱖 𡴭 𡵅 𡵸 𡵢 𡶡 𡶜 𡶒 𡶷 𡷠 𡸳 𡼞 𡽶 𡿺 𢅻 𢌞 𢎭 𢛳 𢡛 𢢫 𢦏 𢪸 𢭏 𢭐 𢭆 𢰝 𢮦 𢰤 𢷡 𣇃 𣇵 𣆶 𣍲 𣏓 𣏒 𣏐 𣏤 𣏕 𣏚 𣏟 𣑊 𣑑 𣑋 𣑥 𣓤 𣕚 𣖔 𣘹 𣙇 𣘸 𣘺 𣜜 𣜌 𣝤 𣟿 𣟧 𣠤 𣠽 𣪘 𣱿 𣴀 𣵀 𣷺 𣷹 𣷓 𣽾 𤂖 𤄃 𤇆 𤇾 𤎼 𤘩 𤚥 𤢖 𤩍 𤭖 𤭯 𤰖 𤴔 𤸎 𤸷 𤹪 𤺋 𥁊 𥁕 𥄢 𥆩 𥇥 𥇍 𥈞 𥉌 𥐮 𥓙 𥖧 𥞩 𥞴 𥧔 𥫤 𥫣 𥫱 𥮲 𥱋 𥱤 𥸮 𥹖 𥹥 𥹢 𥻘 𥻂 𥻨 𥼣 𥽜 𥿠 𥿔 𦀌 𥿻 𦀗 𦁠 𦃭 𦉰 𦊆 𦍌 𣴎 𦐂 𦙾 𦚰 𦜝 𦣝 𦣪 𦥑 𦥯 𦧝 𦨞 𦩘 𦪌 𦪷 𦱳 𦳝 𦹥 𦾔 𦿸 𦿶 𦿷 𧄍 𧄹 𧏛 𧏚 𧏾 𧐐 𧑉 𧘕 𧘔 𧘱 𧚓 𧜎 𧜣 𧝒 𧦅 𧪄 𧮳 𧮾 𧯇 𧲸 𧶠 𧸐 𧾷 𨂊 𨂻 𨊂 𨋳 𨐌 𨑕 𨕫 𨗈 𨗉 𨛗 𨛺 𨥉 𨥆 𨥫 𨦇 𨦈 𨦺 𨦻 𨨞 𨨩 𨩱 𨩃 𨪙 𨫍 𨫤 𨫝 𨯁 𨯯 𨴐 𨵱 𨷻 𨸟 𨸶 𨺉 𨻫 𨼲 𨿸 𩊠 𩊱 𩒐 𩗏 𩙿 𩛰 𩜙 𩝐 𩣆 𩩲 𩷛 𩸽 𩸕 𩺊 𩹉 𩻄 𩻩 𩻛 𩿎 𪀯 𪀚 𪃹 𪂂 𢈘 𪎌 𪐷 𪗱 𪘂 𪘚 𪚲

うーん、まああんまり使わないか・・・

そして数時間ほどで完成しました。

どこよりも使いやすい文字数カウント

どこよりも使いやすい文字数カウント 文字を数えよう──。 スペース&改行を無視した文字数:0 スペース&改行を含めた文字数:0

文字数カウント:https://woinc.jp/tool/mojisuu-count/

姉妹ツールも作りました。

せっかくスクリプトを書いたのでケタ数カウントも作りました。

どこよりも使いやすい桁数カウント

どこよりも使いやすい桁数カウント ケタをかぞえよう──。 スペース&改行を無視したケタ数:0 スペース&改行を含めたケタ数:0

桁数カウント:https://woinc.jp/tool/mojisuu-count/

これ、ブロガーにとっては全く不要なツールです。

新聞の編集者とか、雑誌編集者とか、基本的に活字系の編集者さまにご利用いただければと思います。

まとめ|開発に使用したものたち

デザイン設計は PhotoShop を使用しました。

開発環境にはローカルマシンでさくっと環境構築ができる MAMP を起動して処理側に使用した言語は、PHPVue.js です。

エディターは PhpStorm を使っています。

Vue.js はバインディングのためだけなんですが、リアルタイムで文字数がカウントされるのは見てて気持ちいいですね。

どこよりも使いやすいツールを目指して作ったので、みんなが使ってくれたら嬉しいです。

なんだかんだ本日も3,000文字を生産

ということで、3,000文字を生産したのでこれに本日のブログ執筆作業は終了です。

この記事のテキストをコピーして、試しに文字数をかぞえてみてね!

人気