タグ別アーカイブ: ロボット

やばすぎるアニメ「健全ロボダイミダラー」公式サイトをhtmlソース側から見てみたよ

皆さん「健全ロボダイミダラー」公式サイト、もうみましたか?


TVアニメ「健全ロボ ダイミダラー」公式サイト

高速で目が点滅するまねきねこ画像、うっとうしくくるくる回るボタン類、破損した画像、良く分からない時間表示、ふりしきる雪アニメーション、マウストラッキング、鳴り止まないMIDI、統一感ゼロ、べた塗りの文字背景、蛍光色の文字。もう、もうお腹いっぱいです。

この公式サイトの見た目については、他のまとめサイトとかが詳しく解説してくれるでしょう。ともあれ、ある程度の年齢のネットユーザーにとってはとても懐かしい気持ちにさせてくれるサイトには間違いありません。こういう遊び心、好きです。

さてはて、見ためにも大変楽しいサイトなのですけれど、その中身はどうなってるのかが個人的には気になるので軽く見てみましょう。

ワオ・・・。

じゃ、javascriptオフにして見ちゃうもん。

だが先回りされていた!! 定番ネタばかりしこみやがって。くそ・・・。

 構造化されているのか確認してみよう。

構造化はグーグルにサイトをどのように認識させるのか、とても重要な要素の一つです。ちょっとサイトトップに戻って確認してみましょう。

Google Structured Data Testing Tool

最低元の構造化はちゃんとされています。良い感じです。

haed部分のメタデータを確認

<HEAD>
<META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 11.0.0.0 for Windows">
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<META name="IBM:HPB-Input-Mode" content="mode/flm">
<TITLE>TVアニメ「健全ロボ ダイミダラー」公式サイト</TITLE>
<meta name="viewport" content="width=1100px, user-scalable=yes">
<meta name="keywords" content="ロボット,SF,ハルタ,エンターブレイン,エンブレ,なかま亜咲,ハイスクールD×D,おっぱい,前シッポ,ペンギン,MF,メディアファクトリー,ジェンコ,2014年,4月,アニメ,新番,新番組">
<meta name="Description" content="ハルタで好評連載中のSFロボット作品『健全ロボ ダイミダラー』が、TVアニメ「ハイスクールD×D」シリーズのスタッフたちの手によって2014年4月奇跡のTVアニメ化決定!誰も見たことのないスーパーロボット活劇が今、幕を開ける!">
<meta property="og:title" content="「健全ロボ ダイミダラー」">
<meta property="og:type" content="website">
<meta property="og:description" content="ハルタで好評連載中のSFロボット作品『健全ロボ ダイミダラー』が、TVアニメ「ハイスクールD×D」シリーズのスタッフたちの手によって2014年4月奇跡のTVアニメ化決定!誰も見たことのないスーパーロボット活劇が今、幕を開ける!">
<meta property="og:url" content="http://penguin-empire.com/">
<meta property="og:image" content="http://penguin-empire.com/images/ogp_midara.png">
<meta property="og:site_name" content="TVアニメ「健全ロボ ダイミダラー」公式サイト">
<meta property="og:locale" content="ja_JP">

まず、「IBM WebSphere Studio Homepage Builder Version 11.0.0.0 for Windows」とあることからホームページビルダー11で制作されている事がわかります。タグが大文字になるのはホームページビルダーの特徴の一つですね。

スマートフォン対応もされていますが、これはどちらかというと「このサイトの全体図を見せるため」と取れますね。例えスマートフォンで見たとしても「1100px」の幅表示で見せられるので文字が小さくて認識し辛いでしょう。

案の定グーグルさんにも怒られまくりです。素敵すぎます。

メタキーワードも大量にしこまれています。メタキーワードとは、そのページがどういったページになるのか文字通りキーワードを示す要素ですね。

「<meta name=”keywords” content=”ロボット,SF,ハルタ,エンターブレイン,エンブレ,なかま亜咲,ハイスクールD×D,おっぱい,前シッポ,ペンギン,MF,メディアファクトリー,ジェンコ,2014年,4月,アニメ,新番,新番組”>」おっぱいって何だよ・・・。基本的にメタキーワードは五個程度が良いとされていますがそのルールをぶち破ってます。

もっとも、現在のgoogleなどはメタキーワードは無視するとされているのでそれを知ってのお遊びだと思います。

必要最低元をはき違える超軽量CSS

<link rel="stylesheet" type="text/css" href="css/index.css">

お、CSSファイルがあるのでちょっと覗いてみます。

html{
cursor: crosshair;
background:url(/images/bg-daimidalar.jpg);
}

body{
width:960px;
margin:0 auto;
position:relative;
}

#container{
width:960px;
margin:0 auto;
position:relative;
}

a:link { color: #00FFFF !important; }
a:visited { color: #00FFFF !important; }
a:hover,
a:focus,
a:active { color: #FF2626 !important; }

p {
line-height:180%;
letter-spacing:1px;
}

.special p{
line-height:280%;
}

table{
line-height: 150%;
}

.special table{
line-height:180%;
letter-spacing:1px;
}

.ddimg{
padding:10px 10px 0 10px;
background-color:rgba(255,255,255,0.6);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#AAFFFFFF,EndColorStr=#AAFFFFFF);
}
.ddimg2{
padding:0 5px;
background-color:rgba(255,255,255,0.6);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#AAFFFFFF,EndColorStr=#AAFFFFFF);
}

えーっと、うん☆ これで全部です。いっそすがすがしい位ですが、み、ミニマルなサイトだとあるあるー☆ フォントスタイルすら指定されていないcssって私初めて見ました。

ちなみに私のサイトのCSSはこんな感じでかなり色々な記述がされています。これでも割と少ない方です。

そりゃ褒められるよね。

900行にも及ぶ直接記述のjavascriptが俺の行く手を阻む

びゃああああ!! なんですかこの900行近いスクリプトの山はw

これが全部このページに直接刻み込まれています。当然のようにこれらを処理し終わるまで、この下に鎮座する本文は読み込まれません。

軽く調べてみたらホームページビルダーにある、画像などを簡単にぐりぐり動かすためのスクリプト記述機能によるものだそうです。

・・・・これか!!(思わずgif動画にしてしまう)((そしてもう一つの方は華麗にスルーする))

当然のように要素へと直接スタイル記述

<BODY text="#ffffff" bgcolor="#FFFFFF" link="#ffff00" vlink="#999999" alink="#ff0000" onload="HpbVfxinit('Layer9','HpbVfx0301','G221',0,0,1,'Layer49','HpbVfx0401','I121',0,0,1,'Layer38','HpbVfx0401','I121',0,0,1,'Layer46','HpbVfx0401','I121',0,0,1,'Layer50','HpbVfx0401','I121',0,0,1);">
<DIV style="top : 383px;left : 517px;
 position : absolute;
 z-index : 34;
" id="Layer16"><IMG src="/images/anim2.gif" width="106" height="105" border="0"></DIV>
<DIV style="top : 3px;left : 688px;
 position : absolute;
 z-index : 62;
" id="Layer36"><IMG src="images/title.gif" width="358" height="210" border="0" alt="TVアニメ
「健全ロボ ダイミダラー」
公式サイトへ!!
"></DIV>

こりゃすげえ・・。スタイル記述とポジション設定の嵐です。個人的にびっくりなのはimgタグの中の「art」要素ですね。改行されてますよ。凄い。というよりart要素にちゃんと説明が入っているのも偉いですね。私は適当ですよここらへん。

出、出~w 無意味机要素出力奴~www

<TABLE border="0" class="ddimg2" width="735" height="72">
 <TBODY>
 <TR>
 <TD height="53">
 <TABLE border="0">
 <TBODY>
 <TR>
 <TD align="center" height="23"><A href="/onair/"><IMG src="images/anim29995.gif" width="423" height="59" border="0" alt="4/5(土)より、TVアニメ放送開始!"></A></TD>
 <TD width="311" align="center" height="23"><A href="/onair/"><IMG src="images/anim22222.gif" width="281" height="60" border="0" alt="AT-X、チバテレビ、テレ玉、tvk"></A></TD>
 </TR>
 </TBODY>
 </TABLE>
 </TD>
 </TR>
 </TBODY>
</TABLE>

そして出ました。テーブル要素です。もはや様式美ですね。というかこれ、テーブル要素の中にテーブル要素がありません? どういう事なの?

漢はブラウザキャッシュなんて女々しい事はしない

画像ファイルやcssファイルは、ブラウザにキャッシュさせると次に読み込む時時間を短縮する事が出来ます。

しかし、ブラウザキャッシュは当然のように設定されていません。漢気溢れますね。

見出しタグなんて要らんのですよ

「h1~h6」タグなんて当然のようにありません。最高です。スッキリとしたサイト。頭が上がりません。

まとめ

ああ、面白かった。表から見た場合と内側から見た場合、一つで二度美味しいとても楽しいサイトでした。皆さんも是非ソースを見てこの素敵な趣向に一時の安らぎを感じてみてはいかがでしょうか。

なお、ここで指摘した事柄に対しては、SEOなどの影響がどれだけあるか未知数であるのと同時に、ここまで完璧に振り切ったサイトは知名度・話題性による流入を期待できるため何一つ参考になりません。ホームページビルダーを使用したからダメという記事ではないので誤解なさらないようにお願い致します。

皆さんも是非素敵なサイトを構築してくださいね!! 本当、面白かった。

 

スパロボwikiやTYPE-MOON wikiを運用している こかげ工房さんが「ニチアサキッズタイムwiki」を始動させました!

ニチアサキッズタイムは、テレビ朝日系列(フルネット24局全局)で放送されていた、子供向け番組(アニメや特撮のヒーローもの)の放送時間帯に付けられた愛称。2007年3月4日からこの名称による放送が開始されたが、2011年以降はこの名称は使われていない。名付け親は、東映アニメーションの鷲尾天プロデューサー。
ニチアサキッズタイム – Wikipedia

プリキュアとか特撮でおなじみの時間帯ですね! 毎週日曜日が待ち遠しい。そんな人もいるのではないでしょうか。

今回、記事数7000越えのスーパーロボット大戦Wikiや、制作タイトルの全てを網羅せんとするTYPE-MOON Wikiなどを運営する こかげ工房さんが、新たなwikiとして「ニチアサキッズタイムwiki」を立ち上げました。

ニチアサキッズタイムwiki

この記事を執筆している時点ではまだ準備中となっておりますが、これまた膨大な情報量が詰め込まれるのではないでしょうか。

アニメや特撮のタイトル一つ一つのwikiならわからなくもないですが、時間帯でくくってwikiにするのはとても興味深いです。どのような形でまとまっていくのが今から楽しみでなりません。

[ネタバレ]しかしどうしても気になる「パシフィック・リム」の細かい所を突っ込む

大ヒット上映中! 3D/2D同時上映|映画『パシフィック・リム』公式サイト

ネタバレですよー

感想にて、「細かい所を気にせず楽しめば良い」なんて言いましたが、まあ、やっぱり下手の横付きで要らない茶々を入れたくなるのが人間でありますよね。(とにかく大迫力・息継ぎなしのロボットアクション「パシフィック・リム」感想 | aoringo works

投げた後追撃しようよ

イェーガー達はとにかく投げ技とパンチ大好き。特に中国のイェーガーは格好良く敵を投げ飛ばします。しかしただ投げただけでダメージがあるようにはまったく見えない。その後の追撃をするでもなく、敵の出方を待つ。基本的に堅い外骨格なのかパンチやキックで血出てくれないし。

EMP攻撃に耐えるって?

敵のEMP兵器、恐らく体内で核爆発に似た何かを発生させて電磁波によって周囲を沈黙させるのでしょう。対イェーガーに向けた必殺兵器かと。電磁シールドとかしてないんですかね? まあともあれ、直撃を受けたイェーガー、見える範囲の都市機能、味方本拠地の機能が完全に停止します。そこで主人公が「俺たちのイェーガーはアナログだ!」あ、アナログで動くイエーガーってなんだろう。そこはこう、あの攻撃があったときは電源が入ってなかったから動けるとか、そういうので良かったんじゃないですかね? アナログだろうがなんだろうが、少しでも電子部品積んでればお陀仏な攻撃だったと思うんですが。

さらに、基地も沈黙しているのにどうやって運び出すんだろう。あとヘリとか。と思ってたら普通にヘリで現地に飛んできました。どういうことなの。

緊急脱出装置を積んでいないのか

イェーガーと同じくらい重要なのがパイロット。二人乗りで運用する以上、その価値は普通の軍人さんよりも高いはず。しかし、緊急脱出するような場面、というかそのような機能がある描写は主人公のイェーガー以外にありません。ロシア機などは浸水による満水死となってしまいました。

夜戦好きだね

とにかく夜の戦いが多い。おまけに雨などで視界が悪い。イェーガーの放つ光とカイジュウの眼光とディティールでカッコイイ絵が撮れるのは分かるけれど、もっと白昼の下でガシガシ戦って欲しかった。

それは計算じゃない。

「どんどんカイジュウが出る間隔が短くなってるんだ! 僕の計算によれば~」って、それってただの実測から推し量れると思うんだ。間隔が短くなってるのは事実だし、計算で導き出せるくらい正確なら皆体感的に感じているはず。もちろんそれ以外にも色々と計算はしているのかもしれないけれど、なんだかやった仕事が「カイジュウの出る間隔を割り出した」だけみたいな事になってるのは不憫でならない。

元軍人として弾を使い切るのはどうなのか

主人公はとにかくプラズマキャノンを敵に放ちまくる。その上で死んだであろうカイジュウに「確かめよう」と死体蹴りよろしく数発ぶち込む。明らかに必殺技っぽいのにそんな気軽に使いまくっても・・・。と二匹目での戦闘時に「もう弾は使い切った!」って。やっぱり全弾使い込んでました。弾の無い銃を抱える程怖いことはないと思うのですが。格闘だけでいけると思っていたのですか。

最初に出そうよ追加武器

「くそ! 武器は何も無いぞ!!」「武器ならあるわ」とここぞとばかりに出る新兵器。いやあ、最初に出して欲しかったな、それ。というか主人公も自分の乗るイェーガーのスペックはちゃんと見ようよ。元軍人でしょ? それあれば死体蹴りで無駄打ちしたプラズマキャノン温存出来たんじゃないだろうか。

それ、本当に被爆?

元大佐は鼻から血を流し、もう一度イェーガーに乗ったら死ぬとのたまうのだけれど、その理由が「被爆したから」って、どちらかというと乗りすぎで脳に負担がかかりすぎてるだけなんじゃ無いか? と思えるんですが。しかももう一度乗ったらって、そんな具体的に。 というか現在進行形でイェーガーは放射能もれもれなんですかね。そんな危険なのにヒロイン乗せるなよという気もしますが。

海に入るなぁー!

陸上ですら手に負えないカイジュウ相手に海中で挑むなんて気がしれません。主人公機は案の定プラズマキャノンが使えなくなって剣のみだし、視界は最悪。敵はすいすい泳ぎ回ってる。こわっ! こわっ!! もう少し頭を使ってくれ。お願いだから。

独断すぎないか

強大な敵に囲まれ、タイミングを図り自爆する。凄く格好いいシーンのはずなんだけれど、「これから自爆する」って大佐勝手に決めるなや。隣に人乗ってるんだが。というか緊急脱出装置はやっぱり無いんだね。お隣さんも「ご一緒できて光栄でした」って一緒にボタン押すし。君のお父さんなんともいえない微妙な表情してたよ・・・。

カイジュウの赤ちゃんって

カイジュウの脳に入って情報を探るのは「おおっ」と思った事だけれど、赤ちゃんにやるのはどうなんだろう。カイジュウ同士は繋がっている的な話は出ていたけれど、赤ちゃんの脳に入り込んでも詳しく色々と見れるものなんですかね。

GLaDOSたんじゃないのおおおおおお

イェーガーのナビ子の声は、吹き替えじゃなければゲーム「Portal」のボスキャラ「GLaDOS」というAIの声でした。これは意図的なもので、開発元のSTEAMからも許可を取り付けてます。いくつかのニュースサイトでは「GLaDOS映画デビュー!」なんて見だしてパシフィック・リムが紹介されていました。その声は「大ヒット上映中! 3D/2D同時上映|映画『パシフィック・リム』公式サイト」のメニューへアクセスすることで聞くことが出来ます。

どれだけ吹き替えがよくても、GLaDOSたんの声がきけないなんて。ああ。BDが出たら是非とも字幕版でも見てみてくださいねorz

となんやかんや言っても

特に気になった所を上げただけですけれども、このように色々と粗はあるんですが。ここら辺に口を出すと負けなんですよ。カッコイイモチーフのためには道理も理屈も通らないのです。早くBD出ないかなあ。

とにかく大迫力・息継ぎなしのロボットアクション「パシフィック・リム」感想

大ヒット上映中! 3D/2D同時上映|映画『パシフィック・リム』公式サイト

近未来。太平洋の奥深くにある海溝から突如巨大な生物が現れ、世界各国の主要都市が次々と襲われた。「カイジュウ」(怪獣)と呼称される謎の巨大生物たちの圧倒的な力を前に、人類は滅亡の危機に瀕する。国際的な軍事組織、環太平洋防衛軍は最終手段として、パイロットと神経を接続して動く2人乗りの巨大ロボット「イェーガー」を稼働させ、カイジュウ退治に向かわせた。対怪獣戦争のはじまりである。

とにかく迫力のある映画がみたい! と思ったら今年はもうこの映画意外にないだろう、と思うほどに出し惜しみしない映画だ。

目まぐるしい程にシーンが進み、戦闘、戦闘、戦闘!!

冒頭一分からカイジュウが出現してからノンストップ。スピードマックス。監督はこの映画を「目のプロテイン」と表現したけれど、まさにという感じ。

その分細かな所に粗が見受けられるものの、そんな事を気にしてたら負けだ。カイジュウは怪獣らしく動き回り、ロボはロボらしくガショガショ駆動する。それぞれ特徴があって実に良い。突拍子の無い設定が目白押しで、特撮ファンはきっとこういうのたまらないのだろうなと思う。音楽も素晴らしく、ゴジラの登場シーンを彷彿とさせるような曲調はきっとリスペクトなのかなとか思ったり。

吹き替え版は声優の方々が熱演していて無理なく物語にのめり込めるし、贅沢な娯楽映画が出来たものだ。

話題になった芦田愛菜の演技も見事。「ママ」の一声に胸が締め付けられる。

総じて、満足度が高く手放しで見る事が出来る映画だった。