WordPressアップデートによるテーマファイル構成の不具合により、現在は仮のテーマで表示しています。
記事など読みづらいところが多々あると思いますがご了承いただけると幸いです。
鋭意修正中です…

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

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

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

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

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


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

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

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

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

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

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

文章中の全角英数字をすべて半角英数字に変換するツール「全角英数字 → 半角英数字 [FONT TYPE CHANGE]」作ってみました」への2件のフィードバック

  • 2016年10月20日 @ 3:30 PM
    パーマリンク

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

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

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

    返信
  • 2016年10月23日 @ 11:12 AM
    パーマリンク

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

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

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

    よろしくお願いします。

    返信

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です