さてさて。何気にもう折り返し地点に来てる時期ですが、四月もまた新しいアニメがたくさん始まりましたねー。
毎期毎期1つか2つ程度しか録画してるけど、今回はちょっと多めな感じです。
・響け!ユーフォニアム
・えとたま
・SHOW BY ROCK
・てーきゅう
4つですよ! 多いわー。
──普段アニメの話なんてしないのになんで急にっていうと、別に何を見てるって話をしたいわけではないんですよ。別にSHOW BY ROCKいいぞと推したいわけでもないんですよ。
いやなんの話ってJqueryがですね。
Jqueryってなんだ?ってとこかと思うんですが、そう思ったらそれぞれのサイトを見てみてください。そういつもリンクなんて貼らないのになんで貼ってるのか。誘導したかったから!
・響け!ユーフォニアム…インデックスページの右上にあるリンクの文字が流れて変わっていくところ
・えとたま…インデックスのふきだしが出てくるところ、キャラクター紹介ページで動いてるところ全般
・SHOWW BY ROCK…Jquery的な見所は無し。後述。
・てーきゅう…ない
視覚的に分かりやすいのはえとたまですかねー。放送開始直後はインデックスからして不自然にキャラが動いてて分かりやすかったんだけど。
あとユーフォニアムのこれも、ソースを見ると分かるかと思いますが、GIFアニメでもFlashでもなく、ただのテキストなんですよー。このくるくるってどうなってるの??っていうのがJqueryなんですね。
つまり普通のHTMLに画像の動きだとか文字の変形だとかの要素を簡単に加えることが出来るJavascript集って感じです。
ちょっと前まではこういうことは全てFlashでやってたんですよねー。たとえばこれとか、これとか。映画の公式ホームページなんかは全てと言ってもいいぐらいどこかでFlashを使ってましたよね。手っ取り早く作れて良かったんだと思います。そういえば艦これもブラウザでFlashだけの画面みたいなもんですよね。全然現役ですが。
あの頃って今ほどwebブラウザ同士の距離が近くなかったから。IEはまだまだ勝手なことしてたり、FireFoxはブラウザとしていまいちだったし、Safariは新しいCSSを独自拡張めいた方法で載せてたし。結局色んなブラウザで同じ表示が出来て、ちょっと楽しげな動きが付いたらなお良い──となるとFlashが手頃だったのも分かると言えば分かる。うちはFlashって好きじゃなかったけど。
そして時が経ち、うちの好みなんかとは全然関係ないところで、iPhone等のOSであるiOSがFlashを動作しないようにした動きがあって。全部をFlashで構成したようなサイトはiPhoneで何一つ表示されなくなるっていう問題が小さく起きたりしていました。
で、iPhoneがシェアを伸ばす勢いと同じぐらいの速度でFlashもwebから減ってきたように感じてました。
ただFlashという選択肢を失って動きがないホームページしか作れなくなったかというとそうでもなく、HTML5では、CSSに動きを制御する要素も加わって、上のリンクにあったような画像を回転させるとか移動させるみたいなことが出来るようになりました。まあそのCSSアニメーション自体は2,3年前からあったんですがね。やっぱりブラウザ毎に実装のズレがあってしばらくの間は新しい物好きの個人のサイトでしか見かけませんでした。で、今もブラウザ毎に実装のズレはあるんだけど、ズレを上手いこと調整をするよう内部でスクリプトを書き換えてくれるのがJquery…って認識でいいはず。
これでFlashを失ってもサイト動くサイトが作れるようになったわけです。ばんざーい。
あとSHOW BY ROCKのホームページを見てみてくださいです。
インデックスページでctrl+Aとか右クリック→全てを選択をしてみると、左のメニューの文字だけも選択されていませんか? このちょっとおしゃれな文字。実はWEBフォントなんですよー。
WEBフォントとは、言うまでもなくフォントをサーバーにアップロードして使うもので、閲覧者のパソコンに入ってないフォントも表示出来るもんなんですね。
これまでだと変わったフォントで作った画像をHTMLに貼ってたんですが、それだと検索性が下がるんですよね。そこで検索サイトに影響してくる部分をwebフォントでやってるんだと思います。
あとこのストーリー紹介のページでは#04とかNEXT STORYってところにwebフォントが使われてるけど、多分これはまた違う目的で、#04とかいちいち画像作るの面倒だしあんまり意味が無いところについてフォントで乗り切ってるんだと思います。
とか色々。だんだんアニメの話じゃなくて技術的な話になってきてますが。
うちがのんびりしてたうちにweb関係も色々と進歩したんですねぇ、と。まぁ閲覧環境も変わってるんだから変わるんだろうけど。
これに乗り遅れないようにせねば…!って言うほどうちももう熱心じゃないんですが、それらはアニメの公式サイトに使われるまで一般的な技術とあらば手を出してみたくなるよなー。
……喋りすぎて何言いたかったか忘れちゃったよ! ひー!