iPhone/iPod用Todoリスト

投稿者 nanki 2008-09-04 05:40:00 GMT

動機: MobileSafariはマウス系のイベントが(そのままでは)あんまり動いてくれないために、哀しい思いをする事が多々あるので、一度その辺をちゃんと調べてみたかった。

結果: いい!楽しいものができた。

せっかく作るのだから、タッチセンサを生かしたインターフェースにしたかったので、 まずは Todoリストに必要な本質的な機能を洗い出す。

  • タスク追加
  • 優先順位
  • 完了
  • 削除

タスクの編集機能なんかははあえて省いているし、タスク名しかない。

それらの機能を連続的なインタラクションの中に組み込むことを主眼に構想を練る。

「削除」→「本当に削除しますか」→「OK」なんてのを5回も繰り返すのはいけない。 でも、間違えて削除してしまうようなのもダメ。

Todo list for iPhone
指先一つで一気にタスクが完了する魔法のツール!

html/css/js で動くモックを作って、最後にモデル部分をサーバ側と通信するように調整して完成。

試していただける方はこちらからどうぞ。

Create Accountすると、専用のURLが作成されます。 URL認証なので、そのままブックマークすればOK. URLをそのまま晒して*ジャック計画とかが漏れても自己責任で。

最後にJavaScript的な話をすると、

  • マウスイベントを全部iPhone用のイベントに置換
  • CPUパワーの違いでイベント処理がいっぱいいっぱいになる対策
  • 絶対位置を指定するデバイスなので、マウス用のインタラクションを一部修正

というような点でscriptaculousのdragdrop.js を直接書換えています。 なので、普通のSafariでも動きません!あしからず。

追記: Safari でも動くようにした。

ご意見・感想などはコメント欄へ。

参考:

todo.switch - todo.dotswitch.net

This entry was posted on 2008-09-04 05:40:00 GMT and カテゴリ , . You can follow any response to this entry through the Atom feed. or a trackback from your own site.

タグ ,


トラックバック

トラックバックリンク:
http://blog.netswitch.jp/trackbacks?article_id=8629