この記事の所要時間: 約 2分0秒
スカイツリーの、今日のライトアップが分かるサイトを作りました!
http://skytree-lightup.info/
ドメインも、取得しちゃいました^^
毎日日替りで、「粋」「雅」のライトアップになっている
スカイツリーなんですが、今日のライトアップは何だっけ?と
調べることがあって、いちいち公式サイトを開いて
数回クリックするのが面倒だったので、専用サイトを作っちゃいました^^
jQueryMobileで作ったので、6時間で作成出来ました!
しかも、すべてHTMLで作りました〜
なので、JavaScriptしか使ってません。
最初、PHPで作ろうかなと思ったんですが、JSだけで作れました〜
ということで、サイトの3つの機能を紹介したいと思います。
![skytree_lightup.003.png Skytree lightup 003](http://blog.bot.vc/wp-content/uploads/2012/07/skytree_lightup.003.png)
・今日のライトアップ
・今週のライトアップ
・指定日のライトアップ
3つの軸で、調べられるようにしてあります。
今日のライトアップ
![skytree_lightup.004.png Skytree lightup 004](http://blog.bot.vc/wp-content/uploads/2012/07/skytree_lightup.004.png)
トップページは当日のライトアップが、分かるようにしてあります。
また、2日後のライトアップも分かるように、下側に付けています。
今週のライトアップ
![skytree_lightup.005.png Skytree lightup 005](http://blog.bot.vc/wp-content/uploads/2012/07/skytree_lightup.005.png)
7日間のライトアップを表示します。
来週って何だっけ?って分かるようにしています。
指定日のライトアップ
![skytree_lightup.006.png Skytree lightup 006](http://blog.bot.vc/wp-content/uploads/2012/07/skytree_lightup.006.png)
日付を指定して、ライトアップを調べられます。
カレンダーボタン
![cal_button.png Cal button](http://blog.bot.vc/wp-content/uploads/2012/07/cal_button.png)
![cal.png Cal](http://blog.bot.vc/wp-content/uploads/2012/07/cal.png)
カレンダーで日付を選んで、更新ボタン
![update.png Update](http://blog.bot.vc/wp-content/uploads/2012/07/update.png)
その日の、ライトアップを調べることが出来ます。
サイトについて(about)
![skytree_lightup.007.png Skytree lightup 007](http://blog.bot.vc/wp-content/uploads/2012/07/skytree_lightup.007.png)
サイトの簡単な説明も付けました。
また、公式サイトへリンクも付けています。
こんな感じの機能が欲しい、こう変えたら便利など
みなさんの意見も、お待ちしております!
良かったら、是非使ってみて下さい♪
サイトで、「いいね!」「ツイート」もお願いします♪
説明まとめスライド
スカイツリー 今日のライトアップ
View more presentations from Manabu Uekusa
スカイツリー 今日のライトアップ
http://skytree-lightup.info/
アクセス QRコード
![skytree_lightup_QR.gif Skytree lightup QR](http://blog.bot.vc/wp-content/uploads/2012/07/skytree_lightup_QR.gif)
[...] スカイツリーの今日のライトアップが、分かるサイトを作りました! http://blog.bot.vc/2012/07/sky……htup_info/ また金メダルを獲得したら、実施されるので [...]
[...] ス スカイツリーの今日のライトアップが、分かるサイトを作りました! http://blog.bot.vc/2012/07/sky……を作り [...]