web-dev-qa-db-ja.com

HTML5はどのようにWebアプリケーションを改善できますか?

最近の数か月で、多くのWeb企業、ブラウザ開発者、および専門家がHTML5について話しました。これはWebの新しい進化/革命です。

実際にどのように言えばHTML5は、Officeスイート(例:Googleドキュメント)やソーシャルネットワーク(例:Facebook)、オンラインフォトエディターなどの既存のWebアプリケーションを改善できるでしょうか?

12
Drake

「Web Storage」を使用してデータを保存する既存のWeb Officeアプリケーションを改善できます。

ソーシャルネットワーキングサイトのコーディングは、SQLデータベースとWebワーカーを使用して、ページのさまざまな部分をロードする方が簡単です。通知もサポートします。

オンラインフォトエディターは、ドラッグアンドドロップを使用できます。

これらは、WebアプリケーションでHTML 5の新機能を使用する方法のアイデアのほんの一部です。

チェックアウトする必要があると思います HTML 5 Rocks! HTML 5の優れた機能のリストとその使用方法の例があります。さらに、HTML5の最新ニュースに関するリソースと情報

5
Bernie Perez

おそらく最も話題になっている機能が5つあります

  1. Webワーカー-開発者がバックグラウンドでスクリプトを実行できるようにして、Webアプリケーションが一度に複数のことを行えるようにします。
  2. ビデオタグ-フラッシュなしのビデオをオンラインで簡単に実行するには、標準のコーデックが必要です
  3. Canvas-まさにそのように聞こえます。ブラウザウィンドウ内でその場で画像を作成する方法
  4. アプリケーションのキャッシュ-インターネットに接続せずに後で使用できるように、アプリケーションがものを保存できるようにします(ダウンロード後にメールを読む、 Google Gearsは)
  5. Geolocation-ブラウザがその場所をアプリケーションに中継する機能

これらの機能の多くは、一部のブラウザーおよびアプリケーションに既に実装されています。 Googleの緯度は地理的位置を使用し、Google GearsはJavaScriptで行われたように、アプリケーションキャッシュと同じアイデアのプラグインベースの実装でした。

Webワーカーは新しいものであり、Webアプリケーション内でさまざまなことが発生する可能性があります。単一のスレッドを通知、サイト内チャット、またはアプリケーション内の他の定期的な処理タスク専用にすることができるため、現在動作していると思われるあらゆる種類のサイド処理がよりスムーズになります。

リソース:
http://geektechnica.com/2009/06/5-amazing-html5-features-to-look-forward-to/

3
danivovich

CanvasおよびWeb Worker Threadsは、HTML5の最もエキサイティングな側面です。私。これらの機能を利用するいくつかのWebアプリを作成しました。

GioAUTHor [sic]は、キャンバスを広範囲に使用して、マップ上にパスをプロットし、開始から終了までの最短ルートを検索します(JavaScriptのダイクストラのアルゴリズムを使用)。

JavaScriptスレッドデモ は、キャンバスの使用を制限しますが、デモコードを備えたワーカースレッドの使用を示します。また、HTML5input type = "range"スライダーコントロールも使用します。


HTML5ブラウザのサポートは、ブラウザ自体と同じくらい多様です。 HTML5の準備 について Niceサイト (HTML5で、ナッチ)があり、誰が何のために準備ができているかを示します。

2
Alan

私の3つのお気に入りはCSS3、Canvas、WebSocketsです。これらを組み合わせることで、あらゆるWebアプリに非常に強力なコラボレーション機能を提供できます。 WebSocketは、擬似リアルタイムメッセージングをAjaxポーリングに置き換えます。私が今まで使ってきたいくつかのことは、ウェブベースのチャット(lame)とマインドマッピングwebappです(2人がプロジェクトをマッピングしているときはとてもクールに見えます)。

2
Eimantas

HTML5の機能は、主にFlashの機能をcanvasおよびvideoに置き換えていますタグを使用すると、動画、ゲーム、オンライン画像エディターをFlashなしで簡単に作成できます。

これは大きな改善とは思えないかもしれませんが、FlashはWindows以外のWindowsプラットフォームでは muchbigger の問題です。

1
Gelatin

ほとんどの帯域幅速度テストはフラッシュベースです。これで、html5ベースにできるようになりました...これは、ページの読み込みが速くなり、帯域幅の測定がより正確になることを意味します。

良い例: SpeedOf.me

0
vivaHtml5