箱根駅伝公式サイトの手抜き！？JavaScriptを解説する

箱根駅伝公式サイトの手抜き！？JavaScriptを解説する:

今年も、箱根駅伝盛り上がりましたね！

ふと、箱根駅伝の公式ウェブサイトを見ると、

・・・！？！

第95回大会まであと363日

という表記になっていました。

これは、手抜きJavascriptの可能性があります。

エンジニアの端くれとして、これを詳しく調べたい！と思ったので、解説していきます。

ソースを見て見る

view-source:http://www.hakone-ekiden.jp/

まずは、ソースを見てみましょう。上のアドレスをURLバーに貼り付けて見てください。または、箱根駅伝の公式ウェブサイトを開いて、右クリックからページのソースを表示など。

すると。。。24行目付近に

早速ありました。count_downという関数を実行しています。明らかにそれっぽそうです。次は、このcount_downが定義されている場所を探っていきます。

Javascriptを探る

ありました。15行目ですね。



base.jsというそれっぽいファイルが読み込まれています。ファイル名をクリックするとひらけます。

count_down発見

ありましたね・・・なんと、シンプルな構造でしょうか

function count_down() { 
    var now = new Date(); 
    var nowyear = now.getFullYear(); 
    var nowMonth = now.getMonth()+1; 
    var nowDate = now.getDate(); 
 
    if((nowMonth == 1) && ((nowDate == 2) || (nowDate == 3))) { 
        document.write('<span class="now">箱根駅伝<br />開催中!!</span>'); 
    }else if((nowMonth == 1) && (nowDate == 1) ) { 
        document.write('<span class="counter">'); 
        document.write(1); 
        document.write('</span>'); 
    }else{ 
        var point = new Date(nowyear+1,1-1,2); 
        var countdown = Math.ceil( ( point.getTime() - now.getTime() ) / (1000*60*60*24) ); 
        document.write('<span class="counter">'); 
        document.write(countdown); 
        document.write('</span>'); 
    } 
} 

ざっと読み解くと、あの日付の表示は、3パターンにあったようですね。

1. 1月2日または3日の場合、「箱根駅伝開催中！」と表示する
2. 1月1日は、「1（日）」と表示する
3. それ以外は、現在時刻と1月2日までの差分を表示

ということです。

プログラム評価

・箱根駅伝の性質上、毎年繰り返し使えるプログラムである

・しかし、駅伝終了後は、他の画像要素（第95回）などを差し替えないと、整合性がとれない

感想

最初、手抜きか！？と思ったのですが、次大会に向けた刷新を行うまでは、整合性が取れなくても仕方ないよね・・・と割り切った実装になっているような気もします。

皆さんはどう思いますか？許せますか？許せませんか？