引き続きXcodeでのiPhoneアプリ開発を行っております。

前回に引き続き、XcodeでのiPhoneアプリ開発を行いました。

今回、Coronaを使って簡単なiPhone/Androidアプリを試しに
制作してみましたので、その際の所感など簡単にレビューしたいと思います。

尚、仕事の本当に合間の数時間で制作したものですので、
結構ヒドイクオリティです。
「ちょっと触ってみた」程度だという事をご了承ください。

■Coronaってなぁに？
iPhoneアプリ、Androidアプリが1つのソースで開発できちゃうというツールで、アプリ開発にはLuaというスクリプト言語を使用します。
ウリとしては

・１つのソースでiPhone・Androidどちらのアプリも作れちゃう
・FlashのActionScriptとの高い移植性
・物理エンジン（box2d）を利用したゲーム開発が容易

あたりだと思います。
ASができればLuaは出来るとどこかに書いてありました（多分）


■何を作ったの？

Touch The Numberのような物です。
実をいうとモグラたたき的な物を作ろうと思っていたのですが
出たり入ったりの動きを作る前に数字を仮でいれていたら
Touch The Numberぽくなったのでそのまま路線変更しました。ｗ
せっかくなので物理演算を使おうと思い、
玉が無駄に動いてますが･･･

今回、iPhone開発を一からXcodeで行いました。

スマートフォンのブラウザ上で動くアプリについてまとめます。

■制作物

○お天気アプリ
http://storage.vitalify.jp/staff/ymoriya/webapp2/
※PC、Andoroid携帯は対応してません。iPhoneで見てください。
　また、safariからホーム画面に登録してからご覧ください。

お天気アプリとしては機能してません。
むしろそこはどうでもよくて、WEBアプリでネイティブアプリと
見間違えるような動きができるかを検証しました。

今回はAUがボトルネックになりそうなので要注意です。

キャリア	XMLの文字コード
DoCoMo	SJIS
AU	UTF-8
SoftBank	SJIS

ぎゃー！！
ということで解決策は泥臭いですがこうしました。

<?php
$base = "./";
$xml  = "data.xml";
$ua   = $_SERVER['HTTP_USER_AGENT'];

$data = file_get_contents($base.$xml);

if(ereg("KDDI",$ua)) {
  $header = "Content-Type: text/xml; charset=utf-8";
}else {
  $header = "Content-Type: text/xml; charset=shift_jis";
  $data    = str_replace("UTF-8","Shift_JIS",$data);
  $data    = mb_convert_encoding($data,"sjis-win","utf-8,sjis-win");
}

header($header);
echo $data;
?>

XMLを読み込んで、キャリア判別して文字コードとXMLのヘッダの文字コード宣言部分を無理やり書き換え。
こんなんで充分っしょ。

今回はAUがボトルネックになりそうなので要注意です。

キャリア	XMLの文字コード
DoCoMo	SJIS
AU	UTF-8
SoftBank	SJIS

ぎゃー！！
ということで解決策は泥臭いですがこうしました。

<?php
$base = "./";
$xml  = "data.xml";
$ua   = $_SERVER['HTTP_USER_AGENT'];

$data = file_get_contents($base.$xml);

if(ereg("KDDI",$ua)) {
  $header = "Content-Type: text/xml; charset=utf-8";
}else {
  $header = "Content-Type: text/xml; charset=shift_jis";
  $data    = str_replace("UTF-8","Shift_JIS",$data);
  $data    = mb_convert_encoding($data,"sjis-win","utf-8,sjis-win");
}

header($header);
echo $data;
?>

XMLを読み込んで、キャリア判別して文字コードとXMLのヘッダの文字コード宣言部分を無理やり書き換え。
こんなんで充分っしょ。

今回はAUがボトルネックになりそうなので要注意です。

キャリア	XMLの文字コード
DoCoMo	SJIS
AU	UTF-8
SoftBank	SJIS

ぎゃー！！
ということで解決策は泥臭いですがこうしました。

<?php
$base = "./";
$xml  = "data.xml";
$ua   = $_SERVER['HTTP_USER_AGENT'];

$data = file_get_contents($base.$xml);

if(ereg("KDDI",$ua)) {
  $header = "Content-Type: text/xml; charset=utf-8";
}else {
  $header = "Content-Type: text/xml; charset=shift_jis";
  $data    = str_replace("UTF-8","Shift_JIS",$data);
  $data    = mb_convert_encoding($data,"sjis-win","utf-8,sjis-win");
}

header($header);
echo $data;
?>

XMLを読み込んで、キャリア判別して文字コードとXMLのヘッダの文字コード宣言部分を無理やり書き換え。
こんなんで充分っしょ。

現在発売されている代表的なスマートフォン端末の仕様ならびにUserAgentを調べてみました。

端末名称	OS	ブラウザ	HTML	JavaScript	ディスプレイサイズ(WxH)	Flashプラグイン	動画対応状況
iPhone 3GS	iPhone OS 3.1	Safari （標準ブラウザ）	XHTML1.0/HTML5	Safari3.1相当	320ｘ480	未対応	H.264ビデオ　/　.m4v　/　.mp4　/　.mov
XperiaTM SO-01B	Android 1.6	WebKit 528.5 (Safar 3.2と4の間、Chorme 1.0 に相当)	XHTML1.0	Safar 3.2と4の間 Chorme 1.0 に相当	480x854	未対応	Mediascape （3GPP、MP4、WMVに対応）
HTC Desire SoftBank X06HT	Android 2.1	WebKit (3.1)ベース 標準ブラウザ	XHTML1.0/HTML5 (safari3.1相当)	safari3.1相当	480ｘ800	FlashLite 4.0	MP4、H.263、H.264、WMV9、DivX
IS01	Android 1.6	WebKit 528.5 (Safar 3.2と4の間、Chorme 1.0 に相当)	XHTML1.0	Safar 3.2と4の間 Chorme 1.0 に相当	960x480	未対応	MPEG4、H.264、H.263、WMV
LYNX SH-10B	Android 1.6	WebKit 528.5 (Safar 3.2と4の間、Chorme 1.0 に相当)	XHTML1.0	Safar 3.2と4の間 Chorme 1.0 に相当	960×480	未対応	MPEG4/H.264/H.263/WMV/BDレコーダー連携動画/ワンセグ録画動画
BlackBerry Bold 9700	BlackBerry OS 5.0	BlackBerry Browser （WebKitをベースとした独自のブラウザ）	XHTML1.0/HTML5	javascript1.5 （一部1.6サポート）	480×360	未対応	3GP、H.263、H.264、MPEG4、WMV
iPhone 4	iPhone OS 4	Safari （標準ブラウザ）	XHTML1.0/HTML5	Safari 4	640ｘ960	未対応	H.264ビデオ/.m4v/.mp4/.mov/MPEG4ビデオ/Motion JPEG（M-JPEG/audio in ulaw/.avi

■UserAgent
○iPhone 3GS
Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_1 like Mac OS X; ja-jp) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7C144 Safari/528.16

○XperiaTM SO-01B
Mozilla/5.0 (Linux; U; Android 1.6; ja-jp; SonyEricssonSO-01B Build/R1EA018) AppleWebKit/528.5+ (KHTML, like Gecko) Version/3.1.2 Mobile Safari/525.20.1

○HTC Desire SoftBank X06HT
Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_1 like Mac OS X; ja-jp) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7C144 Safari/528.16

○IS01
Mozilla/5.0 (Linux; U; Android 1.6; ja-jp; IS01 Build/S7070) AppleWebKit/528.5+ (KHTML, like Gecko) Version/3.1.2 Mobile Safari/525.20.1

○LYNX SH-10B
Mozilla/5.0 (Linux; U; Android 1.6; ja-jp; SH-10B Build/S7023) AppleWebKit/528.5+ (KHTML, like Gecko) Version/3.1.2 Mobile Safari/525.20.1

○BlackBerry Bold 9700
BlackBerry9700/5.0.0.743 Profile/MIDP-2.1 Configuration/CLDC-1.1 VendorID/220

○iPhone 4
Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_0 like Mac OS X; en-us) AppleWebKit/532.9 (KHTML, like Gecko) Version/4.0.5 Mobile/8A293 Safari/6531.22.7

iPhoneのフォントについて。

MacのSafari・iPhoneのSafariで大きく違うのが、フォントです。

・MacのSafariは明朝体が標準
・iPhoneのSafariはゴシック体（ヒラギノ角ゴ）で表示

なのでCSSで明朝体を指定しても反映されません。