iPhone対応サイトのお作法
2009-08-09 (日) 20:19:00 (389d)

lifebuoy.png iPhone/iPod touch対応サイトのお作法とは
lifebuoy.png Creating Compatible Web Contentにまとまった内容で書かれています。

Web標準を使いましょう。 　

  • HTML 4.01
  • XHTML 1.0
  • CSS 2.1 and partial CSS3
  • ECMAScript 3 (JavaScript)
  • DOM Level 2
  • AJAX technologies, including XMLHTTPRequest

Web Design Practicesを使う 　

  • DOCTYPE宣言を行う。
  • コンテンツを表現するHTMLと、CSS及びJavaScriptを分離する。
  • 構造化されたHTMLを書く。
  • ブラウザ非依存コードを書く。
  • フレームセットを用いない。
  • カラムやブロック指定を行う。※MobileSafariは、ダブルタップ時にこれらの要素を自動判定し、的確なズーム処理を行います。

HTML表現 　

  • selectエレメントを使う。※MobileSafariでは専用のドラム式のselec要素が表示されます。
  • iPhoneでサポートされたContent Typeや機能を使う。PDFやQuickTime?、Excel、 Word、textファイル
  • CanvasやSVG、CSS Animation（CSSTransitionsやCSSAnimations）を使う。
  • window.open()や、JavaScriptダイアログalert()、confirm()、prompt()を使う。※window.showModalDialog?()とwindow.print()はサポートされない。
  • サポートされるRich Media MIME Type
    MIME TypeDescriptionExtensions
    audio/3gpp3GPP media3gp, 3gpp
    audio/3gpp23GPP2 media3g2, 3gp2
    audio/aiff
    audio/x-aiff    		AIFF audioaiff, aif, aifc, cdda
    audio/amrAMR audioamr
    audio/mp3
    audio/mpeg3
    audio/x-mp3
    audio/x-mpeg3    		MP3 audiomp3, swa
    audio/mp4MPEG-4 mediamp4
    audio/mpeg
    audio/x-mpeg    		MPEG audiompeg, mpg, mp3, swa
    audio/wav
    audio/x-wav    		WAVE audiowav, bwf
    audio/x-m4aAAC audiom4a
    audio/x-m4bAAC audio bookm4b
    audio/x-m4pAAC audio (protected)m4p
    video/3gpp3GPP media3gp, 3gpp
    video/3gpp23GPP2 media3g2, 3gp2
    video/mp4MPEG-4 mediamp4
    video/quicktimeQuickTime? Moviemov, qt, mqv
    video/x-m4vVideom4v

セキュリティ 　

  • SSL 2, SSL 3, and TLS with many popular cipher suites
  • RSA keys up to 4096
  • HTTPS
  • ※the Diffie-Hellman protocol, DSA keys, and self-signed certificates are not available on iPhone.



スポンサード　リンク