戯術者の日記

ツイッターの公式アプリなんかでよくある「引っ張って続きを取得」するための JavaScript ライブラリにhttp://cubiq.org/iscroll-4というのがあるので、これを使ってみる。

配布サイトの「DOWNLOAD」をクリックで、zipのアーカイブがダウンロードされる。5/2時点でver4.2。
zipを展開して examples/pull-to-refresh/index.html を開けば、デモが見れる。

でもこれに、jQueryMobile を加えようとしても、jqmのヘッダやフッタがちゃんと表示されなかったり、ちゃんと動作しないのよね。

というわけで、この iScroll4 を jQueryMobile で使うためのプラグインをいくつか試してみた。

仕様なのかな？
jQueryMobileのスクリプトを読み込んでおくと、tableをheight:100%とかにしててもなぜか有効にならない(widthは有効)。

jQueryMobile未使用	jQueryMobile使用

jQueryで取得した要素の親要素・子要素を参照するには

前回([2013-02-28-1])の記述のままだと、スマートフォンのブラウザで見たときに画面サイズが残念な感じになる(下図)ので、Viewportの設定をヘッダ部分に記述する。

jQueryMobileを使うには

• jQueryのサイト(CDN)にあるjs+cssを直接参照
• ダウンロードしてローカルで保持したものを参照

のどちらかの構成。

PhoneGapを使ったアプリ開発をする機会があった(というか現在進行形)ので簡単にメモ(Android視点)。
2013-02-25時点で2.4.0がリリース版は最新(2/7頃に更新されてて開発サイクルは結構速い)。ドキュメントも公式で日本語化されたものが公開されてる(ただし今日の時点で2.2まで)

PhoneGap用の開発環境があるわけではなく、PhoneGapを利用した動作に必要なライブラリ込みのAndroidアプリプロジェクトをツールを使って生成・ADTの「既存のコードからAndroidプロジェクト生成」を行い、通常のAndroid同様Eclipse(や信仰しているエディタ)で開発する流れ。

ちょっと使いたくなっていろいろ探してみた。
…が、でて来るのは汎用的で高機能なものが沢山で、コード例や作成のTipsみたいなのはさっぱり。(使用に関してはライセンス上は特に問題ないみたいだけど)
つーわけで作ってみた。

やりたい事は、フォームの入力において、フォーカスしている項目の説明みたいな感じ。んで、できればブラウザごとの処理振分はやりたくない(わがまま)
※ 動作確認は IE6.0(winXP) / Firefox 2.0.0.2(winXP) のみ

i-mode
http://www.nttdocomo.co.jp/p_s/imode/flash/tool.html

EZweb
http://www.au.kddi.com/ezfactory/tool/index.html

Vodafone Live!
http://developers.vodafone.jp/dp/tool_dl/web/wcv.php

<meta http-equiv="Set-Cookie" content="key=value; expires=Mon, 8-Aug-2005 23:59:59 GMT; path=/">

静的な値しかセットできないけど…(∵;

$ tidy index.html
$ tidy -e index.html (エラーのみ出力)

valid な書式は

<ul>
 <li>...</li>
 <li>...</li>
 <ul>
  <li>..</li>
 </ul>
 <li>...</li>
</ul>

でなく

<ul>
 <li>...</li>
 <li>...
  <ul>
   <li>..</li>
	</ul></li>
 <li>...</li>
</ul>

HTML Validator (base on Tidy)
ソース表示と同時に構文チェックできる

改行をはさんだ場合

<input type="text" value="line1\nline2">

IEは改行をぶった切ってpost、mozillaは改行以降を削ってpostした

┌──┬─────┐
│    │colspan=2 │
├──┼──┬──┤
│rows│    │    │
│pan ├──┼──┤
│=2  │    │    │
└──┴──┴──┘