Jun 12, 2012

[Apple] [Apple] iOS 用 Web サイト構築で可能なこと - 傾き取得

DeviceOrientationEvent のサンプル
3軸加速度センサーから alpha, beta, gamma の値を取得し、Web ページ上に表示する。

[alpha,beta,gamma の意味] [iPhone キャプチャ]

ソースコード

  <div id="orientation" >
    <div>alpha:<span id="alpha" /></div>
    <div>beta:<span id="beta" /></div>
    <div>gamma:<span id="gamma" /></div>
  </div>
  <script defer="defer">
  window.addEventListener('deviceorientation', 
    function(evt) {
      document.getElementById("alpha").innerText = evt.alpha;
      document.getElementById("beta").innerText = evt.beta;
      document.getElementById("gamma").innerText = evt.gamma;
    }, false
  );
  </script>

Posted in Apple | このエントリーをはてなブックマークに追加 | この記事をクリップ! livedoor クリップ |

[Apple] iOS 用 Web サイト構築で可能なこと - コンパス

webkitcompass のサンプル
方角を定期的に取得し、Web ページ上に表示する。

[iPhone キャプチャ]

ソースコード

  <div id="orientation" >
    <div>方角:<span id="webkitCompassHeading" /></div>
    <div>誤差:<span id="webkitCompassAccuracy" /></div>
  </div>
  <script defer="defer">
  window.addEventListener('deviceorientation', 
    function(evt) {
      document.getElementById("webkitCompassHeading").innerText = evt.webkitCompassHeading;
      document.getElementById("webkitCompassAccuracy").innerText = evt.webkitCompassAccuracy;
    }, false
  );
  </script>

Posted in Apple | このエントリーをはてなブックマークに追加 | この記事をクリップ! livedoor クリップ |

[Apple] iOS 用 Web サイト構築で可能なこと - 位置情報取得

geolocation のサンプル
緯度、経度、高度を定期的に取得し、Web ページ上に表示する。
方角、速度もインタフェースは用意されているのだが iPhone 4S では取得できなかった。 何か制約があるのだろうか?? 今度調べてみよう。

[iPhone キャプチャ]

ソースコード

  <div id="error" style="color:red" />
  <div id="geolocation" style="color:black" >
    <div>緯度:<span id="latitude" /></div>
    <div>経度:<span id="longitude" /></div>
    <div>誤差:<span id="accuracy" /></div>
    <hr />
    <div>高度:<span id="altitude" /></div>
    <div>誤差:<span id="altitudeAccuracy" /></div>
    <hr />
    <div>方角:<span id="heading" /></div>
    <div>速度:<span id="speed" /></div>
  </div>
  <script defer="defer">
  if (navigator.geolocation) {
    navigator.geolocation.watchPosition(
      function(position) {
        document.getElementById("latitude").innerHTML = position.coords.latitude;
        document.getElementById("longitude").innerHTML = position.coords.longitude;
        document.getElementById("accuracy").innerHTML = position.coords.accuracy;
        document.getElementById("altitude").innerHTML = position.coords.altitude;
        document.getElementById("altitudeAccuracy").innerHTML = position.coords.altitudeAccuracy;
        document.getElementById("heading").innerHTML = position.coords.heading;
        document.getElementById("speed").innerHTML = position.coords.speed;
      },
      function(error) {
        document.getElementById("error").innerHTML = "エラー: " + error.code;
      }
    );
  } else {
    document.getElementById("error").innerHTML = "位置情報が取得できません。";
  }
  </script>

Posted in Apple | このエントリーをはてなブックマークに追加 | この記事をクリップ! livedoor クリップ |

Jun 11, 2012

[Apple] iOS 用 Web サイト構築のための情報をメモ(機能別)

LocalData

Data Management Coding How-To's for Safari on iPhone, Mac OS X, and Windows
https://developer.apple.com/library/safari/codinghowtos/Desktop/DataManagement/_index.html

GPS

Geolocation API Specification
http://www.w3.org/TR/geolocation-API/

Motion

DeviceMotionEvent Class Reference
https://developer.apple.com/library/safari/documentation/SafariDOMAdditions/Reference/DeviceMotionEventClassRef/DeviceMotionEvent/DeviceMotionEvent.html

Orientation

DeviceOrientationEvent Class Reference
https://developer.apple.com/library/safari/documentation/SafariDOMAdditions/Reference/DeviceOrientationEventClassRef/DeviceOrientationEvent/DeviceOrientationEvent.html

Touch

Touch Class Reference
https://developer.apple.com/library/safari/documentation/UserExperience/Reference/TouchClassReference/Touch/Touch.html
TouchEvent Class Reference
https://developer.apple.com/library/safari/documentation/UserExperience/Reference/TouchEventClassReference/TouchEvent/TouchEvent.html
TouchList Class Reference
https://developer.apple.com/library/safari/documentation/UserExperience/Reference/TouchListClassReference/TouchList/TouchList.html

Gesture

GestureEvent Class Reference
https://developer.apple.com/library/safari/documentation/UserExperience/Reference/GestureEventClassReference/GestureEvent/GestureEvent.html

file upload

picup
http://picupapp.com/
iCab Mobile
http://www.parorrey.com/blog/technology/how-to-fix-iphoneipad-mobile-safari-greyed-out-and-disabled-file-upload-control/
iphone-photo-picker
http://code.google.com/p/iphone-photo-picker/
iPhone Safariから画像を投稿する方法
http://www.1x1.jp/blog/2010/08/tips_for_upload_image_from_iphone_safari.html

Posted in Apple | このエントリーをはてなブックマークに追加 | この記事をクリップ! livedoor クリップ |

[Apple] iOS 用 Web サイト構築のための情報をメモ

iOS Human Interface Guidelines
https://developer.apple.com/library/safari/documentation/UserExperience/Conceptual/MobileHIG/Introduction/Introduction.html
Getting Started with iOS Web Apps
https://developer.apple.com/library/safari/referencelibrary/GettingStarted/GS_iPhoneWebApp/_index.html
DOMWindow Additions
http://developer.apple.com/library/safari/#documentation/DataManagement/Reference/DOMWindowAdditionsReference/DOMWindowAdditions/DOMWindowAdditions.html

iPhone

User Experience Coding How-To's for Safari on iPhone
https://developer.apple.com/library/safari/codinghowtos/Mobile/UserExperience/_index.html
Safari on iPhone Graphics, Media, and Visual Effects Coding How-To's
https://developer.apple.com/library/safari/codinghowtos/Mobile/GraphicsMediaAndVisualEffects/_index.html
Safari on iPhone Tools Coding How-To's
https://developer.apple.com/library/safari/codinghowtos/Mobile/Tools/_index.html

iPad

Preparing Your Web Content for iPad
https://developer.apple.com/library/safari/technotes/tn2010/tn2262/_index.html

Dashcode

Dashcode User Guide
https://developer.apple.com/library/safari/#documentation/AppleApplications/Conceptual/Dashcode_UserGuide/Contents/Resources/en.lproj/Introduction/Introduction.html

iPhone 用サンプルコード

iPhoneIntegration
https://developer.apple.com/library/safari/samplecode/iPhoneIntegration/Introduction/Intro.html#//apple_ref/doc/uid/DTS10004483
iPhoneOrientation
https://developer.apple.com/library/safari/samplecode/iPhoneOrientation/Introduction/Intro.html#//apple_ref/doc/uid/DTS10004520
iPhoneButtons
https://developer.apple.com/library/safari/samplecode/iPhoneButtons/Introduction/Intro.html#//apple_ref/doc/uid/DTS10004474
iPhoneListPatterns
https://developer.apple.com/library/safari/samplecode/iPhoneListPatterns/Introduction/Intro.html#//apple_ref/doc/uid/DTS10004469
MakeiPhoneRefMovie
https://developer.apple.com/library/safari/samplecode/makeiPhoneRefMovie/Introduction/Intro.html#//apple_ref/doc/uid/DTS10004417

Posted in Apple | このエントリーをはてなブックマークに追加 | この記事をクリップ! livedoor クリップ |

Jun 10, 2012

[Amazon] Elastic Beanstalk のディプロイ時に "health check URL" でエラー

Beanstalk のアプリケーションをディプロイする際に

The application did not respond at the health check URL.
というエラーが出た場合は、Environment "Edit/Load Configuration" から "Load Balancer" の "Application Health Check URL" を適切な値に変更する。

[Action > Edit/Load Configuration] [Load Balancer]

Posted in Amazon | このエントリーをはてなブックマークに追加 | この記事をクリップ! livedoor クリップ |

Jun 09, 2012

[Apple] IP アドレスからオフィス/自宅判定して IM Status を変更する

IM クライアントの Adium は AppleScript でかなり自由に制御できる。 IP アドレスから現在オフィスに居るか自宅に居るかを判定して IM の Status を変更してみる。

  1. IP アドレスが 192.168.10.0/24 の場合はオフィスと判定し Status を "@office" に変更
  2. IP アドレスが 192.168.20.0/24 の場合はオフィスと判定し Status を "@home" に変更

以下の AppleScript で実現できる。

tell application "Adium"
	set ipaddress to IPv4 address of (get system info)
	if ipaddress begins with "192.168.10." then
		set location to "@office"
	else if ipaddress begins with "192.168.20." then
		set location to "@home"
	else
		set location to ""
	end if
	
	if location is not "" then
		set the status message of every account to location
	end if
end tell

Posted in Apple | このエントリーをはてなブックマークに追加 | この記事をクリップ! livedoor クリップ |