17

既存のHTML/jquery.js Webサイトを、すべてのデバイス(iPhone、Android、Blackberryなど)を対象とするモバイルアプリに変換することはできますか?以下は私が考えることができるポイントです。私が間違っている場合は訂正してください。jquerymobile.jsを追加し、cssスタイルを変更します(サイトにアクセスしているデバイスに基づいて)。

既存のデスクトップベースのWebサイトをモバイルWebサイトに変換する際に考慮すべきすべてのポイント。または、モバイルWebサイト(MVC4モバイルWebサイト)を最初から作成する必要がありますか?その場合は、2つのコードベース(デスクトップ用に1つ、モバイル用に1つ)を維持する必要がありますが、これは実行したくありません。

4

5 に答える 5

15

デバイスに依存しない方法でWebアプリを設計する場合は、2つのコードベースの必要性を回避できます。つまり、さまざまな画面サイズ(小型の携帯電話からプラズマテレビまで)で表示でき、さまざまな入力方法(マウス、キーボード、タッチスクリーン、ゲームパッドなど)を使用してナビゲートできます。これを行うためのさまざまな手法は、現在「モバイルファースト」または「レスポンシブデザイン」として知られています。良いスタートについては、以下を参照してください。

アプリケーションが非常に複雑な場合、それが常に可能または便利であるとは限らず、最終的には2つ(またはそれ以上)のコードベースになる可能性があることに注意してください。ただし、ほとんどのWebサイトおよびWebアプリはそれらの原則を念頭に置いてください。

また、Webコンテンツアクセシビリティガイドラインを使用すると、多くのデバイスで多くの入力方法を使用できるWebサイトの設計がはるかに簡単になります。

特にこれを求めているわけではありませんが、さらにPhoneGapを使用して、モバイルWebサイトまたはWebアプリをiOS、Android、Blackberry、Windows Phone、Palm WebOS、Bada、およびSymbian用の実際のネイティブモバイルアプリケーションに変換できるため、アプリを利用できます。それらの特定のプラットフォーム用のさまざまなアプリストアからのインストール用。

2016年の更新

私は2012年にこの回答を書き、それ以来、いくつかの関連ツールが開発されています。

于 2012-07-23T08:55:32.597 に答える
5

この質問は3年前に尋ねられたもので、良い答えがあります。私の経験に基づいて、いくつかの情報を追加したいと思います。

個別のモバイルデザインを作成するのではなく、 Bootstrapを使用してレスポンシブウェブデザインで既存のウェブを変更することをお勧めします。

次に、2つのオプションがあります。

  1. Apache Cordovaを使用してハイブリッドWebアプリを作成します。これは、前述のPhoneGapとほぼ同じです。Visual Studioを使用しているので、VSプロジェクトテンプレートを使用しました。
  2. Manifoldjsを使用してホストされたWebアプリ。このオプションは簡単だと思います。既存のWebサイトを取得してラップし、Webアプリを作成するだけです。

また、Visual Studioを使用している場合は、Manifilodがなくてもホスト型Webアプリを作成できます。

于 2016-01-16T02:14:22.867 に答える
3

さまざまな種類のデバイスにアプリをすばやくデプロイする方法であるPhoneGapを試すことができます。

于 2012-12-19T19:54:52.843 に答える
2

無料のphonegapビルドサービスをお試しください。HTMLをアップロードすると、さまざまなデバイス用のアプリが自動的に生成されます。

于 2012-12-19T23:46:14.477 に答える
1

Appery.ioを試して、Webアプリを簡単に作成することもできます。これはあなたのウェブサイトからiOSアプリを作る方法を示す記事です。ウェブサイトがレスポンシブな場合、すべてのモバイル画面サイズを自動的にターゲットにします。http://www.techlivewire.com/4844/generate-an-iphone-app-for-your-website.html

于 2014-02-04T04:45:56.750 に答える