HTML5 Canvas + JavaScript でつくる極小iPhone – Tiny iOS の技術解説 | DOTAPON Blog
先日、無事公開までたどりつけた「Tiny iOS」。 今回は、Tiny iOSに使用した技術要素について、いくつか解説してみます。 Canvas要素 画面の表示は、HTML5のCanvas要素を使用しています。 Canvas要素は、線の描画や塗りつぶし、画像の描画など、多彩な描画機能をサポートする要素。 W3Cでまだまだ仕様策定中ですが、Chrome, Safari, Opera, Firefoxなど、たいていのモダンブラウザで動きます。 IE? 知りません ;-p ピクセルの扱いが手軽、描画オプションも豊富と、なかなか使い勝手のよい仕上がりです。 「何か作っちゃるぜ！」という気にさせてくれます。 Canvasの使い方については、ここを押さえておけばほぼ事足ります。 「Canvasリファレンス – HTML5.jp」 素晴らしいサイトです、感謝。 アニメーション Tiny iOSの
Event handling with anon-func style on iOS / Android - 愛と勇気と缶ビール
JavaScriptでユーザからのイベントを受け取ってホゲホゲ、という処理は大体次のようなスタイルで書く。なお、jQueryとか使っていても概要は同じ。 el.addEventListener("eventName", function(evt) { // do something }, false); iOS appでこのようなイベントハンドーリング的処理を行う場合、基本的にはdelegateを使う。 -(id)init { self = [super init]; if ( self != nil ) { Foo* foo = [[Foo alloc] init]; foo.delegate = self; Bar* bar = [[Bar alloc] initWithsomething:nil target:self selector:@selector(didReceiveBar
Post by @hamalog
まず、なんで触ってみたかというと、Sencha TouchのScrollView（スマホでoverflow:scrollみたいのをするやつ）と、カルーセルがすごい快適に動いていたので、ヘビーなフレームワークに依存してしまうのもなーと思いつつも、これらの機能を超快適に作るには血の滲むような苦労が必要（というか作りかけてやめたりした）なので、ちょっと試してみようかと思った次第。 予想してたよりかなり素敵だと思ったScrollViewとかカルーセルだけを普通のスマホサイトにつかうのも可能。これがやりたかったのだが、これはいけそう。基本的には、JSかけばもうhtmlから何からSencha Touchがやったるけんねっていうやり方が基本だけど、dom渡してそこだけに何かを適用っていうのもできる。しっかりしてる。Androidでもフツーに動いているのはびびった。Android 2.1〜、iOS3+対応
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
