iPhone/iPod touchのSafariは、HTML5準拠のアプリケーションキャッシュ機能を実装している。 これはクラインアント側でキャッシュするファイルを制御できるもので、これを利用すると、オフライン状態でwebアプリを動作させることが可能になる。 HTML5仕様 ht…
すでにいくつかのサイトでも話題になっているが、iPhone/iPod touchのSafariでwebアプリを開いたときに、上のアドレスバーや、下のメニューバーを出なくする設定が発見されている。 <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />上の設定が、webアプリモードにするもので、これを書いた場合、ホーム画面</meta></meta>…
主にiPod touchで便利かと思うが、iPhoneでも使用可能。こちら->http://touch.wakufactory.jp/webpocket/使い方は上のページをみていただくとして、画面キャプチャを貼っておく。 これがページを保存する画面。こちらはオンラインで使用。 こっちが保存した…
iPhoneだと不要かもしれないが、iPod touchの場合通信がオフラインの状態で使うことが多く、その場合に保存したwebページを見られると便利なことがある。htmlファイルをSafariのローカルDBに保存して、オフライン状態でも見られるようにするものを作ってみた…
昨日のテストプログラムをもうちょっと実用的(?)にしてみた。http://touch.wakufactory.jp/sample/canvas4.html 作例が酷いのはご容赦を。保存機能は無いけど、ホーム+スリープボタンで画面キャプチャできる。 canvasのサイズをスクリーンサイズ以上にすると…
タッチイベントの反応をみるテスト。 http://touch.wakufactory.jp/sample/canvas3.html画面はこんな感じ 追従性はそんなに悪くないようだ。
2.0になって、Safariの機能もいくつか追加されています。一番期待できそうなのが、HTML5.0のローカルDBサポート。 オフラインで使うことの多いtouchにとっては、ありがたい機能といえます。サンプルなどはこのあたり。PCのSafariでも動きます。 http://webki…
Safari3は現在のWindows版もそうなのだが、metaタグで文字エンコードを指定していない日本語のページで文字化けが発生する。この対策のために、簡単なproxyページを作ってみた。 http://touch.wakufactory.jp/prox/ bookmarkletを使って、このページを通して…
http://touch.wakufactory.jp/sample/canvas2.html タップペイントとでも申しましょうか。 ゆっくりまったり操作してください。
onload,onunloadは有効 エレメントに関しては、onclickのみが事実上有効 エレメントのfocusが移動したときに、onmouseover,onmouseoutが1回だけ発生する onmousedown,onmouseupも発生しているが、onclickと同時に発生するので、「押した瞬間」は取得できない…
canvasを使って図形をアニメーションしてみるサンプル。 http://touch.wakufactory.jp/sample/canvas1.html IEではうごかないよ。動きが多少ぎこちないが、ちゃんと音楽再生しながら動く。
新しい環境でとりあえず作ってみるのが恒例になっている一品。 いわゆるひとつのLife Game。 http://touch.wakufactory.jp/sample/minilife.html 京ぽんのOperaよりは大分速い。
iPod touch用googlemap第2弾。オンライン状態で、大きめの地図を読み込んでおいて、オフラインでも拡大したりスクロールしたりして見られるようにする試み。 http://wakufactory.jp/map/google_touch2.html 左上のonlineボタンを押すと、オフラインモードに…
iPod touch用のmpeg4動画を一括で作るwshスクリプトを書いてみた。コンセプトは、 新しいのだけ勝手に変換 変換パラメータを動画の種類に応じて自動的に切り換える というもの。エンコーダは「携帯動画変換君」に付属のffmpegを使用。iTunesに登録するのに、…
上のを参考にスクロールとズームの動作を取得するテストページを作った。 http://touch.wakufactory.jp/sample/scroll.html スクロールするとwindow.onscrollイベントが発生。 左上の座標はwindow.pageXOffset,window.pageYOffsetで、 「いま見えてる範囲の…
Safariのスクロール、拡大機能を自分で制御してドラッグできるgooglemapを作っている。 http://d.hatena.ne.jp/kstn/20071006/1191627848 iPod Touchでプレゼンしてるってのも素敵。
googlemapをiPod touch向けに作ってみたVer.1 http://wakufactory.jp/map/google_touch.html googlemapの特徴であるところのマウスドラッグによるスクロールが、touchでは使えないので、とりあえずの対応として、クリックしたところが中心に移動するようにし…
Safariで動画再生をするためのタグ。embedだけでよい。サムネイル画像はsrcで指定。 フォーマットは(たぶん)転送して再生可能なものは大丈夫。 実際にはブラウザ上で再生されるわけではなくて、再生ボタンを押すとQTプレイヤーが起動して再生される。縦モー…
当初無いとされていた、iPod touch本体の向きを取得するイベントが、1.1.1のファームで追加されたようだ。 向きが変わると、bodyのonOrientationChangeイベントが上がり、window.orientationの値で向きが分かるようになっている。 実例サンプルはこちら http…
iTunes経由でsyncした画像は、どんなに大きくても一定サイズに縮小されてとりこまれてしまう。 したがって拡大も限界があり、高解像度の画像を拡大して細部まで見るのには適さない。Safari経由だと、大きな画像もフルサイズまで拡大することができる。 さら…
vbsを使ったiTunesに登録されたデータの属性を操作する例 http://www1.atwiki.jp/itunes/pages/26.html
ようやく時間ができてゆっくりいじれるようになったので、tipsネタをいくつか。
どうやらSafariはcanvas対応のようなので、夢がひろがりんぐ。 実例 http://www.nhk.or.jp/lab-blog/touch/clock/index.html
まちきれずにいろいろリサーチした情報のまとめ webアプリのガイドライン(iPhone用) http://developer.apple.com/jp/iphone/designingcontent.html uiライブラリiUi http://www.joehewitt.com/iui/ bookmarklet http://www.lifeclever.com/17-powerful-bookm…
AppleStoreで発表の日に注文したのが、やっと出荷されたようだ。
