jQuery mobile を使って何か作ろうと思い、 ちょっとした計算をするアプリを作った。この前作ったカレンダーと同じようにオフラインで動く。

• Niche Calc (GitHub)

特徴:

• アスペクト比と縦か横のpxを入れるともう片方のpxを計算
• 年間コストなどを計算(金額と日次や月次などを指定すると、年間コストを計算する)
• ネットワークアドレス(xxx.xxx.xxx.xxx/xx)からIPの数などを計算
• パケットをバイトに変換
• PPI (Pixel Per Inch)を計算

後、作ってる時にいくつかハマったので、初歩的な事かもしれないが、注意点としてメモっておく。

下のような meta タグを入れておいて、

<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

ホーム画面に webクリップとして保存したアイコンから起動すると、アプリっぽく見せる事ができるのだが、ステータスバーのスタイルを black-translucent にすると、コンテンツが重なっちゃうので(ヘッダーとか)、jQuery mobile を使う時は black にするか、指定しない方が良さそう。

jQuery 使って、キャッシュしたスクリプトをロードする場合、デフォルトではリクエストにタイムスタンプ付けるので、次のように cache を有効にしないとスクリプトが読めなくてエラーになる。

$.ajaxSetup({cache: true});
$.getScript("myscript.js");