JavaScriptでファイル操作！？ File APIを使いこなそう
連載目次 近年のWebアプリケーションでは、画像ファイルやテキスト・ファイル、Officeファイルのアップロードやダウンロードのやり取りが行われることが多くなってきている（例えば、Twitter上での画像ファイル共有やGoogleドキュメントでのOfficeファイルのアップロードなどがそれだ）。 HTML5では、ファイル操作に関するAPIとして「File API」が定義されたことで、ローカルのファイルをブラウザ上で直接、取り扱うことが可能となった。これによって、Webとローカルの違いをアプリケーションで意識しなければならない局面も少なくなる。 現在、File APIは以下の3種類の仕様が策定されている。
HTML5のドラッグ＆ドロップAPI、File API、Web Storage
デスクトップアプリ風の機能を実装するために 今回は、HTML5の新機能のうち、ドラッグ＆ドロップAPI、File API、Web Storageを説明します。サンプル一式は、会員限定特典としてダウンロードできます。記事末尾をご確認ください。 従来、Webアプリケーションがデスクトップアプリケーションに劣る点として、操作性が悪い、ローカルファイルの読み込みができない、という点が挙げられます。 近年では、それらの問題を解決したAdobe Flash、Microsoft Silverlightを用いた、リッチインターネットアプリケーション（RIA）も登場しています。しかし、プラグインを必要とするWebアプリケーションでは、以下のような問題もあります。 iOSなど対応するプラグインが提供されていない環境が少なくない 制作側にHTML（HTML、CSS、JavaScript）以外のスキルも要求される
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
