HTML5はどのようにWebアプリケーションを改善できますか？[閉まっている]

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

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

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

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

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

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

HTML 5 Rocksをチェックしてください！HTML 5の機能の優れたリストと、それらの使用方法の例があります。さらに、HTML5の最新ニュースに関するリソースと情報。

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

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

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

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

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

キャンバスとウェブワーカースレッドは、私にはHTML5の最もエキサイティングな側面です。これらの機能を利用するいくつかのWebアプリを作成しました。

GioAUTHor [sic]は、キャンバスを広範に使用して、マップ上にパスをプロットし、開始から終了までの最短ルートを（JavaScriptのダイクストラのアルゴリズムを使用して）見つけられるようにします。

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

HTML5ブラウザーのサポートは、ブラウザー自体と同じくらい多様です。あります素敵なサイトについて（HTML5、natch中）HTML5準備ショー何のために準備ができていることは。

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

HTML5の機能は、主にFlashの機能を置き換えるものであり、キャンバスとビデオタグにより、Flash なしでビデオ、ゲーム、オンラインイメージエディタをはるかに簡単に作成できます。

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

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

良い例： SpeedOf.me