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

[PR]

2024-04-26

Share on Tumblr

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

Comments:

Trackback+Pingback:

Listed below are links to weblogs that reference: [PR] from Born Neet

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

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

Newer
Older

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

2010-06-22
iPhone/iPad/IPod Touch

Share on Tumblr

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

というわけで今日は日曜出勤の振替休日を利用して、
最近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。）