Html5で作るiPhoneアプリケーション2010

HTML5で作る作 iPhone アプリケションアプリケーション Ver.2 ふるかわだいすけ/mogya.com

ふるかわだいすけ/mogya フリーランスWEBエンジニア・いいめもいいめも・メイドめる・メイドめーる・モバイラーズイラオアシス http://mogya.com/ 自己紹介

この会場から近くて仕事のできそうな場所リスト http://oasis.mogya.com/ 便利！

今日のテーマ

できることなぜHTML5？できないこと作ってみたよ！まとめ今日のテーマ

12/19 関西アンカンファレンス Ver.2です

iPhoneアプリはみんな興味がある

HTML5は面白い

二つあわせれば大人気！

そんなヨコシマな理由ではない！二つあわせれば大人気！

Mac買うと高いよね

・・・などというセコイ理由でもないっ！ Mac買うと高いよね

HTML5は面白い

シェア IE6,7 IE6 7 Firefox 3.0 IE8 Firefox 3.5 Chrome 3 0 3.0 Safari 4.0 Opera 10 x 10.x 出典：12月のブラウザシェア-ChromeがSafari抜く、Firefox3.5は3位マイコミジャーナル HTML5に対応したブラウザは？

CSS3・HTML5のブラウザ対応状況一覧|CREAMU HTML5に対応したブラウザは？

•みんな同じブラウザにもわりと対応 •HTML5にも(わりと)対応先進的ユザの割合が高い •先進的ユーザーの割合が高い iPhoneはHTML5の実験に最適

どうやって作るの？どうや作る疑問

http://oasis.mogya.com/iphone/ 要するにWEBです

HTMLなので、FireFoxでも動きます

ホーム画面に登録可能

起動画面も出せます

タスクバーを消すとアプリっぽい

Safariのタスクバーを消す

GPSだって使えちゃう

JavaScriptで呼び出せます

•CSS3 (Transform/Transitions/Animations) •Web Storage g •Offline Web Applications そのほか

•カメラ加速度 •加速度センサ •AppleStoreに登録 •有料課金 HTML5じゃできないこと

できる無理わかりやすく言うと

え？

まだ動いていない部分もあるけど、勘弁してください。ど勘弁してくださいごめんなさい

つくってみた

iPhone3GDevWiki Transitionとかは・・・

jQTouch

iPhone風チェックボックス

jQTouch

AJAX画面遷移

Postされた側は、 div～/divだけを書く AJAX画面遷移

jQTouchが勝手にロードしてくれる AJAX画面遷移

ここまでは簡単 jQTouch

他の位置の入力を POSTさせる問題

まとめてチェックON/OFF チックON/OFF おりたたみテラめんどくさいｗ問題

・たいていのアプリはOK ○UI ○GPS ×カメラ・jQTouchをつかうと楽・HTML ・JavaScriptプログラミングまとめ

iPhone関連 iPhone3GDevWiki http://wiki.sohaya.com/index.php jQTouch jQ jQTouch- jQuery plugin for mobile web development jQ yp g p http://www.jqtouch.com/ 【ハウツー】jQuery on iPhone-jQTouchを使ったWebアプリ開発|マイコミジャーナル開発| イジナ http://journal.mycom.co.jp/articles/2009/09/08/jqtouch/index.html そのほかモバイラーズオアシス-電源が使えるところ検索サイト http://oasis.mogya.com/ モバイラーズオアシス for iPhone(開発中) http://oasis.mogya.com/iphone2/ 参考サイト

http://20kaido.com	6023
http://mogya.com	261
http://blog.mogya.com	219
http://www.slideshare.net	149
http://www.stocksrc.com	20
http://s.deeeki.com	17
http://webcache.googleusercontent.com	14
http://www.mogya.com	10
http://takeshaaan.posterous.com	6
http://paper.li	4
https://si0.twimg.com	3
http://localhost	2
http://translate.googleusercontent.com	1

Html5で作るiPhoneアプリケーション2010

by mogya on Jan 22, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

13 Embeds 6,729

Statistics

Html5で作るiPhoneアプリケーション2010 — Presentation Transcript