2011-12-28 6 views
6

私はモバイルサイトの開発に慣れています。モバイルサイトを開発したいと思います。私は(m.yahoo.com)に非常に感銘を受けました。どのように私はどのように私はそのタイプのモバイルウェブサイトを作ることができるようになるか考えてもらえますか?モバイルWebサイトの開発で必要とされるテクノロジはどれですか?m.yahoo.com(モバイル版)のようなモバイルサイトを作る方法は?

答えて

0

あなたはそのために別のドメインを購入する必要が....とステップが簡単にこのリンクでsteps to create a mobile web

+1

いいリンクですが、別のドメインでは必要ありません。 –

+2

"m"サブドメインではなく、ドメイン –

0

を踏襲しているヤフーのソースを見て、しかし、見て、感じは、このプロジェクトのことを思い出すなかった、http://jquerymobile.com/

+0

m.yahoo.comにはJavascriptがありません。しかし、jQuery Mobileに似たCSSがたくさんあります。 – Thilo

5

あなたができる方法はたくさんあります。しかしそれの前に、あなたはいくつかのことを考えなければなりません。

  1. あなたはどのようにあなたのデザインがそれぞれのビューで見えるように起こっている(www.yahoo.comとm.yahoo.comなど)、デスクトップとモバイルのための2つの別々のドメイン
  2. を持ってお探しですか?

市場に登場する新しいデバイス(モバイル/タブレットなど)が常に存在するため、上記は重要な決定です。だから将来的には簡単に拡張できるものを設計する必要があります。

モバイルWebサイトを設計するには、非常に優れたアプローチがあります。これはレスポンシブウェブデザイン(または流体デザイン) と呼ばれています。ここでは、寸法(幅/高さ/パディング/マージンなど)をハードコードせず、%ですべてを指定します(CSSで) これは、それが表示されている画面に従って調整して、特定のデバイスに結びつけないようにします。

これ以外にも、モバイルデバイス用のビューポートについて知る必要があります。

Javascriptでは、jQTouch、jQuery Mobile、Sencha Touch(より複雑なサイト用)、さらにはフロープレーヤプラグインなどの基本的なものまで考慮することができます。

追加情報が必要な場合はお知らせください。

+0

+1レスポンシブウェブデザインの場合 – Robert

2

モバイルウェブサイトでデスクトップ/タブレットのウェブサイトと異なるドメインを使用すると、1つの欠点があります。それはウェブ上でのコンテンツの共有を困難にする。モバイルサイトでいくつかのURLを共有すると、そのURLにアクセスするすべてのユーザーは、モバイル版をデスクトップ上に開いていても表示されます。

djangoを使用してサイトのデスクトップ版を作成した場合は、django_mobileのようなものを使用して、同じURLのモバイル版を提供できます。ユーザーエージェントをHTTPヘッダーから盗聴し、適切なバージョンを提供します。これはあまり信頼できず、前者の方法を好む人もいます。

+1

フロントエンドキャッシングの場合、同じURLから異なるHTMLペイロードを処理することは悪いです。 Vary:User-Agentのキャッシュ動作により、キャッシュのパフォーマンスが損なわれます。さらに詳しい情報:https://github.com/miohtama/detectmobile.js –