読者です 読者をやめる 読者になる 読者になる

Pastalablog in はてな

時代はブログ! 日記もあるよ→http://pastak-diary.hatenadiary.com

IT勉強会カレンダー for iPhoneを作ってみた【2009/04/08 追記】

jQTouchっていうライブラリーがあったので使ってみた

CSS+JavascriptiPhoneアプリのようなUIを実装出来るライブラリー。
http://www./jqtouch.com/

iui.jsを使うように変えました(Thanks to id:codnote)

jQTouchとほぼ同じ感じで検索や戻るも実装出来た!
という訳で、この2つを解決しましたよー

iPhoneなら左上に戻るボタン?があったりしますよね、あれがあるとうれしい)

IT勉強会カレンダー for iPhoneを作ってみた - Pastalablog in はてな(情報元のブックマーク数) - まっちゃだいふくの日記★とれんどふりーく★

最初から、時間表記とか見えたほうがいいよ!検索窓も欲しい

IT勉強会カレンダー for iPhone - インフラ管理者の独り言(はなずきん@酒好テム管理者)

やったぜ!!

その他

IT勉強会カレンダーの情報をPHPで取ってきて、それをhtmlに整形して表示させる。
情報取得のノウハウはこのときのがあったので、苦労はしなかった。
簡単なhtml+cssの知識で行けるので、皆さんも使ってみるといいかもしれません。

動作イメージ

iPodTouchでスクリーンショット撮ってみた
2009/04/08差し替え

一覧画面

詳細画面

検索画面

使い方とか

  • URL:http://pastalablog.s3.zmx.jp/itcal_iphone/
  • タイトル右部分のセレクトボックスで表示範囲を変更します
    • 1week・2weeks・3weeks・4weeksから選択出来ます*1
  • 詳細画面のmore infomationをタッチするとIT勉強会カレンダーの詳細ページにジャンプします
  • 少し動作が遅いです。ページ推移時に時間が少し掛かるかも知れません。
  • その他何かあれば言ってください。

いつもメンテナンスして下さるid:hanazukinさんに感謝!

*1:デフォルトは1週間分を表示