カレンダーを作った (iPhone向けウェブアプリ)

ここのところ、ウェブページなんだけど iPhone でアプリっぽく見せたり、フリック操作を扱ったり、オフラインでも動くようにキャッシュさせたりする方法を調べたので、ひとまずオフラインでも動くカレンダーを作った。

特徴:

  • オフラインで動く
  • 「ホーム画面に追加」したアイコンから起動すると、ちょっとアプリっぽく見える
  • 左右のフリックで月の移動
  • (日本の)祝日に対応(色が違うだけ)
  • 任意の日付にマークできる(3色から選択)
  • 色を消すには、同じ色を選択してもう一度日付をタップ

注意点:

  • 最初に祝日データを Google Calendar API から取得してくるので、最初はオンラインにする必要がある(過去1年から2年先の分を取得)
  • データはすべて Local Storage に保存
  • オフラインで動くと書いたように、application cacheも使ってる
  • Android 2.3系だと、メニューのアニメーション(CSS)が上手く動かない(4.0だったら動くかも知れないけど未確認)

自分が祝日表示と、有給休暇などの休みの日だけちょこっと確認する程度の機能を持ったカレンダーアプリが欲しかったのだが、探してみてもピンとくるのが無かったので作ってみた。

iPhoneアプリの Yearsがかなり理想に近かったが、祝日も自分で入れなきゃいけないのが面倒だなーと思ったのと、まあ勉強も兼ねて。

参考:

Advertisements
カレンダーを作った (iPhone向けウェブアプリ)

One thought on “カレンダーを作った (iPhone向けウェブアプリ)

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s