「フォントとユニコード」の編集履歴（バックアップ）一覧はこちら
フォントとユニコード - (2017/01/06 (金) 00:51:36) の１つ前との変更点
追加された行は緑色になります。
削除された行は赤色になります。
[[トップページ>コメントアートwiki トップページ]]
----
#blockquote(){コメントアートの解説で「00A0」や「2001」など
良くわからない文字の羅列を見たことはありませんか？
コメントを操るということ。
それはすなわち&bold(){文字を操る}ということ。
今後の解説においても文字・フォントに関する知識が少なからず必要となります。
ここでは、そんな文字・フォントに関する基礎的な知識の解説をさせていただきます。}
&bold(){&sizex(6){◎目次}}
#contents_line(sep=/)
----
*&bold(){&sizex(7){①ユニコード}}
コメントアートを製作する際には普段は使わないような記号・文字を使用することが多々あります。
&blankimg(unicode 1.png,width=610,height=457)
色々な文字の中から取捨選択をして使用するわけです。
でも、一つ一つの文字を説明しようとする場合、「花の文字」「星の文字」などといった言葉では
どの文字を指しているのか正確にはわかりません。
&blankimg(unicode 2.png,width=272,height=192)
この二つの星の文字をどう呼び分けますか？。
&bold(){&sizex(5){そこで、「ユニコード」の出番です。}}
コンピュータ上で使われる文字には「文字コード」と呼ばれる特定の符号、いわば番号が割り振られています。
文字コードは様々な規格があるのですが、
その中でも&bold(){&color(red){&sizex(6){「unicode(ユニコード)」}}}と呼ばれる文字コードは
全世界の文字を単一の文字コードで表されており、Microsoft Windows、Mac OS X、LinuxやJavaなど
多くのOS、プログラムで使用されています。
&blankimg(unicode 3.png,width=272,height=192)
ユニコードを使えば、二つの文字を番号で呼び分けることが出来ます。
番号は16進法で表されます。
**&sizex(6){①-①ユニコード番号の調べ方}
ユニコードの文字番号の調べ方は以下の方法があります。
・&bold(){&sizex(4){IMEパッドから調べる方法}}
&blankimg(unicode 4.png,width=733,height=311)
windowsOSの場合、
IMEパッドからユニコード番号を調べることができます。
文字一覧の表から番号がわかりますが、調べたい文字にマウスカーソルを動かせば、ポップアップが表示されます。
&bold(){(後の項目で触れる「[[空白文字]]」や「装飾文字」と呼ばれる普段使う機会がない文字もIMEパッドからなら簡単に入力できます。)}
・&bold(){&sizex(4){変換サイトを利用する方法}}
⇒ http://code.cside.com/3rdpage/jp/unicode/converter.html
(10進、16進文字コードin HTMLユニコード)
&blankimg(unicode 5.png,width=593,height=315)
上記のサイトで任意の文字のユニコード番号を調べることができます。
----
*&bold(){&sizex(7){②コメントの文字フォント}}（旧情報のため現在改装中です。）
フォントとは、コンピュータ上に表示される文字の書体のことです。
その種類も実に多様なわけですが、ニコニコ動画のプレイヤー上に表示されるコメントのフォント(書体)は
いくつか種類が決まっています。
&bold(){&sizex(4){注：以下の挙動はFlashプレーヤーを使っている場合のみにおいて発生する現象です。HTML5版（β）プレーヤーでは以下のようなフォントの挙動は見られません。HTML5版（β）ではコマンド欄に}&bold(){&color(red){&sizex(4){mincho}}}}&bold(){&sizex(4){と入力した場合は明朝体（游明朝体）に、}&bold(){&color(red){&sizex(4){gothic}}}}&bold(){&sizex(4){と入力した場合はゴシック体（游ゴシック体）になります。}}
HTML5版プレーヤーでは、以下のタイプに分けられます。
**&sizex(6){②-①defont}
&bold(){&sizex(5){・&color(green){「MS Pゴシック」}}}
&blankimg(font 2 - MS P ゴシック.png,width=544,height=250)
&bold(){&sizex(4){windowsOSかつ、IE・Firefox・Edgeブラウザで視聴した際表示されるフォント}}です。
プレイヤー上で表示される基本的なフォントはこのゴシック体となります。
**&sizex(6){②-②明朝体}
&bold(){&sizex(5){・&color(green){「Simsun」}}}
&blankimg(font 4 - Simsun.png,width=581,height=250)
中国語の表記に用いられるフォントが使用されています。
通常の状態では表示されませんが、&bold(){&sizex(4){windowsOSかつIE・Firefox・Edgeブラウザで視聴した際}}、
後述する特定の文字をコメント内に含めた場合などに切り替わります。
また&bold(){&sizex(4){コメント表示に負荷がかかり化けが発生した場合、表示されることが多い}}フォントです。
&bold(){&color(red){※windowsOS以外、またはChromeブラウザで視聴した場合は切り替わらず}}ゴシック体のままとなります。
**&sizex(6){②-③丸文字体}
&bold(){&sizex(5){・&color(green){「Gulim」}}}
&blankimg(font 6 - Gulim.png,width=581,height=250)
このフォントもSimsunと同様、
通常の状態では表示されず、&bold(){&sizex(4){windowsOS、IE・Firefox・Edgeブラウザで視聴した際}}、
特定の文字をコメント内に含めた場合などに切り替わります。
----
*&bold(){&sizex(7){③フォント変化文字}}（旧情報のためこちらの項目は間もなく削除致します。）
上記で紹介した各フォントへは、
それぞれ特定の文字をコメント内に含めることで切り替えることが出来ます。
この特定の文字の事を&bold(){フォントを変化させる文字(&sizex(6){&color(orange){フォント変化文字}}})と呼びます。
&bold(){&sizex(6){※フォント変化文字の一例}}
**&sizex(5){③-①&color(green){Simsun化文字}}
プレーヤー上では常にSimsunで表示されます。
&bold(){&sizex(4){&color(red){「ˋ」(U+02CB)、「█」(U+2588)、「﹗」(U+FE57)}}}など。
**&sizex(5){③-②&color(green){MingLiU化文字}}
プレーヤー上では常にMingLiUで表示されます。
&bold(){&sizex(4){&color(red){「」(U+EF04)}}}など。
**&sizex(5){③-③&color(green){Gulim化文字}}
プレーヤー上では常にGulimで表示されます。
&bold(){&sizex(4){&color(red){「그」(U+ADF8)、「♥」(U+2665)、}}}その他ハングル文字など。
※1つのコメント内にフォント変化文字を複数含めた場合、幾つかのルールに従ってフォントが決定されます。
(→フォント決定ルール)
**&sizex(6){③-④&color(green){ゴシック化文字(ゴシック保護文字)}}
フォントを変化させる文字もあれば、強制的にゴシック体に戻す効果がある文字もあります。
プレーヤー上では常にゴシック体で表示される文字です。
&bold(){&sizex(4){&color(red){「・」(U+30FB)、「･」(U+FF65)、「ヾ」(U+30FE)、}}}半角カタカナなど。
&bold(){&sizex(4){コメントの化け対策として特に有効}}な文字となります。
(→フォント化け対策)
----
*&bold(){&sizex(7){④フォントと文字幅}}（旧情報のため現在改装中です。）
コメントの文字幅は表示されるフォントに依存します。
これはフォントの特徴がそのままコメント表示に反映されるためです。
・&bold(){&sizex(4){Arialの場合}}
大文字、小文字で文字の幅に違いがあります。
&blankimg(width7 - Arial.png,width=408,height=288)
・&bold(){&sizex(4){MS Pゴシックの場合}}
読みやすさを重視したフォント(プロポーショナル フォント)であるため、個々の文字の幅が異なります。
よって、コメントにおいても&bold(){&sizex(4){&color(red){それぞれの全角文字で幅が変わります。}}}
&blankimg(width1 - MS P ゴシック.png,width=408,height=288)
ただし、&bold(){&sizex(4){&color(red){「漢字」は共通の幅を持っており、他のフォントにおける全角文字の幅とも一致します。}}}
&blankimg(width2 - 漢字幅.png,width=408,height=288)
この幅を特に&bold(){&sizex(6){&color(orange){「漢字幅」}}}と呼びます。
基準のコメント幅として扱われることが多いです。
・&bold(){&sizex(4){その他のフォントの場合}}
MS Pゴシック以外のフォントは等幅フォントであるため、
&bold(){&sizex(4){&color(red){コメント上でも ほぼ全ての全角文字の幅が同じ}}}になります。
| &blankimg(width4 - Simsun.png,width=272,height=192) | &blankimg(width5 - MingLiU.png,width=272,height=192) |
| &blankimg(width3 - メイリオ.png,width=272,height=192) | &blankimg(width6 - Gulim.png,width=272,height=192) |
これらの文字幅の違いはコメントのリサイズ調整などに関係してきます。
特に頻繁に使うフォント・文字である場合は、
フォントによるコメント表示の変化&bold(){(&sizex(6){&color(orange){「挙動」}}と呼ばれます)}を正確に把握しておくことが必要です。
----
&sizex(6){&bold(){next:}[[知識編Ⅱ【空白文字】>空白文字]]}
&bold(){prev:基礎編Ⅲ【視聴環境と製作環境について】}
[[トップページ>コメントアートwiki トップページ]]
[[トップページ>コメントアートwiki トップページ]]
----
#blockquote(){コメントアートの解説で「00A0」や「2001」など
良くわからない文字の羅列を見たことはありませんか？
コメントを操るということ。
それはすなわち&bold(){文字を操る}ということ。
今後の解説においても文字・フォントに関する知識が少なからず必要となります。
ここでは、そんな文字・フォントに関する基礎的な知識の解説をさせていただきます。}
&bold(){&sizex(6){◎目次}}
#contents_line(sep=/)
----
*&bold(){&sizex(7){①ユニコード}}
コメントアートを製作する際には普段は使わないような記号・文字を使用することが多々あります。
&blankimg(unicode 1.png,width=610,height=457)
色々な文字の中から取捨選択をして使用するわけです。
でも、一つ一つの文字を説明しようとする場合、「花の文字」「星の文字」などといった言葉では
どの文字を指しているのか正確にはわかりません。
&blankimg(unicode 2.png,width=272,height=192)
この二つの星の文字をどう呼び分けますか？。
&bold(){&sizex(5){そこで、「ユニコード」の出番です。}}
コンピュータ上で使われる文字には「文字コード」と呼ばれる特定の符号、いわば番号が割り振られています。
文字コードは様々な規格があるのですが、
その中でも&bold(){&color(red){&sizex(6){「unicode(ユニコード)」}}}と呼ばれる文字コードは
全世界の文字を単一の文字コードで表されており、Microsoft Windows、Mac OS X、LinuxやJavaなど
多くのOS、プログラムで使用されています。
&blankimg(unicode 3.png,width=272,height=192)
ユニコードを使えば、二つの文字を番号で呼び分けることが出来ます。
番号は16進法で表されます。
**&sizex(6){①-①ユニコード番号の調べ方}
ユニコードの文字番号の調べ方は以下の方法があります。
・&bold(){&sizex(4){IMEパッドから調べる方法}}
&blankimg(unicode 4.png,width=733,height=311)
windowsOSの場合、
IMEパッドからユニコード番号を調べることができます。
文字一覧の表から番号がわかりますが、調べたい文字にマウスカーソルを動かせば、ポップアップが表示されます。
&bold(){(後の項目で触れる「[[空白文字]]」や「装飾文字」と呼ばれる普段使う機会がない文字もIMEパッドからなら簡単に入力できます。)}
・&bold(){&sizex(4){変換サイトを利用する方法}}
⇒ http://code.cside.com/3rdpage/jp/unicode/converter.html
(10進、16進文字コードin HTMLユニコード)
&blankimg(unicode 5.png,width=593,height=315)
上記のサイトで任意の文字のユニコード番号を調べることができます。
----
*&bold(){&sizex(7){②コメントの文字フォント}}（旧情報のため現在改装中です。）
フォントとは、コンピュータ上に表示される文字の書体のことです。
その種類も実に多様なわけですが、ニコニコ動画のプレイヤー上に表示されるコメントのフォント(書体)は
いくつか種類が決まっています。
&bold(){&sizex(4){注：以下の挙動はFlashプレーヤーを使っている場合のみにおいて発生する現象です。HTML5版（β）プレーヤーでは以下のようなフォントの挙動は見られません。HTML5版（β）ではコマンド欄に}&bold(){&color(red){&sizex(4){mincho}}}}&bold(){&sizex(4){と入力した場合は明朝体（游明朝体）に、}&bold(){&color(red){&sizex(4){gothic}}}}&bold(){&sizex(4){と入力した場合はゴシック体（游ゴシック体）になります。}}
HTML5版プレーヤーでは、以下のタイプに分けられます。
**&sizex(6){②-①defont}
&bold(){&sizex(5){・&color(green){「MS Pゴシック」}}}
&blankimg(font 2 - MS P ゴシック.png,width=544,height=250)
&bold(){&sizex(4){windowsOSかつ、IE・Firefox・Edgeブラウザで視聴した際表示されるフォント}}です。
プレイヤー上で表示される基本的なフォントはこのゴシック体となります。
**&sizex(6){②-②mincho}
&bold(){&sizex(5){・&color(green){「游明朝体」}}}
（画像）
普通にコメントした場合は表示されませんが、&bold(){&sizex(4){コマンド欄に「mincho」と入力した際}}に切り替わります。
**&sizex(6){②-③gothic}
&bold(){&sizex(5){・&color(green){「游ゴシック体」}}}
&blankimg(font 6 - Gulim.png,width=581,height=250)
このフォントもminchoと同様、
普通にコメントした場合は表示されませんが、&bold(){&sizex(4){コマンド欄に「mincho」と入力した際}}に切り替わります。
----
*&bold(){&sizex(7){③フォント変化文字}}（旧情報のためこちらの項目は間もなく削除致します。）
上記で紹介した各フォントへは、
それぞれ特定の文字をコメント内に含めることで切り替えることが出来ます。
この特定の文字の事を&bold(){フォントを変化させる文字(&sizex(6){&color(orange){フォント変化文字}}})と呼びます。
&bold(){&sizex(6){※フォント変化文字の一例}}
**&sizex(5){③-①&color(green){Simsun化文字}}
プレーヤー上では常にSimsunで表示されます。
&bold(){&sizex(4){&color(red){「ˋ」(U+02CB)、「█」(U+2588)、「﹗」(U+FE57)}}}など。
**&sizex(5){③-②&color(green){MingLiU化文字}}
プレーヤー上では常にMingLiUで表示されます。
&bold(){&sizex(4){&color(red){「」(U+EF04)}}}など。
**&sizex(5){③-③&color(green){Gulim化文字}}
プレーヤー上では常にGulimで表示されます。
&bold(){&sizex(4){&color(red){「그」(U+ADF8)、「♥」(U+2665)、}}}その他ハングル文字など。
※1つのコメント内にフォント変化文字を複数含めた場合、幾つかのルールに従ってフォントが決定されます。
(→フォント決定ルール)
**&sizex(6){③-④&color(green){ゴシック化文字(ゴシック保護文字)}}
フォントを変化させる文字もあれば、強制的にゴシック体に戻す効果がある文字もあります。
プレーヤー上では常にゴシック体で表示される文字です。
&bold(){&sizex(4){&color(red){「・」(U+30FB)、「･」(U+FF65)、「ヾ」(U+30FE)、}}}半角カタカナなど。
&bold(){&sizex(4){コメントの化け対策として特に有効}}な文字となります。
(→フォント化け対策)
----
*&bold(){&sizex(7){④フォントと文字幅}}（旧情報のため現在改装中です。）
コメントの文字幅は表示されるフォントに依存します。
これはフォントの特徴がそのままコメント表示に反映されるためです。
・&bold(){&sizex(4){Arialの場合}}
大文字、小文字で文字の幅に違いがあります。
&blankimg(width7 - Arial.png,width=408,height=288)
・&bold(){&sizex(4){MS Pゴシックの場合}}
読みやすさを重視したフォント(プロポーショナル フォント)であるため、個々の文字の幅が異なります。
よって、コメントにおいても&bold(){&sizex(4){&color(red){それぞれの全角文字で幅が変わります。}}}
&blankimg(width1 - MS P ゴシック.png,width=408,height=288)
ただし、&bold(){&sizex(4){&color(red){「漢字」は共通の幅を持っており、他のフォントにおける全角文字の幅とも一致します。}}}
&blankimg(width2 - 漢字幅.png,width=408,height=288)
この幅を特に&bold(){&sizex(6){&color(orange){「漢字幅」}}}と呼びます。
基準のコメント幅として扱われることが多いです。
・&bold(){&sizex(4){その他のフォントの場合}}
MS Pゴシック以外のフォントは等幅フォントであるため、
&bold(){&sizex(4){&color(red){コメント上でも ほぼ全ての全角文字の幅が同じ}}}になります。
| &blankimg(width4 - Simsun.png,width=272,height=192) | &blankimg(width5 - MingLiU.png,width=272,height=192) |
| &blankimg(width3 - メイリオ.png,width=272,height=192) | &blankimg(width6 - Gulim.png,width=272,height=192) |
これらの文字幅の違いはコメントのリサイズ調整などに関係してきます。
特に頻繁に使うフォント・文字である場合は、
フォントによるコメント表示の変化&bold(){(&sizex(6){&color(orange){「挙動」}}と呼ばれます)}を正確に把握しておくことが必要です。
----
&sizex(6){&bold(){next:}[[知識編Ⅱ【空白文字】>空白文字]]}
&bold(){prev:基礎編Ⅲ【視聴環境と製作環境について】}
[[トップページ>コメントアートwiki トップページ]]
