スポンサードリンク

Tag Archives: iPhone(アイフォン)

jQuery

jQuery

jQuery Mobile

Webオンライン iPhone(アイフォン)用シミュレータTest iPhone.comをブラウザを変えて比較してみる。

まず本題から外れるが、Wordpressの場合、プラグインのKtai Styleを使えば、ブログを携帯電話用に変換できるのだが、どのようになるのか気になっていた。らしく表示されて、Docomo、au、softbankの確認が出来るので重宝(メモ)。

◆iPhone(アイフォン)用シミュレータTest iPhone.comをブラウザを変えて比較

さて、本題のアイフォン用シュミレータだが、迷った挙句、Test iPhone.comが使いやすくていいかと。

Test iPhone.com http://www.testiphone.com/

Web上のオンラインで実際のiPhone(アイフォン)画面と近い表示が可能。

しかし、使用するブラウザにより、かなり異なる。結論から言えば、私のiPhone(アイフォン)用サイトを忠実に表示できたのは、Google Chrome。iPhone(アイフォン)ならsafariかと思っていたが・・・・ダメでした。

ブラウザを変更してTest iPhone.comで作成中の実機用ページを表示比較してみた。ちなみにこのページの各マップの現在地の取得は、W3Cとgoogle.gearsの両方に対応。作成はjQtouch。

◆Google Chrome

一番、類似して表示できたのがgoogel Chorme。jQtouchのフロートバーやinputフォームもほぼそのまま。現在地収得にも対応。唯一残念なのがjQtouchのアニメーション対応。safariだと実機iPhone(アイフォン)のように、slide upやFlip等の動きも確認できるがGoogel Chromeでは不可。

Read more »

iPhone(アイフォン)用サイトを作成したい(1)。無料UiUlKitでホームページを作成してみる

◆ iPhone(アイフォン)用サイトの作成にチャレンジ

Google Mapsを外出時にiPhone(アイフォン)で切り替えて使うには、専用のアプリケーション用ソフトが必要らしいので、今回は見送り。Google Codeを検索

The UiUIKit (Universal iPhone UI Kit)ならiPhone(アイフォン)用のサイトを容易に製作できるというので試してみる。このkitは、Google codeのiphone-universalのページ右端にあるFeatured downloads:から、UiUIKit-2.1.zipをダウンロード。

Read more »

ユーザの現在座標位置を収得する方法とは?/Geolocation + iPhone(アイフォン)+Google Maps API v3

◆Google Maps JavaScript API V3 + Geolocation (現在位置の座標情報を取得する)

iPhone(アイフォン)で地図が見れるようになりましたので、出かけたときに自分の位置をGPS情報から収得したいでうすよね。さて、どうすればいい? いつものように、Google Maps JavaScript API V3のトップページからスタート。Google Maps JavaScript API V3 – 基本ページに、ユーザーの現在地の検出(Geolocation)について説明があり、下記のような内容。

  • iPhone(アイフォン)で位置情報を収得するのは、Google Maps API では無い。
  • iPhone(アイフォン)のブラウザsafariがサポートしている”W3C Geolocation 規格”の”Geolocation” を用いる。
  • W3C Geolocation 規格”で位置を収得できない場合、Google Gears Geolocationを使う方法がある。

このページにあるサンプルコードをみると

// Try W3C Geolocation (Preferred) if(navigator.geolocation) { browserSupportFlag = true; navigator.geolocation.getCurrentPosition(function(position) { initialLocation = new google.maps.LatLng(position.coords.latitude,position.coords.longitude); map.setCenter(initialLocation); }, function() { handleNoGeolocation(browserSupportFlag); });

Read more »

Apple iPhone(アイフォン)で正確な地理的座標位置を取得するメソッドの比較。/Googel Maps API v3 Geolocation 

◆ navigator.geolocation.getCurrentPosition() と navigator.geolocation.watchPosition()メソッド

iPhone(アイフォン)の座標収得で使用するnavigator.geolocation.getCurrentPosition()、と navigator.geolocation.watchPosition()メソッドの大きな違いは、都度、現在位置をユーザが読み込んで位置情報を収得するのか、それとも連続的に収得するだけだと思っていたが、正確な座標制度を得るには、navigator.geolocation.watchPosition()を使った方が良いとの記事を見つけた。 <記事URL> Read more »

Google Maps API V3の地図(マップ)をPC、スマートフォンで見れるように表示させるscriptとメタタグの設定

Google Maps API v3の地図をiPhone(アイフォン)やスマートフォンで見れるように表示させるには、次のメタタグとscriptタグを<header>タグ内に記述しておく必要があります。

ここで注意点です。

Google先生のデフォルトは、

 

<meta name=”viewport” content=”initial-scale=1.0, user-scalable=no” />

<script type=”text/javascript” src=”http://maps.google.com/maps/api/js?sensor=set_to_true_or_false“></script>

 

となっています。

Read more »

2 / 212

スポンサードリンク