Html5アプリとは何ですか？

聞いてますか？ HTML5アプリは、おそらく来年、すべてを変えるでしょう。少なくとも、HTML5対ネイティブアプリについての議論の1つの側面がしばらくの間言ってきたことです。それは時々脚光を浴びるメッセージであり、永遠にそのようになるでしょう。または、少なくとも実際に起こり、すべての最高のアプリがHTML5アプリになるまで。開発者がこれらの種類の議論とそれぞれの側の支持者が彼らのバージョンがより良いバージョンである方法を説明するのを見るのは珍しいことではありませんが、物事が開発者の議論を超えてあなたと私が聞く主流に入ると、彼らは私たちを麻痺させることができます。聞いていることを本当に気にする必要がありますか？

この場合、はい。すべてのアプリがHTML5で記述され、すべてのユーザーが同じ体験をするというユートピアは、それが起こったとしてもまだ良い方法ですが、ハイブリッド形式のHTML5はすでにかなり重要です。非常に重要なことは何でも知って理解する必要があります。

ほとんどの人がHTML5が言及されていることを初めて聞いたのは、Steve JobsがWebの未来でありFlashがそうではないことをすべて伝えたときでした。 AppleがiOS上のあらゆる種類のFlashプレーヤーへのアクセスをブロックしたため、彼の声明は部分的には真実になりましたが、HTML5にはFlashがこれまでよりも多くのことが行われているため、これが来ることを知るのに先見の明はありませんでした。そして、Webの未来がアプリケーションをコーディングするための非常に良い方法でもあることは、たまたま起こっています。

HTMLはHyperText Markup Languageの略で、標準の5番目の改訂版です。しかし、HTML5アプリという言葉を聞いたとき、それがWebアプリであろうと、携帯電話にインストールできるアプリであろうと、本当に3種類のコードを扱っています。

HTMLは、開発者がコードを配置できるフレームワークを提供し、アプリケーションはそれを表示および操作できるものに変換できます。
CSSは、個々のコードが画面にレンダリングおよび表示された後の個々のコードの外観をレイアウトする方法を提供します。
JavaScriptはすべてをインタラクティブにし、何でも「できる」ことを可能にします。

HTML5の優れた点は、アプリ開発者が管理する必要のない1つのアプリケーションですべてが理解され、そのアプリの独自バージョンを備えた画面を持つデバイスですべて機能することです。私たちはウェブブラウザについて話していますが、ウェブブラウザアプリ自体についてではありません。このすべてのコードを受け取り、その場で使用できるものにレンダリングできるWebブラウザーのコンポーネントは、かなり移植性が高く、既にWebビューとして使用している多くのアプリの一部です。

Mozillaのエンジニアは、「どこでもコードを一度実行しても、逃げるわけではありません。最適化が重要です」と言っていました。 Mozillaのエンジニアたち。

これが意味することは、開発者が自分のコードを書いてそれを微調整し、それをどこにでも展開できるということです。これは、Android、iOS、macOS、Windows、およびwebOSとBlackBerry 10のHTMLに個別のコードを書くこととは大きく異なります。開発者は、メモ帳であれVisual StudioやAdobe Dreamweaverのような複雑なものであれ、選択した開発環境を使用してコードを書くことができます、選択したブラウザでデバッグし、微調整しますが、それはどこでも動作します。

それには携帯電話も含まれます。 HTML5アプリがWebページとして使用されているのを見てきました。 Twitterやモバイル版のGmailなどの場所は、職場でのHTML5の優れた例です。ただし、HTML5はWebビューコンポーネントによってレンダリングできるため、基本的なアプリフレーム内にウィンドウをドロップして、実際に携帯電話にインストールするアプリを作成するのは簡単で高速です。 Apache Cordovaのような、すべての作業を行うサードパーティ製のツールもあります。これは、新しい開発者が自分のアイデアをすべての人や、今まで見たことのないものを思いつく時間を持つベテランの開発者に伝えるのに役立ちます。ネイティブアプリに埋め込まれたHTML5は、コードを実行し、インターネットから取得したアセットを使用できますが、開発者はこれらをローカルにインストールし、善良なオフラインネイティブアプリのコードをそこに指定することもできます。

しかし、HTML5のすべてが素晴らしいわけではありません。

HTML5アプリの現実

ここで混乱することがあります。 Webページについて考えるとき、Webページはブラウザエンジンにコードを送信するだけで、作業を行うのはデバイスであるということを忘れがちです。つまり、ジオロケーション、リアルタイムのオーディオおよびビデオチャット、3Dアクセラレーショングラフィックスなどが可能であるだけでなく、開発者にとってHTML5を使用して簡単に実装できます。それは、標準化団体が次のように言ったからです。「みんな、この特定のことをこの特定の方法で行う必要があり、開発者は私たちにこのようにするように頼むことができます。」

とにかくそれが目標です。現実は少し異なる可能性があります。その理由の良い例として、ビデオの再生のみを見る必要があります。使用するすべてのブラウザーはHTML5をサポートします。Chrome、Opera、Internet Explorer、Edge、Firefox、およびSafariはHTML5ブラウザーであり、開発者がビデオを指すわずかな単語を入力すると、ビデオ再生をサポートします。これらのアプリが持つあらゆる種類のポータブルWebビューコンポーネントは、同じレンダリングエンジンを使用するため、同じことを行います。

ルールを施行しない場合、それらは提案になります。誰もフォローしたくないもの。

ただし、HTML5はクロスプラットフォームであり、オープンであり、プロプライエタリではないため、すべてが同じ種類のビデオをサポートしているわけではありません。したがって、すべての形式をサポートする必要はありません。 Ogg Theoraは、Internet Explorerを除くすべてのブラウザーでサポートされている人気のあるビデオ形式です。InternetExplorerは、多くのコンピューターのデフォルトのブラウザーです。 H.264はさらに人気がありますが、オープンまたは無料ではないため、Firefoxはサポートしていません。 VP8とWebMは自由に使用して開くことができ、すべてのブラウザーエンジンがそれらをサポートしていますが、Internet ExplorerとSafariはユーザーがサポートを取得してインストールする必要があります。技術的には、HTML5はHDビデオ再生をサポートしており、開発者がそれを実装するのは非常に簡単です。現実の世界では、適切な種類のビデオのみがサポートされています。

YouTubeはすべての動画をHTML5で再生します。Googleにはアップロードした動画を変換するお金があるためです。

HTML5は、使用中のハードウェアと、コードを記述する際の開発者の熟練度にも依存します。間違ったJavaScriptライブラリを選択しても同じ結果が得られる場合がありますが、メモリリークが発生し、DOM操作（ドキュメントオブジェクトモデル-ページまたはアプリの読み込み時に作成され、ページまたはアプリ内のすべての要素が別の「ドキュメント」）を使用すると、最高のハードウェアであってもHTML5アプリのイライラするほど遅くなることがあります。能力が低い携帯電話では、ユーザーがアプリをアンインストールすることになります。

それだけが問題ではありません。インターネットからすべてを引き出すHTML5アプリを作成する場合、読み込み時間に対処する必要があります。これにより、ユーザーの接続速度が、ハードウェアの物理的な機能（多くの電話は正確に高速ではないプロセッサーを使用します）およびコードの最適化とともに、アプリの実行を遅くする可能性のあるもののリストに追加されます。ユーザーのデバイスにコードを表示するのに1秒かかり、インターネットからコードを取得するのに10秒かかる場合、多くの不幸なユーザーがいることになります。

FacebookアプリはHTML5の問題の例であり、Instagramは問題の例です。

これには優れた例があり、私たちのほとんどすべてが、どのタイプの電話を使用しても不満を抱いています。それは、Facebookアプリです。 Facebookアプリは基本的に、ボタンを保持するフレームに埋め込まれたWebビューであり、オペレーティングシステムが承認する方法でアカウントの資格情報を管理したり、メッセージをプッシュしたりするのに役立ちます。アプリ内で発生するすべての処理はHTML5で行われ、インターネットからすべてのデータを取得することを考慮すると、処理するには多すぎます。 Facebook以外の場所で、24時間365日、Facebookのサーバーに一度にアクセスする何百万という人々がいます。これにより、アプリの更新が遅くなり、非常に電力を消費し、多くの苦情の対象になります。

FacebookのモバイルWebサイトもHTML5で記述されていますが、モバイル用であるため、リソースが少ないように設計されています。これにより、すべてのコンテンツが完全なビューと同じくらいきれいに表示されていない場合でも、表示したいコンテンツをより速く読み込むことができます。また、モバイルサイトとそれを参照するFacebook「ライト」アプリが、Facebookの公式アプリよりもはるかに優れた動作をする理由でもあります。また、これはFacebookの問題だけではありません。HTML5を使用してすべての機能をサポートしているアプリがたくさんありますが、Facebookや同じように振る舞います。

HTML5アプリをもっと見たいですか、見たくないですか？

はい！しかし、すべてのアプリではありません。

HTML5は多くの点で非常に優れており、開発者がObjective-CまたはC ++のリファレンスマニュアルに根ざすのではなく、自分の時間を使って創造的なアイデアを考える素晴らしい方法です。しかし、開発者が特定の方法で物事を行うことを強制する開発言語の厳格な構造が、最終結果を携帯電話でより良く機能させるものである場合があります。

HTML5アプリは、Facebookアプリで見られるような悪夢である場合もあれば、モバイルGmailサイトで見られるように非常にすばらしい場合もあります。またはユーバー。またはInstagram。または、毎日使用する数百のHTML5アプリのいずれか。それは私たちが心配しなければならないことではありませんが、それは開発者が果てしなく議論することです。そして今、彼らが議論し、あなたがどちらが良いかを説得しようとしている間、あなたは彼らが彼らが言っていることを言っている理由について少し知っています。

リンクを使用して、購入の手数料を獲得する場合があります。もっと詳しく知る。