近年、Web フロントエンド開発の分野で最もホットなトピックは間違いなく HTML5 です。HTML5 は、デスクトップ ブラウザからモバイル アプリケーションまで、開発者が Web アプリケーションを開発する方法を根本的に変えました。さまざまなオペレーティング プラットフォームに影響を及ぼしており、今後も影響を及ぼし続けるでしょう。
モバイル分野で誰もが絶え間なく議論する問題は、Web アプリケーションを開発するかネイティブ アプリケーションを開発するかということです。 HTML5 標準の発展に伴い、両者の違いは徐々に曖昧になってきていますが、現在、大手メディアは HTML5 関連の報道を急いでいます。では、HTML5 の今後の開発動向はどうなるのでしょうか。私の見解と、私がこれまで見てきた中で私が同意すると思う見解のいくつかについて話しましょう。
1) モバイルファースト
一昨日、AppMobi が ReadWriterWeb2012 で最も有望な企業に選ばれました、この受賞企業はスタートアップ企業としてまず注目します。モバイル プラットフォームで HTML 5 を使いやすく、どこにでも普及させる方法。
現在、モバイル アプリケーションが絶え間なく登場していることからわかるように、スマートフォンやタブレットが爆発的に普及しているこの時代では、何を開発するにしてもモバイル ファーストが主流となっています。
前述したように、これまでモバイル分野を悩ませてきた問題は、Web アプリケーションを開発するか、ネイティブ アプリケーションを開発するかです。最近では、Financial Times などの大企業が App Store から iPad ネイティブ アプリケーションを削除し、HTM L5 でモバイル市場に参入する過程で Web アプリケーションを開発しているのを目にしますが、これも好調です。
多くのゲーム開発者もモバイル Web アプリケーションで重要な役割を果たすでしょう。モバイル Web アプリケーションが優先される傾向は、モバイル デバイスが情報処理の分野を支配するまで続くでしょう。実際、使いやすければ、Web アプリケーションであろうとネイティブ アプリケーションであろうと、ユーザーはアプリケーションの開発にどのようなツールを使用するかはまったく気にしません。
2) ゲーム開発者が「主演」を主導する
実際、HTML5 から最も恩恵を受けるのはモバイル ゲーム開発者です。彼らはこのプラットフォームを使用できます。 Apple に支払われる 30% の手数料を回避するためです。ある程度、ゲームはモバイル プラットフォームで最も売れているアプリケーションであり、人々をモバイル デバイスの購入に引き付ける重要な要素でもあります。
多くのゲーム開発者は Facebook または Zynga を推進しており、将来の Facebook アプリケーション エコシステムは HTML5 に基づいています。HTML 5 プラットフォームでゲームを開発することは非常に困難ですが、ゲーム開発者は喜んで開発します。これは、PhoneGap と appmobi の XDK を介して Web アプリケーション ゲームをパッケージ化してネイティブ アプリケーションに統合する方法でもあり、Facebook はこれをほぼ実行しています。Web アプリケーションとブラウザーに基づいて、それらをパッケージ化してネイティブ アプリケーションに統合します。
3) レスポンシブデザイン & 画面サイズの自動変更
HTML 5 がモバイル開発プラットフォームを実際に変える前に、重要なステップを踏む必要があります。それが「」です。レスポンシブデザイン」とは、コンテンツに応じて画面のサイズを自動的に変更できることを意味します。
レスポンシブ デザインの最良の例の 1 つは、今年立ち上げられた BostonGlobe.com (ビデオをご覧ください) で、開発元の Filament Group を訪問した後、レスポンシブ デザインも簡単ではないことが分かりました。メディア ライブラリを処理するための RespondJS など、一部の基本コンセプト設計は最初から開始する必要があり、サードパーティからの画像や広告を扱うことも面倒な問題です。
レスポンシブ デザインで良い仕事をしたいなら、コンテンツと画面の間のフィードバック関係を理解する必要があると、シリコン バレーのレスポンシブ デザイン会社 ZURB は、実際、過去 16 年間、開発者はこう述べました。レスポンシブ デザインを実現しました。これは、「フロー」から完全に離れ、代わりに Web ページやモバイル デバイス上でコンテンツがどのように処理されるかに焦点を当てることです。このプロセスは現在も進行中であり、HTML 5 によって最終的にそれが可能になります。
4) デバイスアクセス
Web アプリケーションとネイティブ アプリケーションの境界をなくすための最大の障害は、ブラウザがモバイル デバイスの基本機能にアクセスできることです。 HTML5 を使用してこの機能を実現するという点では、カメラ、連絡先、カレンダー、アクセラレータなど、上記の appMobi が業界のリーダーとみなされており、感謝祭の後、すべての API をオープンソース化しました。 Mozilla は、モバイル ブラウザ Fennec を通じてデバイスのアクセシビリティを強化することにも熱心に取り組んでいます。
多くのモバイル開発者にとって、デバイスのアクセシビリティの向上は、HTML5 の最もエキサイティングなイノベーションです。これは、PhoneGap スタイルのパッケージなしで Web アプリケーションをモバイル デバイス上で起動できることを意味します。もちろん、ゲーム開発者は、特定の機能を備えているため、最も満足しています。ゲームに統合できるアクセラレータなどはブロックされています。
これにより、クラウドとの統合が強化され (アプリ内購入やメッセージのプッシュなどに有益です)、ゲームのプレイアビリティが向上するなど、開発者は別の可能性を開くことができます。 Java 言語、CSS3、HTML およびその他のプログラミング言語。
5) オフラインキャッシュ
この概念は非常に新しいもので、オフラインでもアプリは通常どおり動作します。これは HTML 5 の魔法の側面と考えられています。今年のオフライン キャッシュの最良の例は、Amazon Kindle のクラウド リーダーです。 Firefox 6 以降、Safari 5 以降、iOS 4 以降のブラウザで使用すると、すべての Kindle シリーズ デバイスにコンテンツが同期され、ユーザーの Kindle ライブラリ内のすべてを記憶できます。
このようにして、Amazon は Web アプリケーションのオフライン使用を実現しました。多くの専門家は、Web アプリケーションの使用がシンプルでスムーズになり、プラットフォームを使用せずに、あらゆるプラットフォームに適用できるようになったため、ネイティブ アプリケーションの終わりが近づいていると主張しています。 。もちろん、Mozilla の触手はここにも伸びています。実際、Mozilla は HTML 5 が浸透できるあらゆる分野に関与したいと考えています。詳しくは、Mozilla のモバイル ブループリントをご覧ください。
6) 開発ツールの成熟度
今年 8 月に、Brian Fling は「HTML5 Web アプリケーション開発の分析」というブログ投稿を書き、リファレンスとしていくつかの提案を提出しました。 HTML 5 アプリケーションに携わる開発者:
HTML5 プロジェクトは他のプロジェクトの開発よりも時間がかかる場合がありますので、しばらくお待ちください
予算を立ててください。Web サイトを構築するほど簡単ではありません。多額の費用がかかる場合があります
適切な開発者を見つけるには、多くの経験豊富な専門家にとってこれは非常に困難であることを覚えておく必要があり、あなたのチームも困難を感じることになるため、必ず適切な人材を見つけ、正しい方向性を見つけるようにしてください
自己であること-信頼できる、HTML 5 プロジェクトを開発するには、多くのツールが既製ではなく自家製でなければならないことを知っておく必要があります
技術の世界では、ステップバイステップの独断的なスタイルはここでは機能せず、多額の費用がかかりますモバイル分野では、正しいか間違っているかはなく、すべてはユーザーエクスペリエンスに重点を置いています。
ツールに関しては、appMobi が提供するツールに加えて、アプリケーション開発者が使用できるように Sencha や Appcelerator が提供するフレームワークや IDE もありますが、これらのツールはまだ成熟しておらず、それほど優れたものではありません。 Android と iOS の開発者フレームワークとツールは非常にシンプルで強力ですが、少なくとも進化しており、ますます便利になるでしょう。
概要
フォームや新しい標準など、HTML 5 の他の機能は依然として急速に進化しており、標準化作業が進むにつれて、HTML 5 が HTML に戻る可能性があります。 。 HTML 5 開発分野のリーダーには、Sencha、Adobe、Appcelerator、appMobi、および Facebook、Amazon、Google の 3 つの巨人が含まれます。
Brightcover などの新しいビデオ アプリケーションを開発したい開発者でも、Soundcloud などの新しいオーディオ アプリケーションを開発したい開発者でも、デスクトップ アプリケーションでもモバイル アプリケーションでも、HTML 5 がメインです。イノベーションをテーマに。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
