基礎編Ⅲ【フォントとユニコード】




コメントアートの解説で「00A0」や「2001」など
良くわからない文字の羅列を見たことはありませんか?

コメントを操るということ。
それはすなわち 文字を操る ということ。

当然文字に関する知識が少なからず必要となります。

ここでは、そんな文字・フォントに関する基礎的な知識の解説をさせていただきます。


※画像は旧プレイヤーのインターフェースとなっていますが、
 基本的なボタン配置はほぼ同じなため、解説に支障がないものに
 関してはそのまま使用していますのでご了承ください。


◎目次




①ユニコード


コメントアートを製作する際には普段は使わないような記号・文字を
使用することが多々あります。

unicode 1.jpg

色々な文字の中から取捨選択をして使用するわけです。
でも、一つ一つの文字を説明しようとする場合、
「花の文字」「星の文字」などといった言葉ではどの文字を指しているのか正確にはわかりませんよね・・・。


unicode 2.jpg

この二つの星の文字をどう呼び分けましょうか・・・。

そこで、「ユニコード」の出番です。

コンピュータ上で使われる文字には「文字コード」と呼ばれる特定の符号、いわば番号が割り振られています。
文字コードは様々な規格があるのですが、
その中でも 「unicode(ユニコード)」 と呼ばれる文字コードは
全世界の文字を単一の文字コードで表されており、Microsoft Windows、Mac OS X、LinuxやJavaなど
多くのOS、プログラムで使用されています。


unicode 3.jpg

ユニコードを使えば、二つの文字を番号で呼び分けられます。
番号は16進法で表されます。


※ユニコード番号の調べ方


ユニコードの文字番号はどのように調べればよいでしょうか?

  • IMEパッドから調べる方法

windowsユーザーの場合、
IMEパッドからユニコード番号を調べることができます。

unicode 4.jpg

文字一覧の表から番号がわかりますが、
調べたい文字にマウスカーソルを動かせば、ポップアップが表示されます。
(vista&win7の場合)

↓XPの方はこちら
+...
一覧上からは番号はわかりませんが、ポップアップは表示されます。
unicode 6.jpg





  • 変換サイトを利用する方法

⇒ http://code.cside.com/3rdpage/jp/unicode/converter.html
  (10進、16進文字コードin HTMLユニコード)

unicode 5.jpg

上記のサイトで任意の文字のユニコード番号を調べることができます。



②コメントの文字フォント


フォントとは、コンピュータ上に表示される文字の書体のこと。

その種類も実に多様なわけですが、
ニコニコ動画のプレイヤー上に表示されるコメントのフォント(書体)は
いくつか種類が決まっています。

大きく分けて、以下の3種類があります (windowsの場合)

ゴシック体

明朝体

丸文字体

font 1.jpg
ひらがな・漢字・全角アルファベット・全角数字。
それぞれ書体が変化しています。


※ゴシック体


HTML5版で仕様が変わったため
新CAwikiを参照してください。
「フォントとユニコード」defontコマンド



※明朝体


HTML5版で仕様が変わったため
新CAwikiを参照してください。
「フォントとユニコード」minchoコマンド



※丸文字体


HTML5版で仕様が変わったため
新CAwikiを参照してください。
「フォントとユニコード」gothicコマンド





③コメント幅・高さ


コメントの横幅と高さは 黄枠を基準にして考えます。

width+height 1.jpg


※コメント幅


フォントによってコメント幅は大きく変わります。
これはフォントの特徴がそのままコメント表示に反映されるためです。

・ゴシック体(MS Pゴシック)の場合

 読みやすさを重視したフォントであるため、個々の文字の幅が異なります。
 よって、コメントにおいても それぞれの全角文字で幅が変わります。

  width+height 2.jpg


 ただし、「漢字」は共通の幅を持っており、他のフォントにおける全角文字の幅とも一致します。

  width+height 3.jpg

 この幅を 「漢字幅」 と呼びます。
 基準のコメント幅として扱われることが多いです。


・明朝体(Simsun)、丸文字体(Gulim)の場合

 全角文字は基本的に皆同じ幅を持つフォントであるため、
 コメント上でも ほぼ全ての全角文字の幅が同じになります。

 | width+height 4.jpg | width+height 5.jpg |


 かな文字のように、フォントが変わるとコメント幅が変化するものもあります。

 頻繁に使う文字である場合は、フォントによるコメント表示の変化 ( 「挙動」 と言います)
 正確に把握しておくことが必要です。
 個々の文字の挙動については「知識編Ⅰ【空白文字】」、「知識編Ⅳ【文字の挙動】」等で解説いたします。 


※高さ


高さに関してはコメント幅のようなフォントによる違いはありません。
サイズと、行数によって決まっています。

詳しくは「制作編Ⅱ【コメント位置調整】」等で解説いたします。









ツールボックス

下から選んでください:

新しいページを作成する
ヘルプ / FAQ もご覧ください。