モバイルWebサイトを作成する


16

Webサイトのモバイルバージョンを作成します。

モバイル専用のWebサイトを作成するのはこれが初めてです。

何を知る必要がありますか?何に注意する必要がありますか?

良いヒントとリソースがリクエストされました!

-スリ


blog.stackoverflow.com/2010/09/good-subjective-bad-subjective/…およびコミュニティの基準に従って、CWを作成しました。
ジェイソンバーチ

回答:


9

あなたがモバイルサイトを構築しているなら、あなたは苦痛の世界に入っています! 真剣に。モバイルWebポータルプロジェクトのプロジェクトマネージャーとして1年間過ごしましたが、ブラウザーのバグとプラットフォームの違いは、フルPC Webアプリケーション開発よりも桁違いに劣っています。

私が最初に言うことは、ビジネスケースを注意深く見てください。現在、モバイル空間には先駆者の利点があります。ただし、モバイル版からお金を稼ぐことも得ないこともあります。これについて慎重に考えてください。

2つ目は、デバイスのターゲットをできるだけ制限することです。デバイスを追加すると、顧客サポートと品質保証の負担が実質的に爆発します。iPhoneとAndroidのサポートのみで十分な場合は、そうしてください。少なくとも、完全にサポートされている電話機と部分的にサポートされている電話機の固定リストを設定し、それを維持します。

1つのテクノロジーソリューションですべてのデバイスを「うまく」ターゲットにすることはできません。(少なくとも、「well」を純粋なテキスト、左揃え、最小限のスタイルとして定義しない限り)。モバイルWebサイトのフォーマットの4つの主要な「ファミリ」は次のとおりです。

  • HTML 5。現在、強力な機能と厳密で一貫性のある解析の間の「最良の」妥協案。最先端のモバイルでのみ機能します(実際には、現在iPhoneおよびAndroidを意味します)。
  • XHTMLモバイル。最も互換性があり、幅広いデバイスをサポートします。新品ではないすべてのNokia、Sony-Ericssonなどに必要なもの。つまり、XHTML Mobileは、インストールされた携帯電話の大部分で動作します。しかし、多くの場合、これらの携帯電話のユーザーはモバイルサイトをあまり使用しないため、モバイルプロパティへの実際の訪問の割合は低くなります。
  • タグスープ、つまりHTML 4.01、完全なXHTML 1.0など。「タグスープ」と同様に機能し、ごく最近の電話モデルとのみ互換性があります。
  • WAP。ほぼすべてのユースケースで、この形式は今では機能していません。私はもうどんな種類のグリーンフィールド開発にもそれを考慮しないでしょう。(WAPしかできない電話は非常に古く壊れているため、人間が実際にそれらを計算プラットフォームとして使用したいとは思わないでしょう。モノクロ画面、QWERTYキーボードなどは考えないでください。)

Nota bene:Javascriptをサポートしているのは最先端のモバイルのみです(ここでも、iPhoneでの限定的なサポート、Androidでの動作、オペレーティングシステムが異なる他の一部のスマートフォンはJavascriptをサポートしていますが、ごく最近のモデルでのみです)。

最後に重要なこととして、ネイティブアプリケーション、アプリケーションクロムとロジックの一部がローカルにインストールされている可能性のある「ハイブリッド」アプリ検討し、他のコンテンツをネットワーク経由で取り込みます。iPhone用のネイティブアプリケーションの開発は驚くほど安価であり、当然、ネイティブアプリはブラウザ内アプリよりも高速でユーザーフレンドリーです。

何を知る必要がありますか?何に注意する必要がありますか?

もしあなたが今いるなら、多くの時間を学習に費やす準備をするか、外部のノウハウの採用を検討してください。


3

何を知る必要がありますか?

W3CのMobile Web Best Practices 1.0から始めて、Smashing Magazineのようなサイトがモバイルデバイス用のサイトの設計について何と言っているかを確認します。

何に注意する必要がありますか?

WAPは、携帯電話ブラウザー(通常は従来のデスクトップブラウザーの簡易バージョン)の登場により、ほとんど死んでいます。慣れたツールで十分な場合、難解なプロトコルにストレスをかける必要はありません。


弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.