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


※上記の広告は60日以上更新のないWIKIに表示されています。更新することで広告が下部へ移動します。




コメントアートの解説で「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
ひらがな・漢字・全角アルファベット・全角数字。
それぞれ書体が変化しています。


※ゴシック体


「MS Pゴシック」 と呼ばれるフォントです。
プレイヤー上で表示される基本的なフォントはこのゴシック体となります。

font 2.jpg


※明朝体


中国語の表記に用いられるフォント 「Simsun」 というフォントが使用されています。
(なぜ日本で一般的に使われるような「MS明朝」などでないのかは不明・・・。)

font 3.jpg

通常の状態では表示されず、コメント表示に負荷がかかった場合や、
プレイヤー上で必ず明朝フォントで表示される文字(「明朝化文字」などと呼ばれます)を
コメント内に含めた場合に切り替わります。

明朝化文字はいくつか種類がありますが、
「ˋ」(U+02CB)「█」(U+2588) といった文字が有名です。


※丸文字体


「Gulim」 と呼ばれるフォントが使われます。

font 4.jpg

このフォントも明朝フォントと同様、コメント表示に負荷がかかった場合や、
プレイヤー上で必ず丸文字フォントで表示される文字(「丸文字化文字」などと呼ばれます)を
コメント内に含めた場合に切り替わります。

丸文字化文字もいくつか種類がありますが、 「그」(U+ADF8)「♥」(U+2665) などが挙げられます。

フォントの切り替えは色々な要素が絡むことも多く、
また、プレイヤー上の表示の変化もとても複雑です。
詳しくは「知識編Ⅴ【フォント決定ルール】」にて解説いたします。



③コメント幅・高さ


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

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 もご覧ください。