Home > iPhone/iPad/IPod Touch > jQTouchとHTML5のlocalStorageでwikiみたいなの作った（w3c widget化も）

jQTouchとHTML5のlocalStorageでwikiみたいなの作った（w3c widget化も）

2010-06-22
iPhone/iPad/IPod Touch

約一ヶ月ぶりのエントリ…完全に暑さに負けてますね^^

というわけで今日は日曜出勤の振替休日を利用して、
最近Ext.jsに合流したりで話題のjQTouchを触ってみました。

そしてできあがったのが、このwikiもどきです。

wiki5

説明

触っていただければ使い方はなんとなくわかると思います。
ただ、Mobile Safari以外では一切動きません。
（iOS4上では動作未確認です。）

また、タップが効かない、ボタンがアクティブのままになる、
画面が真っ黒になる等、全体的に挙動が安定していません。
（はい、テスト不足です。）

どうにもならなくなったときは「wiki5/index.html?clear」にアクセスすれば、
初期化されます。

あと、ついでですがw3c widgetにもしてみました。
cloud readerで動作することを軽く確認しています。

wiki5

中身の解説は暑いのでやめておきます（！）が、
ソースコードはgithubに置いてますので、ご自由にどうぞ。

tnantoka's wiki5 at master - GitHub

感想

今回、jQTouchのドキュメントを一切読まずに進めてしまったので、
予想以上に苦労しました。
やっぱり無茶はダメですね。

あと、iPhone Webアプリはデバッグが大変だな、と。
MacのSafariで動いても、シミュレータでは全然動かないとかも多々。

小さいアプリこそ実は、IBでちょちょいと作ってネイティブアプリにした方が
楽だったりするのかも。

使用ライブラリ

jQTouch — jQuery plugin for mobile web development
説明不要。
Showdown - Markdown in JavaScript
Wiki記法の代わりにMarkdownを採用しました。
JSON in JavaScript
Mobile SafariでJSON.parse/stringifyする為に。
（現在の実装はlocalStorageに文字列しか格納できないので。仕様上はany data。）