↓Tweet十種競技、その世界チャンピオンはキングオブアスリートの称号で知られる数ある陸上競技の中でも屈指のタフさを誇る競技。最近ではタレントの武井壮さんは陸上を初めて僅かでこの競技で日本選手権のチャンピオンに輝いたことは陸上界隈ではかなり有名なお話。最近は右代啓祐選手が日本記録をどんどん更新して密かに盛り上がってます。世界の壁はまだまだ厚く米国のアシュトン・イートンみたいなモンスターにはまだまだ及びませんが高校生の記録などを見ても確実にレベルは上がってます。そんな僕自身も実は大学一年生の頃に十種競技をやっていました。言っても高校生の頃に練習の一環として八種競技(高校生向けの十種競技、棒高と円盤投げが無い。)をやっていたのと大学の陸上部も一年で辞めたので少し齧った程度ですが。AやB(現在は四種競技)の計算ツールを使って自分が何点ぐらい取れるのかを良く計算していましたが、今思うと不便な所も色々あったので自分でも作ってみようと思いました。モバイル、又はインラインフレームが正しく表示されない方はこちら。以下、作った際に気をつけた点など。MobileによるモバイルファーストなUIの実装。今の時代、デスクトップやノートPCよりタブレットやモバイル端末によるアクセスの方が圧倒的に多いWEBサイトも珍しくありません。このブログは性質上まだPCからのアクセスの方が多いですが、運営している(放置している)アンテナサイトなどはアクセスを見てみると圧倒的にモバイル端末からのアクセスのほうが多いです。WEBサイトを作ってレスポンシブにして簡略化したWEBサイトを使ってモバイル対応というのはよくやりますが、最初からモバイル端末向けに作ったことはありませんでした。存在は知っていて結構前にドットインストールを観て基礎的な部分は抑えてありましたが2年前とはバージョンも違いclass名など基本的な部分も大幅に変更されていました。Mobileは基本的に一つのHTMLソースに複数ページを記述するので最初に読み込むJavaScriptの量が多すぎると全体的にモッサリします。加えて他のスポーツでも使えるツールも同一ソースはへ後々加える予定なのでJavaScriptは主にUI処理のみにしました。Ajaxを利用したPHPとの連携JavaScriptのみでの実装も訳あって後に行いましたが、基本的には上記の理由から計算処理の中身はPHPで行うことにしました。この程度の処理ならほぼリアルタイムでできるので通信によるストレスは感じません。PHPの中身に関しては似たようで微妙に違う処理が多いので関数を作るのに苦労しました。簡略化出来そうですがあとから色々追加していく予定なので自分が読むのに時間がかかったら元も子もないのでかなり妥協しました。id.text("Error(半角数字のみで入力して下さい。input').each(function(){if($(this).val().match(/[^0-9]+/)){id.text("Error(半角数字のみで入力して下さい。"Error(2):正しく値を入力して下さい。";//一応例外が出た場合の処理。"Error(2):正しく値を入力して下さい。";//一応例外が出た場合の処理。".$total;ひとことこのツールを作って初めて知ったんですが、IAAFの発表した計算式では一般で行われる十種競技(七種競技)も中学生がやる四種競技も同一種目の計算方法は同じなんですね。道理で中学生の頃にやっていた三種競技A(100m、砲丸投、走高跳)では、一般より投擲物の軽い砲丸投の記録が伸びて投擲の強い選手が強かった訳だ、納得。四種競技ではハードルも入ってくるのでハードルが低い分スプリント系も有利ですね。跳躍選手は不遇です!陸上・混成競技トリビアAlwaysが有名な歌手の光永亮太さんは東京の三種競技Aの中学記録をもっている。当時、中学生で大会の冊子にはいつも光永亮太の名前があったので陸上部の中では結構話題になった。Worldsが第100回公演を迎えるらしいので第99回のトロント公演に行った時のお話。2017/12/07やりたくない事は全力でやらないという選択。2017/09/04何故かロリポップ無料SSL導入後にWAF設定が勝手に有効化する件。2017/07/25ロリポップが無料SSL始めたってよ!実装もめちゃくちゃ簡単でした。Experienceが立ち上がる件。素人でもすぐに分かる!アイスホッケールールまとめ。47ビューRBGからRGBA(白背景)に変換する方法。28ビューjQuery(JavaScript)でスクロールに合わせて少しずつ背景画像を動かす方法。2017/12/07やりたくない事は全力でやらないという選択。2017/09/04何故かロリポップ無料SSL導入後にWAF設定が勝手に有効化する件。2017/07/25ロリポップが無料SSL始めたってよ!実装もめちゃくちゃ簡単でした。