iPhone/iPad × HTML5アプリ制作

iPhone/iPad × HTML5アプリ制作

-Amazon.co.jp: iPhone/iPad × HTML5アプリ制作: 古籏 一浩: 本
--http://www.amazon.co.jp/exec/obidos/ASIN/4797362618/nilabwiki-22/ref=nosim/

-よくまとまっていてサンプルプログラムも豊富な良書。
--これだけの情報でお値段が2800円と安い。

----
読書メモ

-同時にタッチした指の本数
--event.touchs.length

-タッチイベント
--touchstart
--touchmove
--touchend
--touchcancel
--タッチされたタグ(要素)を取得: event.touched[0].target
--フリック/ドラッグ(ページのスクロール)をしないようにする: window.document.addEventListener("touchstart", function(event){event.preventDefault();}, true);

-ジェスチャーイベント(2本以上の指でタッチ)
--gesturestart
--gesturechange
--gestureevent
--スケール: event.scale
--回転角度: event.rotation

-<video>タグ

-css
--media="all and (max-width: 720px) and (orientation:portlait)"

-世界測地系移行の概要|国土地理院
--http://www.gsi.go.jp/LAW/G2000-g2000.htm

-geolocation.watchPosition オプション
--enableHighAccuracy: 高精度な位置情報を取得するように設定(バッテリーの減りが早くなる)。高度を取得するにも必要。
--timeout: タイムアウトまでの時間
--maximumAge: 位置情報を取得するまでの時間。0を指定すると常に最新の情報を取得。iOS4では約1秒間隔

ーiOS4.2以降で加速度センサーが反応するとdevicemotionイベントが発生
--window.addEventListener("devicemotion", function(event){}, true);
--event.acceleration.x
--event.acceleration.y
--event.acceleration.z

-NimbleKit

-UIフレームワーク
--iUI
--jQueryMobile
--jQTouch

-iPhone4では7ptの範囲に14pxで描画。ピクセルとポイント。
--http://mono.hatena.ne.jp/mono/wtr6KVdARM#/nilab/wtr6KVdNXA

-緯度経度の日本測地系から世界測地系への変換式。
--http://mono.hatena.ne.jp/mono/wtr6KVdARM#/nilab/wti8DjR4XE

-iOS4.2以降でdevicemotionイベントが使える。
--http://mono.hatena.ne.jp/mono/wtr6KVdARM#/nilab/wti8Ducr1R

-Accelerometer API、加速度センサー、傾きセンサー、重力値、回転値。
--http://mono.hatena.ne.jp/mono/wtr6KVdARM#/nilab/wti8DCiJAA

-巻末のiPhone用定型パターンが便利そう。
--http://mono.hatena.ne.jp/mono/wtr6KVdARM#/nilab/wtr6LtzV3N

----

-ソフトバンク クリエイティブ:iPhone/iPad × HTML5アプリ制作
--http://www.sbcr.jp/products/4797362619.html
--->新しいWeb標準で「iPhoneアプリ」を作ろう
--->
--->HTML5+CSS3+JavaScriptでiPhone/iPad/iPod touchアプリを制作、Xcodeでカンタンにネイティブ化しよう! HTML5の新機能、iOSデバイスの機能、PhoneGapやTitaniumなどなど、使いこなすためのサンプルを豊富に掲載。実機で動かすまでを丁寧に解説します。
--->
--->◆第1章 HTML5でできること
---> 1.1 HTML5でiPhoneアプリケーション
--->
--->◆第2章 Canvasを使う
---> 2.1 時計の作成
---> 2.2 写真集(フォトアルバム)の作成
---> 2.3 落書きアプリケーションの作成
--->◎Canvasメソッド・プロパティ一覧
--->
--->◆第3章 Videoを使う
---> 3.1 ビデオアルバムの作成
---> 3.2 オリジナルビデオプレイヤーの作成
--->◎Video & Audioメソッド・プロパティ一覧
--->
--->◆第4章 Audioを使う
---> 4.1 iPhoneでのHTML5 Audio機能
---> 4.2 ビジュアルオーディオプレイヤーの作成
---> 4.3 ピアノの作成
--->
--->◆第5章 Geolocationを使う
---> 5.1 iPhone/iPadでの位置情報の扱い
---> 5.2 時間帯に合わせて色を変更する地図アプリケーションの作成
---> 5.3 方角に合わせて回転する地図アプリケーションの作成
---> 5.4 高度計アプリケーションの作成
--->◎Geolocation APIメソッド・プロパティ一覧
--->
--->◆第6章 ローカルストレージ
---> 6.1 iPhoneでのデータ保存
---> 6.2 簡易メモの作成
---> 6.3 マップマーカーの作成
---> 6.4 GPSトラッカーの作成
--->◎LocalStorage APIメソッド一覧
--->
--->◆第7章 リアルタイム処理/ゲーム作成
---> 7.1 リアルタイム処理とは
---> 7.2 震度計の作成
---> 7.3 タコグラフの作成
---> 7.4 旗取りゲームの作成
---> 7.5 傾きセンサーを利用した旗取りゲームの作成
--->◎Accelerometer API(加速度センサー)メソッド一覧
--->
--->◆第8章 アプリケーション化する
---> 8.1 アプリケーション化するには?
---> 8.2 iOSデベロッパプログラムへの登録
---> 8.3 開発ツールXcodeのインストール
---> 8.4 iPhoneアプリケーションの作成
---> 8.5 プロビジョニングファイルの作成と実機の登録
---> 8.6 実機で動かす
---> 8.7 2台目以降で動作させる
---> 8.8 PhoneGapでHTML5プログラムを動かす
---> 8.9 TitaniumでHTML5プログラムを動かす
--->
--->◆第9章 ライブラリを利用する
---> 9.1 ライブラリとは?
---> 9.2 傾きセンサーを使ったスライド写真
---> 9.3 Twitterのタイムライン表示アプリケーション
---> 9.4 簡易電子本アプリケーション
--->
--->◆第10章 iPhone用のUIフレームワーク
---> 10.1 UIライブラリ
--->
--->◆付録 iPhone用定型パターン一覧
---> HTMLの定型パターン
---> CSSの定型パターン
---> JavaScriptの定型パターン
---> PhoneGapイベント

-ソフトバンク クリエイティブ:【ダウンロード】『iPhone/iPad × HTML5アプリ制作』
--http://www.sbcr.jp/support/9856.html
--->書籍紙面に掲載されたサンプルプログラムについての詳細は書籍をご覧ください。また、紙面で紹介できなかったサンプルも収録しているのでご活用ください。