メニューから物を選択して操作するためのアプリを構築する予定です。以前は Java を学んで Android でビルドしようと考えていましたが、HTML5 と JQuery モバイルに出会いました。
何を学び始めるべきか教えてくれる人はいますか？シンプルなアプリを作ろうと思っています。良いGUIが欲しくて、一度書きたいだけです。そのため、HTML5 に取り組み、それをローカルに保存して、さまざまなプラットフォームの webview コンポーネントで開くと考えました。したがって、一度書いたら、すべてのプラットフォームで使用します。
私は正しい方向に進んでいますか？
HTML5、JQuery、Phonegapの違いも教えてください
それぞれを平易な英語で説明します。
Phonegapは、電話のカメラを使用して写真を撮る、デバイスの加速度計を使用する、位置情報などを行うための API のセットです。
基本的に、これはアプリケーションとデバイスの間で (javascript を介して) 通信する方法です。たとえば、Phonegap を使用して写真を撮る (カメラを開く) には、次のようにします。
navigator.camera.getPicture( cameraSuccess, cameraError, [ cameraOptions ] );
これは本質的にネイティブ デバイス言語 (つまり、iOS 用の Objective C) でカメラを開くのと同じくらい難しいことではありませんが、このコードの美しさは、複数のデバイス プラットフォームで動作することです (1 つまたは 2 つの小さな調整があります)。デバイスごとに行う必要がありますが、基本的には 1 回の書き込みでマルチプラットフォームを使用します)。それがPhonegapです。同じコードを使用して複数のデバイス プラットフォームと通信するための一連の API です。
jQuery、具体的にはあなたの場合、jQuery mobileは、主にユーザー インターフェイスの設計 (および Ajax) で使用される JavaScript ライブラリです。アニメーション (画像のフェードインや画面上での移動など) やイベント処理 (ユーザーが画像やボタン、または任意の要素をクリック、ホバー、フォーカスしたときに発生すること) を実行しやすくなります。たとえば、次のコードを見てください。
$('.mybutton').click(function(){
$('#myelement').fadeOut(500);
});
この 3 行のコードは、ユーザーが特定のボタンを 500 ミリ秒でクリックすると、特定の画像をフェードアウトします。短くて甘い。それがまさに jQuery であり、素敵な UI を簡単に作成できるライブラリです。
jQuery mobileは (名前が示すように) モバイル プラットフォームの開発を目的としています。したがって、jQuery のアニメーションとイベントに加えて、タッチとジェスチャ (スワイプなど) の機能、およびモバイル アプリケーション内でページとナビゲーションを処理するための優れたフレームワークが含まれています。
HTML5は最新世代の HTML であり、Web ベースのコンテンツ向けの包括的なアプリケーション開発プラットフォームを提供するように設計されており、Flash や Java などのサードパーティのプラグインが不要になります。オーディオ ビジュアル再生、ドラッグ アンド ドロップ、webSQL によるローカル ファイル ストレージ、そしてもちろん、高度な描画とアニメーションのためのキャンバス要素。
基本的には、より多くの最新機能を可能にする新しいバージョンの HTML です。
正しい方向に向かっていますか？はい、間違いなくそうです。モバイル プラットフォームのネイティブ言語を学習することにはメリットがあり、十分に価値がありますが、多くの開発者は Phonegap などのよりユニバーサルなプラットフォームに目を向けています。
ここ (StackOverflow) から始めるのが最適です。PhonegapとjQuery Mobileのドキュメントをよく読んで、いくつかのデモを試してみることをお勧めします。
この件に関するいくつかの便利なリンクを次に示します。
頑張って楽しんでね
Html5 は生の情報です。Jquery (Javascript の一部) は、インタラクティブな要素をコーディングします。CSSはデザインです。Web標準など、すべてを別々に保管してください。
これらのテクノロジーは Web ブラウザーで機能しますが、アプリ ストアなどの非 Web ブラウザーはこのコードを読み取ることができません。Phonegap はこのコードをパッケージ化するため、他のプラットフォームで読み取ることができます。したがって、コードを何度もやり直すのではなく、一度書いてどこにでも公開するか、そのようなことを行います。それはこの写真で見ることができます：
Phonegapは、HTML5、CSS、および JavaScript を使用してアプリケーションを開発し、主要なモバイル プラットフォームごとにネイティブ アプリとしてパッケージ化できるフレームワークです。理論的には、アプリケーションを 1 回作成すれば、同じコア コードベースでブラウザと主要なモバイル プラットフォーム (Phonegap を使用) をターゲットにすることができます。
jQuery Mobileは、HTML5、CSS、および JavaScript で構築されたモバイル開発フレームワークであり、Phonegap と組み合わせて使用してモバイル アプリを構築できます。カスタマイズ可能なモバイル向けに最適化されたユーザー インターフェイス (ページ、ヘッダー、リスト アイテム、フォーム コンポーネントを考える) と、アプリケーションのページ間を移動するためのシステムを提供します。
jQuery Mobile はjQueryライブラリに依存しています。jQueryライブラリは、JavaScript の記述を困難にする可能性のあるブラウザーの矛盾点の多くを強調することで、クライアント側のスクリプト作成を容易にすることを目的としています。これは、HTML 要素の選択とDOMのトラバースに特に役立ち、この調査によると、すべての Web サイトの 50% で使用されています。
アプリケーションの説明と、さまざまなプラットフォームで実行されるコードを一度書きたいというあなたの希望に基づいて、あなたは間違いなく正しい方向に進んでいると言えます。
これらのテクノロジに基づいて構築されているため、jQuery Mobile を検討する前に、まず HTML、CSS、および jQuery の基礎を固めることをお勧めします。上記のテクノロジを使用してアプリケーションを構築すると、フレームワークを使用して、ターゲットにする予定のプラットフォーム用にアプリケーションをパッケージ化できるという知識があれば、今のところ Phonegap を安全に無視できると思います。