「制作編Ⅵ【フォント化け対策】」の編集履歴（バックアップ）一覧はこちら
「制作編Ⅵ【フォント化け対策】」(2014/08/07 (木) 09:10:16) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
[[トップページ>コメントアートwiki トップページ]]
----
#blockquote(){コメントアートをある程度まで行った者が誰しもぶつかる壁があります。
それは、&bold(){文字化け}。
もっとすごいコメントアートを作りたい！
でもあまり複雑なコメントアートを作るとコメントの表示がおかしくなる…。
このジレンマに多くの人たちが悩まされてきました。
このページではコメントの文字化け・フォント化けに
対抗するための技法の解説をいたします。}
&bold(){&sizex(6){◎目次}}
#contents_line(sep=/)
----
*&bold(){&sizex(7){①コメントは「化ける」もの}}
コメントはある一定以上の負荷がかかると
&bold(){自動的にフォントが切り替わる}ようになっています。
この現象を一般的にコメントの&bold(){&sizex(6){&color(orange){「化け」}}}と呼びます。
多くの場合は明朝体(「Simsun」)に切り替わりますが、
場合のよっては丸文字体(「Gulim」)にもなるようです
「化け」が起こる具体的な条件は未だよくわかってはいませんが、
基本的には動画自体の負荷、コメントサーバーの負荷、
そして個人のPCにおける負荷によって発生するようです。
例え高スペックなPCであってもコメントの状況(弾幕など)や
開いているブラウザの数等で発生条件は変わってきます。
そのため、&bold(){&sizex(4){&color(green){全く「化け」が起こらない環境は存在しない}}}と考えて
対策をするべきでしょう。
化けの種類も色々あり、実は原因がよくわかっていないバグもたくさんあるのですが、
このページでは最も発生確率が大きい&bold(){「連れ回し化け」}と&bold(){「超化け」}を紹介いたします。
*&bold(){&sizex(7){②「連れ回し化け」と対抗措置 ― ゴシック保護}}
1つのコメントのフォントが変化すると、
そのあとに表示されるコメントも同様のフォントに変化することがあります。
この化けを&bold(){&sizex(6){&color(orange){「連れ回し化け」}}}と呼びます。
きっかけとなるコメントが負荷による化けでも、
フォント変化文字を用いた意図的な化けであっても同様の効果となります。
ただし、コメントをフォント変化させたからといって、
必ず連れ回し化けが起こるわけではありません。
この化けは&bold(){主にゴシック体が他のフォントに変化する}、といった現象になります。
コメントアート制作時においては、フォントの安定が全体の表示の安定につながるため、
この化けが頻繁に起こるのはあまり好ましい事ではありません。
特にコメントアート内にフォント変化文字を使用していると
コメントアート全体の負荷の高さも関係して、化けの発生確率が高くなります。
この化けに対抗する方法は主に二つ考えられます。
1つは、&bold(){&color(green){フォント変化させたコメントのみでコメントアートを制作する方法}}です。
この化けは主に&bold(){ゴシック体が他のフォントに変化する現象}であるため、
変化すべきゴシック体のコメントを最初からコメントアート内に
含めないで制作すれば、化けが起こっても表示が変わる事はなくなります。
もう1つは、&bold(){&color(green){ゴシック化文字を使用する方法}}です。
ゴシック化文字は単体だと常にゴシック体で表示され、
他の文字へもゴシック体へのフォント変化を引き起こします。
つまり&bold(){&sizex(4){&color(red){画面内にゴシック化文字が表示されていれば、}}}
&bold(){&sizex(4){&color(red){同時に表示されているゴシック体コメントは、ほぼ確実にフォント変化を防ぐことが出来る}}}ようになります。
この現象を特に&bold(){&sizex(6){&color(orange){「ゴシック保護」}}}と呼びます。
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=30&file=%E3%82%B4%E3%82%B7%E3%83%83%E3%82%AF%E4%BF%9D%E8%AD%B71.jpg,width=816,height=375)
&bold(){特定のコメントだけフォント変化をさせ、}
&bold(){他のコメントは従来の通りゴシック体で表示させたい時}に重宝する方法です。
ゴシック保護に使用される文字はいくつかありますが、
一般的には&bold(){&color(red){「・」(U+30FB)「･」(U+FF65)}}や
&bold(){&color(red){「ヾ」(U+30FE)}}といった文字が特に効果が高い文字として使用されています。
ゴシック保護は画面上に文字が存在するだけでも
ある程度効果が見込まれますが、より強い効果を得るには
一定の条件を満たす必要があります。
&bold(){&sizex(4){①ゴシック体を維持したいコメントと同じサイズのコメントであること}}
&bold(){ →コマンドのサイズのみならず改行・臨界幅リサイズも含めた同サイズであること。}
&bold(){&sizex(4){②コメントの一番最初に配置すること。}}
&bold(){ →フォント決定ルールの関係から、最も左に表示させると効果的。}
特に「①」は格段に効果を上げることが出来ます。
実際にゴシック保護を使用する際はなるべく目立たない方法で
コメントをするのが良いでしょう。
(ex)
&bold(){&sizex(5){・&color(green){目立たない色でコメントをする}}}
&bold(){&sizex(4){ → 動画の黒い部分に重なるようにコメントし、目立たないようにする。}}
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=30&file=%E3%82%B4%E3%82%B7%E3%83%83%E3%82%AF%E4%BF%9D%E4%BD%BF%E7%94%A8%E4%BE%8B1.jpg,width=672,height=385)
&bold(){&sizex(5){・&color(green){「full」コマンドを用いる。}}}
&bold(){&sizex(4){ → 4：3画面の動画で「full」コマンドを用いると画面外に表示をさせる事が出来る。}}
(参考→「[[知識編Ⅵ【16：9モードについて】]]」)
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=30&file=%E3%82%B4%E3%82%B7%E3%83%83%E3%82%AF%E4%BF%9D%E4%BD%BF%E7%94%A8%E4%BE%8B2.jpg,width=672,height=385)
&bold(){&sizex(5){・&color(green){二重リサイズを用いる}}}
&bold(){&sizex(4){ → 「full」コマンドと同じく、画面外に表示をさせる。}}
(参考→「[[知識編Ⅲ【コメントのリサイズ】]]」)
&bold(){&sizex(5){・&color(green){コメントアート内に組み込む}}}
&bold(){&sizex(4){ → コメントアートの1パーツとして内部に組み込んでしまう。}}
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=30&file=%E3%82%B4%E3%82%B7%E3%83%83%E3%82%AF%E4%BF%9D%E4%BD%BF%E7%94%A8%E4%BE%8B3.jpg,width=544,height=386)
このように、目立たない方法で組み込むのがベターです。
高度なコメントアートはその複雑さの裏でこのような負荷対策も同時に行っています。
「[[制作編Ⅲ【省コメント(効率化)】]]」の内容とともに、洗練されたコメントアートを
制作する条件の1つとなるでしょう。
*&bold(){&sizex(7){③「超化け」について}}
同時に多くのソフトを起動していたり、
動画を再生していたりすると、コメントの負荷が高まり、
表示が修正不能なまでに化けてしまうことがあります。
これを&bold(){&sizex(6){&color(orange){「超化け」}}}といいます
超化けはコメント機能そのものの化けではなく、
&bold(){見る側のPCの処理上の負荷の問題}から発生する化けです。
そのためスペックの低いPCなどでは
超化けが発生する確率が高くなります。
一度超化けが起こると、
&bold(){&sizex(5){ブラウザを再起動しないと直らないことがほとんどです。}}
これが頻繁に起こるようになるととても厄介な化けになります。
超化けは見る側のPCスペックに依存するところが大きいため、
&bold(){&sizex(5){&color(red){確実に防ぐ方法は今のところはありません。}}}
自分のPCで問題なく表示されるからといって安心してはいけません。
「[[制作編Ⅲ【省コメント(効率化)】]]」にて解説したように、
可能な限り負荷のかからないコメントアートを
作ることを常に心がけましょう。
防ぐ方法はないとは言っても、
超化けの存在は知っておくべきでしょう。
自分のコメントアートのせいで知らず知らずのうちに
迷惑をかけている可能性だってあるのですから…。
----
&sizex(6){&bold(){next:}[[実践編Ⅰ【配置とタイミング】]]}
&bold(){prev:[[制作編Ⅴ【連結法】]]}
[[トップページ>コメントアートwiki トップページ]]
[[トップページ>コメントアートwiki トップページ]]
----
#blockquote(){コメントアートをある程度まで行った者が誰しもぶつかる壁があります。
それは、&bold(){文字化け}。
もっとすごいコメントアートを作りたい！
でもあまり複雑なコメントアートを作るとコメントの表示がおかしくなる…。
このジレンマに多くの人たちが悩まされてきました。
このページではコメントの文字化け・フォント化けに
対抗するための技法の解説をいたします。}
&bold(){&sizex(6){◎目次}}
#contents_line(sep=/)
----
*&bold(){&sizex(7){①コメントは「化ける」もの}}
コメントはある一定以上の負荷がかかると
&bold(){自動的にフォントが切り替わる}ようになっています。
この現象を一般的にコメントの&bold(){&sizex(6){&color(orange){「化け」}}}と呼びます。
多くの場合は明朝体(「Simsun」)に切り替わりますが、
場合によっては丸文字体(「Gulim」)にもなるようです
「化け」が起こる詳しい条件はまだよくわかってはいませんが、
基本的には動画自体の負荷、コメントサーバーの負荷、
そして個人のPCにおける負荷によって発生するようです。
例え高スペックなPCであってもコメントの状況(弾幕など)や
開いているブラウザの数等で発生条件は変わってきます。
そのため、&bold(){&sizex(4){&color(green){全く「化け」が起こらない環境は存在しない}}}と考えて
対策をするべきでしょう。
化けの種類も色々あり、実は原因がよくわかっていないバグもたくさんあるのですが、
このページでは最も発生確率が大きい&bold(){「連れ回し化け」}と&bold(){「超化け」}を紹介いたします。
*&bold(){&sizex(7){②「連れ回し化け」と対抗措置 ― ゴシック保護}}
1つのコメントのフォントが変化すると、
そのあとに表示されるコメントも同様のフォントに変化することがあります。
この化けを&bold(){&sizex(6){&color(orange){「連れ回し化け」}}}と呼びます。
きっかけとなるコメントが負荷による化けでも、
フォント変化文字を用いた意図的な化けであっても同様の効果となります。
ただし、コメントをフォント変化させたからといって、
必ず連れ回し化けが起こるわけではありません。
この化けは&bold(){主にゴシック体が他のフォントに変化する}、といった現象になります。
コメントアート制作時においては、フォントの安定が全体の表示の安定につながるため、
この化けが頻繁に起こるのはあまり好ましい事ではありません。
特にコメントアート内にフォント変化文字を使用していると
コメントアート全体の負荷の高さも関係して、化けの発生確率が高くなります。
この化けに対抗する方法は主に二つ考えられます。
1つは、&bold(){&color(green){フォント変化させたコメントのみでコメントアートを制作する方法}}です。
この化けは主に&bold(){ゴシック体が他のフォントに変化する現象}であるため、
変化すべきゴシック体のコメントを最初からコメントアート内に
含めないで制作すれば、化けが起こっても表示が変わる事はなくなります。
もう1つは、&bold(){&color(green){ゴシック化文字を使用する方法}}です。
ゴシック化文字は単体だと常にゴシック体で表示され、
他の文字へもゴシック体へのフォント変化を引き起こします。
つまり&bold(){&sizex(4){&color(red){画面内にゴシック化文字が表示されていれば、}}}
&bold(){&sizex(4){&color(red){同時に表示されているゴシック体コメントは、ほぼ確実にフォント変化を防ぐことが出来る}}}ようになります。
この現象を特に&bold(){&sizex(6){&color(orange){「ゴシック保護」}}}と呼びます。
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=30&file=%E3%82%B4%E3%82%B7%E3%83%83%E3%82%AF%E4%BF%9D%E8%AD%B71.jpg,width=816,height=375)
&bold(){特定のコメントだけフォント変化をさせ、}
&bold(){他のコメントは従来の通りゴシック体で表示させたい時}に重宝する方法です。
ゴシック保護に使用される文字はいくつかありますが、
一般的には&bold(){&color(red){「・」(U+30FB)「･」(U+FF65)}}や
&bold(){&color(red){「ヾ」(U+30FE)}}といった文字が特に効果が高い文字として使用されています。
ゴシック保護は画面上に文字が存在するだけでも
ある程度効果が見込まれますが、より強い効果を得るには
一定の条件を満たす必要があります。
&bold(){&sizex(4){①ゴシック体を維持したいコメントと同じサイズのコメントであること}}
&bold(){ →コマンドのサイズのみならず改行・臨界幅リサイズも含めた同サイズであること。}
&bold(){&sizex(4){②コメントの一番最初に配置すること。}}
&bold(){ →フォント決定ルールの関係から、最も左に表示させると効果的。}
特に「①」は格段に効果を上げることが出来ます。
実際にゴシック保護を使用する際はなるべく目立たない方法で
コメントをするのが良いでしょう。
(ex)
&bold(){&sizex(5){・&color(green){目立たない色でコメントをする}}}
&bold(){&sizex(4){ → 動画の黒い部分に重なるようにコメントし、目立たないようにする。}}
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=30&file=%E3%82%B4%E3%82%B7%E3%83%83%E3%82%AF%E4%BF%9D%E4%BD%BF%E7%94%A8%E4%BE%8B1.jpg,width=672,height=385)
&bold(){&sizex(5){・&color(green){「full」コマンドを用いる。}}}
&bold(){&sizex(4){ → 4：3画面の動画で「full」コマンドを用いると画面外に表示をさせる事が出来る。}}
(参考→「[[知識編Ⅵ【16：9モードについて】]]」)
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=30&file=%E3%82%B4%E3%82%B7%E3%83%83%E3%82%AF%E4%BF%9D%E4%BD%BF%E7%94%A8%E4%BE%8B2.jpg,width=672,height=385)
&bold(){&sizex(5){・&color(green){二重リサイズを用いる}}}
&bold(){&sizex(4){ → 「full」コマンドと同じく、画面外に表示をさせる。}}
(参考→「[[知識編Ⅲ【コメントのリサイズ】]]」)
&bold(){&sizex(5){・&color(green){コメントアート内に組み込む}}}
&bold(){&sizex(4){ → コメントアートの1パーツとして内部に組み込んでしまう。}}
&blankimg(http://www37.atwiki.jp/commentart?cmd=upload&act=open&pageid=30&file=%E3%82%B4%E3%82%B7%E3%83%83%E3%82%AF%E4%BF%9D%E4%BD%BF%E7%94%A8%E4%BE%8B3.jpg,width=544,height=386)
このように、目立たない方法で組み込むのがベターです。
高度なコメントアートはその複雑さの裏でこのような負荷対策も同時に行っています。
「[[制作編Ⅲ【省コメント(効率化)】]]」の内容とともに、洗練されたコメントアートを
制作する条件の1つとなるでしょう。
*&bold(){&sizex(7){③「超化け」について}}
同時に多くのソフトを起動していたり、
動画を再生していたりすると、コメントの負荷が高まり、
表示が修正不能なまでに化けてしまうことがあります。
これを&bold(){&sizex(6){&color(orange){「超化け」}}}といいます
超化けはコメント機能そのものの化けではなく、
&bold(){見る側のPCの処理上の負荷の問題}から発生する化けです。
そのためスペックの低いPCなどでは
超化けが発生する確率が高くなります。
一度超化けが起こると、
&bold(){&sizex(5){ブラウザを再起動しないと直らないことがほとんどです。}}
これが頻繁に起こるようになるととても厄介な化けになります。
超化けは見る側のPCスペックに依存するところが大きいため、
&bold(){&sizex(5){&color(red){確実に防ぐ方法は今のところはありません。}}}
自分のPCで問題なく表示されるからといって安心してはいけません。
「[[制作編Ⅲ【省コメント(効率化)】]]」にて解説したように、
可能な限り負荷のかからないコメントアートを
作ることを常に心がけましょう。
防ぐ方法はないとは言っても、
超化けの存在は知っておくべきでしょう。
自分のコメントアートのせいで知らず知らずのうちに
迷惑をかけている可能性だってあるのですから…。
----
&sizex(6){&bold(){next:}[[実践編Ⅰ【配置とタイミング】]]}
&bold(){prev:[[制作編Ⅴ【連結法】]]}
[[トップページ>コメントアートwiki トップページ]]
