Webページ上で英数字を表記する際に全角文字を使用すると
可読性の問題やバランスの悪さに加えて、アクセシビリティ等にも影響を与え
問題が多く発生します。

Webページに掲載する英数字は基本的にはすべて半角にするのが望ましいですが
Webページ制作の際に外部からいただいた原稿の中で使われている英数字が
全角や半角が入り混じっていることがよくあります。

そんな場合などにわざわざ原稿内の全角英数字をチェックをして書き直すのも手間なので
文章中の全角英数字をすべて半角に変換するツールを作ってみたので紹介してみます。

全角英数字 → 半角英数字 [FONT TYPE CHANGE]


全角英数字 → 半角英数字 [FONT TYPE CHANGE]

使い方は簡単で、
画面上のテキストフィールドに変換させたい文章を貼り付けるだけで、
即座に文章中の全角英数字が半角英数字に変換されます。

変換される文字は以下となり、
「A~Z」
「a~z」
「0~9」
「.」
「,」
このように、大文字と小文字の全角英字と全角の数字に合わせ、
全角の「.(ドット)」「,(コンマ)」となっています。
※「。(句点)」「、(読点)」は変換されません。

もちろん日本語の全角文字や
もともと半角英数字で書かれているものについては
なにも影響せずにそのままの状態になります。

とても単純なツールですが
Webページに掲載する文章に全角英数字が含まれているか
チェックが面倒なときなどにも活用いただけると幸いです。

全角英数字を半角英数字に変換する際にぜひ。。。

  • このエントリーをはてなブックマークに追加
BlackFlag
FOLLOW

Related Posts

Comments (2)

  • 宮下 | 2016.10.20 15:30

    いつもサイトを見て勉強させていただいてます。
    質問があるのですが、 black frag のヘッダーロゴをどうやって作っているのか教えていただきたいです。

    フォントもかっこいいですし、アニメーションの挙動も参考にしたいのですが作り方が分かりません。

    もしよければ教えてください。

  • BlackFlag | 2016.10.23 11:12

    >宮下さん
    コメントありがとうございます。
    当ブログのロゴについてそのようなお言葉をいただき
    うれしく思っております。

    フォントは「BickhamScript」を使って整えており
    ロゴをSVG化してSVGアニメーションにて動作させています。

    「SVGアニメーション」でWeb検索すると
    いろいろとやり方が出てくると思いますので
    参考にしてみていただければと思います。

    よろしくお願いします。







コメント内容

※コメントにHTMLタグを直接入力しないでください。
※HTMLタグを入力する際はタグ一つ一つの括弧「<」「>」を全角に変換して入力してください。
コメントは承認制になっているのですぐには反映されません。コメント頂いた内容については出来る限り早めの対応を心掛けていますが、時期によって返答が遅くなってしまうことがありますので、何卒ご了承ください。
» コメントについてのご注意  |  » ライセンスに関して

文章中の全角英数字をすべて半角英数字に変換するツール「全角英数字 → 半角英数字 [FONT TYPE CHANGE]」作ってみました

Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Tweets
Book
  • jQuery Technical Note
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR