テスターですが何か?

ホビープログラマ略してHPです

クラウディアタイマーを更新しました(カウントダウン時間の指定)

leave a comment »

Web上のクラウディアさんを使用したカウントダウンタイマーアプリを更新しました。URLからカウントダウン時間を指定できるようにしました。

http://david9142.cloudapp.net/timer/claudia/300

image

上記URLは300秒指定です、この300の部分を秒単位の時間に変更することで時間を設定することができます。例えば60分のカウントダウンをしたい場合は、以下のようにURLを指定します。

http://david9142.cloudapp.net/timer/claudia/3600

中の話をすると、ASP.NET MVC3のルーティングの機能を使用して実現しています、Global.asax.csのルーティング定義は以下のようになっています。

public static void RegisterRoutes(RouteCollection routes)
{
    routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

    routes.MapRoute(
        "Default", // ルート名
        "{action}/{time}", // パラメーター付きの URL
        new { controller = "Timer", action = "Claudia", time = UrlParameter.Optional } // パラメーターの既定値
    );
}

 

クラウディアタイマーについて

  • 本アプリはWindowsAzure上で稼働しています
  • HTML5(SVG)を使用しているため、IE8など古いブラウザでは動作しません

 

このアプリのソースを公開しています、SkyDriveで公開しているので興味のある方はダウンロードしてみてください。

image

次はこのコンテンツをつかって、デスクトップ用のマッシュアップアプリを作りたいと思います。

Written by david9142

2011年7月2日 @ 3:05 PM

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。