ウェブDeBLOG｜トライデントコンピュータ専門学校 Webデザイン学科

昨年に引き続き、岐阜県高鷲スノーパーク駐車場を中心にバイクのドラッグレースを開催されている「99eagle」のWebサイトをWebデザイン学科2年生の水野くんと栗山くんがリニューアルして公開しました。



昨年は、全画面にYoutube動画を流すためjQuery tubularを利用したサイトデザインだったのですが、やはり動作が思いという事とコンテンツを充実させたいと言うことで、情報設計の部分から改良をしていきました。



10月に行われた「第6回99eagle」を観戦してドラッグレースのルールや参加者の様子などを観察することで、利用してもらえるようなWebサイトを目指して制作を進めてきました。
今回は、クラス分けシステムの設置とスタートやバーンアウトの説明をアニメーションで説明して欲しいとの要望もありましたので、新しい挑戦を試みることができました。

クラス分けシステムは、JavaScriptを利用して制作してあります。アニメーションはスマートフォン（特にiPhone）での利用を考え、Flashで制作してからCreateJSを利用してHTML5Canvasアニメショーンに変換して設置してあります。旧IEでは、Flash Playerで表示できるように分岐してあります。
この辺の詳しい話は、制作した学生がブログで書いてくれると思います。

5月に今年最初の99eagleが開催されましたが、今後、冬のスキーシーズンまで数回開催されると思いますので、ぜひWebサイトを活用して、多くのバイク好きの方に利用してもらえればと思います。

Webデザイン学科の学生がWebsサイトの制作を担当させていただいているドラッグレースイベント99eagleの6回目の開催が10月6日に高鷲スノーパーク駐車場で行われました。
今後のリニューアルや制作のためにも、ぜひ実際にレースを体感したい！と思っていたのですが、今回やっと学生共々、観戦する機会ができました。



天気もよく、広々とした駐車場をパイロンで仕切って、レースが行われていました。数十台のバイクが並ぶ姿は壮観で、さらに99ヤード（90.5m）とは言え、爆音を響かせて疾走する姿を間近で観戦することができ、大迫力でした。





スタート地点は、センサーで管理されており、指定位置にしっかりと止まらないとシグナルが動作しません。もちろんフライングも感知しゴール地点のセンサーでタイムを計測します。



また、会場には出店もあり、カレーライスやピザ、ハンバーガーなども販売されていたり、タイムトライアルの合間には、デモンストレーションとしてカスタムカー（車）やスノーモービルでのレースもあり、盛り上がっていました。



そろそろ寒くなりスノーシーズンに入ってしまいますが、開催の情報などは随時、Webサイトやブログ、Facebookページなどに掲載されますので、興味のある方はチェックしてください。飛び入り参加や体験する時間もあり、ツーリングのついでに参加なんてのもOK！だと思います。

Webデザイン学科1年生の上村さんが制作した、岐阜県高鷲スノーパークドラッグレース「99eagle」のWebサイトが公開されました。
99eagle Webサイト
※PCで閲覧する場合は、音楽が流れます。

このサイトでは、背景にYoutubeの画像とロックンロールな音楽が流れたり、スマートフォンで見ると背景は動画からスライドショーになっていたりと、動きのアイデアが盛り込まれてますので、動画でご紹介します。



背景に流れている動画は、YouTubeのものです。
さらに、Javascriptでデバイスを判断し、スマートフォンではスライドショーに切り替わります。



99eagleとは、夏のスキー場高鷲スノーパークの駐車場を利用した名前の通り99ヤード（約90m）を駆け抜けるドラッグレースです。本格的な三色のシグナルを利用していたり、傾斜が微妙に4°あったり、ゼロヨンよりも距離が短いため危険なスピードまで達しず、女性や初心者の方でも安全なレースです。
次回は、5月19日（日）にありますので、ライダー・バイク好きの方、どうでしょうか。

今回の制作は、一昨年、業界研究授業で講義をしていただいたbirthdeyの安江さんから提案をいただき、打ち合わせやアドバイスなどサポートをしてもらいながら、やっとの公開でした。
また、技術面などでも様々なクリエイターの方のご協力いただきありがとうございました。

詳しい、制作レポートは制作者の上村さんのブログに書かれていますので、こちらもぜひ御覧ください。
99eagleのサイトを制作しました！【なつきんぐ(・ω・) - natsuking blog !! hahaha】

今後は、新たな背景動画の制作や、更新ができるようにCMSの組み込みなど進めていく予定です。随時、上村さんのブログで紹介されると思いますので、よろしくお願いします。