とにかく、やってみなはれ。やる前から諦める奴は、いちばんつまらん人間だ。2

前回までのあらすじ

・とにかく、やってみなはれ。やる前から諦める奴は、いちばんつまらん人間だ。1
・とにかく、やってみなはれ。やる前から諦める奴は、いちばんつまらん人間だ。2

このプロジェクトは、「JavaScriptが使えない」といわれているブログで、
「console.logを動かすこと」に挑戦した男たちの記録である。

現在の対戦結果:1勝0敗 残り8戦

結果 ブログ名
muragon
Yahoo!ブログ
gooブログ
エキサイトブログ(無料)
楽天ブログ
はてなダイアリー
WordPress(レンタル型)
Tumblr
みんカラ

日本一のポータルサイト Yahoo! JAPAN

日本でインターネットといえば、「Yahooo! JAPAN」のことを指していた時代がありました。
そして、ブラウザの初期ページも「http://www.yahoo.co.jp/」でした。

学生だった私は、ホームページをジオシティーズに開設しました。
確か「アクセスカウンター」「掲示板」「リンク集」というお決まりフォーマットで、
当時ハマっていたゲームの攻略ページを作っていました。

その後、Yahoo!JAPANにもブログサービスができたんだよ、
ということは知っていましたが、実際に使ったことはありませんでした。

第2回戦 Yahoo!ブログ

さっそくYahoo!のアカウントにログインして、ブログを開設しました。
そして、手始めに「script」タグを埋め込んでみました。

scriptタグ(入力)
<script>console.log(1+2+3);</script>

結果は、前回と同様、タグが無効化されて「&lt;」や「&gt;」に置換されてしまいました。

scriptタグ(出力)
<p>&lt;script&gt;console.log(1+2+3);&lt;/script&gt;</p>

そこで、前回と同様に「img」タグと「onload」の組み合わせでやってみました。

imgタグonloadイベント(入力)
<img src="https://s.yimg.jp/c/logo/f/2.0/blogs_w_28.png" onload="console.log(1+2+3)">

が、ダメ!

imgタグonloadイベント(出力)
<p>&lt;img src=&quot;<A HREF="https://s.yimg.jp/c/logo/f/2.0/blogs_w_28.png" TARGET="_blank">https://s.yimg.jp/c/logo/f/2.0/blogs_w_28.png</a>&quot; onload=&quot;console.log(1+2+3)&quot;&gt;</p>

これは「onerror」イベントでも、同じ結果になりました。

サイドバー周り

それなら、muragonで成功したように、サイドバーで何かできないか調査してみました。
どうやら、2008年頃は普通に、様々なガジェットが投稿できていたようです。
しかし最近のYahoo!は、ガジェット系の投稿やサービスを、あまり重要視しなくなったようでした。

ガジェットが投稿可能だった当時の記事 (※ブラウザの設定でFLASHを許可してください)

(キムタク SMAPファンクラブ 猫)(ぺこりん日記)

Yahoo!天気・災害 – ブログパーツ

天気予報がひと目でわかるブログパーツ。表示は「全国」「地方」、「都道府県」の3種類から選べます。

非推奨タグ

HTMLは、Webページの骨組みとなるものです。
現在は、HTML5で書くのが主流です。
そこで、HTML5では非推奨とされている、古いタグを入れてみるとどうなるのか、
実際にやってみました。

非推奨タグ(入力)
<applet></applet>
<bgsound></bgsound>
<frame></frame>
<frameset></frameset>
<marquee></marquee>

結果は・・・
成功:marquee
失敗:applet , bgsound , frame , frameset

非推奨タグ(出力)
<p>&lt;applet&gt;&lt;/applet&gt;<br />
&lt;bgsound&gt;&lt;/bgsound&gt;<br />
&lt;frame&gt;&lt;/frame&gt;<br />
&lt;frameset&gt;&lt;/frameset&gt;<br />
<marquee></marquee></p>

何とか「marquee」だけが生き残りました。

いけるぞmarquee

marqueeは、電光掲示板でニュースが流れたりする感じのタグですが、
今でも使用可能なんですね!

そこで、marqueeタグのonfinishイベント(IE限定)を使って、console.logを走らせてみました。

marqueeタグonfinishイベント(入力)
<marquee loop="1" onfinish="console.log(1+2+3)">臨時ニュースです。</marquee>

ええええ!
何と「onfinishイベント」そのものが、無くなってしまいました。

marqueeタグonfinishイベント(出力)
<p><marquee loop="1">臨時ニュースです。</marquee></p>

埋め込みタグ

それなら埋め込みタグだ。
おそらく厳しいとは思うけど、やってみるしかない!

埋め込みタグ(入力)
<embed></embed>
<object></object>
<video></video>
<audio></audio>

結果は・・・
成功:なし
失敗:embed , object , video , audio

埋め込みタグ(出力)
<p>&lt;embed&gt;&lt;/embed&gt;<br />
&lt;object&gt;&lt;/object&gt;<br />
&lt;video&gt;&lt;/video&gt;<br />
&lt;audio&gt;&lt;/audio&gt;</p>

厳しいですね。。。
いよいよ、追い詰められてきました。

まだまだ!

まだ手段は残っている。
iframeタグは試していなかったはず!

iframeタグonloadイベント(入力)
<iframe src="about:blank" onload="console.log(1+2+3)"></iframe>

ダメでした~

iframeタグonloadイベント(出力)
<p>&lt;iframe src=&quot;about:blank&quot; onload=&quot;console.log(1+2+3)&quot;&gt;&lt;/iframe&gt;</p>

まとめ

今回は、完全に敗北しました。
さすが日本一のポータルサイトを運営している会社でした (^_^;

ただし、調査を進める中で、「数カ月後に攻略可能なヒント」を掴むことができました。

【随時更新】よくあるご質問とその回答:常時SSL化について

どうやら、常時SSL化対応で、Youtube以外のブログパーツの貼り付けを、一時的に制限しているようです。

ということは、制限解除を待って「あの方法」を使えば、Yahoo!ブログでも「console.log」が実行可能になります!

数カ月後にまた、挑戦するかもしれません。

現在の対戦結果:1勝1敗 残り7戦

結果 ブログ名
muragon
× Yahoo!ブログ
gooブログ
エキサイトブログ(無料)
楽天ブログ
はてなダイアリー
WordPress(レンタル型)
Tumblr
みんカラ

果たして結末はいかに。
ご期待ください。

関連記事