2010-05-08
(function(){ var preventDefault = function(e){ e.preventDefault(); }; this.__defineSetter__('enableTouchSlide',function(enableTouchSlide){ this.__enableTouchSlide = enableTouchSlide ? true : false; if( this.__enableTouchSlide ){ this.removeEventListener('touchmove',preventDefault); }else{ this.addEventListener('touchmove',preventDefault); } }); this.__defineGetter__('enableTouchSlide',function(){
iPhone向けwebアプリを作ってみる-タッチイベント、ジェスチャーイベントに関するまとめ-
こんにちは。普段からiPhoneを愛用している橋本です。 最近、「せっかくiPhone持ってるんだし、iPhone向けのアプリ作ってみようかしら？」と思い立ったのですが、iPhoneのネイティブアプリを作るには、"Objective-C"と、"cocoa Touch"というiPhone/ipodTouch向けのフレームワークを理解する必要があり、また、自分で開発したアプリを実機に入れて動かしてみるには、そこそこの費用と各種手続きが必要だったり（iPhoneエミュレータ上で動かす分には問題ないのですが…）と、何かと大変です。 「何かもっと手軽にiPhone特有の機能を活かしたアプリを作る方法はないかなぁ。。」と考え、思い立ったのがWebアプリ。Webアプリなら、今までの知識＋αでアプリを作成することが出来るのではないかと。そこで、今回から数回に渡ってiPhoneとjavascriptを使って
iOS 4.2の新機能で作るHTML5+JSアプリ (1/4)
iPhone/iPad用OSの新バージョン「iOS 4.2.1」が11月22日にリリースされました。すでにインストールした方も多いでしょう。目玉はiPadのマルチタスク対応などの新機能ですが、今回のバージョンアップはiPhone/iPad向けのWebアプリケーション開発者にもうれしい新機能が追加されています。ブラウザー周りで追加または強化された機能を以下にリストアップします。 加速度センサー／傾きセンサーのサポート Web Sockets (ソケット通信)のサポート HTML5 Formsのサポート XMLHttp Request Levle 2 (一部) のサポート 印刷のサポート Int32やFloat32Arrayなどの配列のサポート イベントの追加 Canvas/SVGの機能追加 その他 新機能に関するリファレンスは米アップルのサイトに用意されています（11/15日付の情報）。 今
サーバー不要で保存できる「Web Storage」の使い方 (1/5)
HTML5とともにW3Cで標準化が進められているDOM APIの1つに「Web Storage」があります。Web StorageはCookieと同様にローカルディスク上にデータを保存する機能で、Cookieに比べて「有効期限がない」「データサイズの制限がない」といった特徴があります。ローカル上に永続的にデータを保存できるので、フォームの入力内容の保存やゲームのプレイ履歴の記録、各種サービスの状態保存など、などさまざまな用途に利用できます。 Web Storageにはローカルストレージとセッションストレージがあり、永続的にデータを保存する場合はローカルストレージを、ブラウザーを開いている間の一時的な保存であればセッションストレージを使います。ローカルストレージ、セッションストレージとも同じメソッドを持ち、記述方法に違いはありません。 今回のJavaScriptラボは、HTMLフォームに入力
iPhoneのJavaScriptアプリをAndroidに3行で移植 (1/4)
iPhone 3G向けのJavaScriptをAndroidでも動かそう iPhone 3Gの発売から約1年。今年7月、噂のグーグル携帯ことAndroid携帯(HT-03A)がNTTドコモから発売されました（関連記事）。6月に開催されたGoogle Developer Day 2009で同端末が先行配布されたこともあり、すでに使い込んでいる開発者の方も多いでしょう。 Androidのアプリケーションといえば、Android専用のネイティブアプリに目が行きがちですが、当然Webブラウザー上で動くWebアプリケーションも使えます。AndroidにはWebアプリのオフライン利用を実現するブラウザープラグイン「Gears」(旧名Google Gears)が標準で搭載されており、ローカル環境だけでも簡単なアプリを動かせます。 今回のJavaScriptラボでは、本連載の第1回、第2回で作成したiPh
iPhone Webアプリにおける13のJavaScript高速化アレコレ：マピオンラボ(Javascript)
こんちは、中村です。 先日マピオンラボよりリリースしたiPad用地図「マピオンタッチ デラックス」のコアとなるフリースクロール地図ライブラリの開発を担当させて頂きました。せっかくなのでターゲットブラウザをMobileSafariに設定し、比較的スペックがプアなiPhone3Gや3GSでも十分な速度で動作するようJavaScript部分の高速化をアレコレ調べてみたのでまとめてみます。一番低スペックなiPhone3Gで実際にどの程度早くなるかをタイマーで計測してみましたってのが本エントリーのミソです。 JavaScriptパフォーマンスチェック - Googleドキュメント 1. new Object より {}（Objectリテラル） オブジェクトを１万個生成するならばリテラルで記述することで約26ms高速化！ loop=10000; for(var i=0;i<loop;i++){}; /
%2520%25A5%25A4%25A5%25D9%25A5%25F3%25A5%25C8)
JavaScript(iPhone) イベント - kozy.heteml.jp
touchstartのeventオブジェクト † 以下で出力。 div.addEventListener("touchstart", function(event){ var a=[]; for(var i in event)a.push("event["+i+"] = "+event[i]); a.sort(); console.log(a.join("\n")); }, false); layerX, layerYはtargetのleft, topかも（未検証）。 event[AT_TARGET] = 2 event[BLUR] = 8192 event[BUBBLING_PHASE] = 3 event[CAPTURING_PHASE] = 1 event[CHANGE] = 32768 event[CLICK] = 64 event[DBLCLICK] = 128 event[DR
【ハウツー】iPhoneゲーム自作工房6 - ひとりで壁に向かってボールを打ち続けるゲーム (1) 壁に向かって打て! | パソコン | マイコミジャーナル
壁に向かって打て!! 今回はひとりで壁に向かってテニスボールを打ち続ける、というゲームを作成します。タッチパネルを利用して操作を行いますが、iPhoneでは複数のタッチに対応しているのでプログラムを改造して2人や4人でプレイ(できるかどうかは保証しません)するようにしてみると面白いかもしれません。 作成するゲームのルールは簡単で上から落ちてくるボールをパドルで打ち返すだけのものです。ボールが下まで落下してしまうと即ゲームオーバーとなります。パドルの移動はタッチパネルをドラッグ(タッチムーブ)することで行います。また、ボールの速度は一定で、ボールが跳ね返る角度も一定となっています。これらは手軽に変更、改造できます。 ゲーム画面 初期設定 ゲーム開始前には初期設定を行う必要があります。今回のゲームでは「ボールの位置(座標)」「ボールの移動量」「ボールのサイズ」「パドルの位置(座標)」「パドルの
iPhoneでjavascriptグリグリの「i4U」の技術的な話 - 仮想化する僕たち
1ヶ月ほどまでにiPhoneのsafariでどこまでリッチなサービスが作れるのかを試してみたくて、女の子画像ブックマークサービス「4U」のiPhone用ビューアを作ってみました。 i4U - beauty image viewer このサービス、扱っているコンテンツが最高なのは勿論なのですが、safariでリッチなインターフェースを実現するために使っているテクニックがなかなか面白い、というか苦労の結晶なのでとりあえず解説用の記事を書いておこうと思う。 iPhone用のwebサイトを作ろうとするとiui.jsとか使うのが多いみたいですが、これだとアプリっぽいインターフェースになるので、果たしてサイトとして使いやすいのかは疑問です。 iPhone 3G用のWebページを作る3 -［JavaScript］All About iui - Google Code 画像のビューアとしては次々とスライド
ke-tai.org > Blog Archive > 90秒で理解するiPhone JavaScript（マルチタッチ編）
90秒で理解するiPhone JavaScript（マルチタッチ編） Tweet 2008/7/28 月曜日 matsui Posted in iPhone | 10 Comments » 仕事でiPhone向けサイトを作ることになるかもしれず、色々と調査中です。 まずはiPhoneならではの機能ということで、マルチタッチについて調べてみました。 ここまでわかったことをメモ代わりに記載したいと思います。 今回はひとまず座標の取得までです。 ゆくゆくは、こちらのムービーのように凝ったギミックを作りこみたいと思っています。 マルチタッチの座標を取得するのは思ったより簡単で、抑えるポイントは4つだけです。 Safari自体のスクロールや拡大・縮小は動作しないようにした方が無難 タッチのイベントは、リスナーまたは「onTouchXXX」から取得 タッチ数は「event.touches.length
ke-tai.org > Blog Archive > 90秒で理解するiPhone JavaScript（ジェスチャー編）
90秒で理解するiPhone JavaScript（ジェスチャー編） Tweet 2008/7/30 水曜日 matsui Posted in iPhone | 1 Comment » 先日のマルチタッチ編に続き、今回はジェスチャー編になります。 対象を拡大縮小したり、回転させたりするには、座標を取得して自分でガリガリ計算しないといけないと思っていたのですが、どうやら「gestureXXX」イベントを使えばそんな必要がないということを知りました。 → 参考 [iphone.wikiwiki.jp] というわけで、今回はgestureイベントの使い方をまとめてみます。 ジェスチャーのイベントには次の3つがあるようです。 gesturestart gesturechange gestureend それぞれ、ジェスチャー開始時、ジェスチャー中、ジェスチャー終了時にイベントが発生します。 使い方は
HTML5だけでiPhoneアプリをつくる - EC studio デザインブログ
間が開いてしまいましたが、CSS Nite 4周年記念イベント（Vol.40 reprise）の続きです。HTML5のメリットを活かしたコンテンツアイデア」というテーマでお話されたのはKAYACの山田敬美さん。 HTM5を取り上げたブログ記事などを多く見るようになりましたが、その多くは新要素のマークアップについてが特に目立つ気がします。 そんな中、マークアップエンジンニアでもあり、KAYACのブッコミ11メンバーでもある山田さんはWebアプリケーションとしてのHTML5を生かしたアイデアをお話されていました。 iPhoneがHTMLで使える理由 HTML5といっても現状ブラウザごとで実装が異なり、実務として使うのは非常に難しい。でもそういったブラウザの種類に左右されないデバイスがある。 それがiPhoneだということです。iPhone SafariのWebkitはHTML5を要素のいくつか
iPhone OS 3.0 のブラウザから使えるようになったGPS現在位置情報をTwitterに投稿するJavaScript
Google Maps API V3 と Gears Geolocation API 使って Android のブラウザで現在位置情報を取得する | クレコ では、Androidのブラウザで現在位置情報取得してTwitterにポストするというJavaScriptを作りました。 今回は、それのiPhone版です。要 iPhone OS 3.0以上なので、まだアップデートされてない方は本日のアップデートを楽しみに待ちましょう。 iPhone OS 3.0 のブラウザ Mobile Safari でGPS現在位置情報が取得できるようになった Mobile Safari の W3C Geolocation API 対応 ついに iPhone Safari ブラウザから位置情報を取得できるようになります – Cirius Lab. ブログ から知ったのですが、iPhone OS 3.0 に標準搭載さ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://ameblo.jp/linking/entry-10724411642.html