最新の記事アプリケーションアクティビティ、インテント、サービスについてデバイスAndroidでのデバイス制御について。地磁気センサ、加速度センサなどマルチメディアグラフィックス、音楽や動画再生などマルチメディア処理についてユーザインターフェースAndroidのユーザインターフェイスについて、またユーザインターフェイスを提供するコンポーネントの話題について。リソースAndroidでのアイコン、画像、文字列、ローカライゼーションなどHacksマッシュアップ開発環境Androidの開発環境など。」では、ブラウザでドラッグ&ドロップ操作を活用する手順をご紹介しました。HTML5では、デスクトップに保存されているファイルをブラウザにドラッグ&ドロップして任意の処理させることも可能です。これによりWebアプリケーションでもデスクトップアプリケーションと同等のユーザビリティを実現することができるようになります。APIを活用して、デスクトップからブラウザにドラッグ&ドロップされたファイルの情報を表示するサンプルをご紹介します。詳細は続きからどうぞ。実はデスクトップからのドラッグ&ドロップでも特に変わった設定をする必要はありません。下図のように、ドラッグ&ドロップされる領域を用意します。ドラッグ&ドロップされたファイルの情報を表示する領域も用意しておきます。HTMLのソースコードは以下のようになります。ondrop=&quot;onDrop(event)&quot;&gt;デスクトップのファイルをココにドラッグ&amp;ドロップしてください。領域の設定時に2行目と3行目でondragover(ドラッグされたときの処理)とondrop(ドロップされたときの処理)を登録します。具体的な処理は後述します。ドラッグ&ドロップされたファイルを処理する次にドラッグ&ドロップされたファイルを処理します。4行目〜6行目のonDragOverメソッドと、8行目から16行目のonDropメソッドでブラウザにドラッグ&ドロップされたファイルに対して行う処理を定義します。ドラッグ&ドロップされたファイルにアクセスするためにはevent.dataTransferオブジェクトにアクセスします。event.dataTransferのfilesプロパティにはevent.dataTransferオブジェクトが保持しているFileオブジェクトの配列が格納されており、9行目でこの配列を取得しています。APIを使ってローカルファイルを読み込む」で解説しています)複数のファイルが一度にドラッグ&ドロップされた場合でも、インデックスを指定してfilesプロパティにアクセスすることでそれぞれのファイルにアクセスすることができます。11〜15行目ではfor文でリストの各要素に対してファイル情報を取得しています。取得したファイル情報はfiles_info変数に文字列として記録して、16行目で表示しています。以上、お疲れさまでした。2.0(β)に対応した解説書です。TechBooster.TechBoosterについて。