サイトアイコン 高性能計算研究室

卒研メモ:Androidスマホのスクリーンキャプチャ機能とDrag&Drop

 世の中のアプリケーションソフト(アプリ)の大半がスマホになりつつある昨今ですので,Webアプリもスマホで動作確認しなければなりません。そこで,実際にスマホでWebアプリが動いている様子を動画として保存するスクリーンキャプチャが必要になります。高性能スマホのXperia等では購入時に同梱されているようですが,デフォルト状態では入っていないものが多いようですので(iPhoneは調べてません),AZ Screen Recorderを初めとするいくつかのアプリを試して使い勝手のいいものを選んで下さい。

 話変わって・・・以前ここでも書いた通り,現在PHP+MySQLを使ったWebアプリ作成テキストを作成中で,大まか出来ているのですが,これにJavaScriptを加えて使い勝手を良くする手法を追加していくことにしています。手始めに,ファイルアップロードを手軽に行うためのDrag&Dropボックスを作る予定でいます。

 このためには,jQueryの機能を使い,AJAXも利用して作るか(オリジナルと翻訳版),DropzoneJSを使うか,サンプルを読みながら選択する必要があるようです。前者の方はプリミティブな機能を積み上げて構築している分,内容を理解すれば使い勝手が良くなりそうですし(Drag&Drop後にsubmitボタンでアップロード(AJAX利用なし)→Drag&Drop直後にすぐアップロード(AJAX利用),後者はかなりお手軽に機能追加ができそうです。何にせよ,PHPとJavaScriptと連携しないと機能しないものですので,勉強にはなりそうです。

 この機能を付加した事例を追加した後は

という方向で膨らんでいけばいいなと夢想しています。

モバイルバージョンを終了