PhoneGap Buildで作るスマートフォン用カメラアプリ

撮影成功時の処理

全334コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
アプリ内でのカメラの撮影に成功した時に実行させる処理の書き方について、解説致します。
講師:
03:43

字幕

このレッスンでは アプリ内でのカメラの 撮影に成功した時に 実行させる処理の書き方 について解説いたします まずはダウンロードしてきた こちらの「camera_success」 というフォルダの中に入っている 「js」フォルダの中の「index.js」 こちらのファイルを エディタで開いてください これがそのファイルを開いた状態です このファイルを使って今回のレッスンの 解説を進めていきたいと思います それではさっそく レッスンをはじめていきましょう それではまずは前回までのレッスンの おさらいをしてみましょう 前回までのレッスンでは カメラの起動処理の記述をして こちらの2つめの引数ですね「onFail」 という関数を作成して 「カメラの撮影に失敗した際の処理」 について解説してきました 今回はこちらの 「navigator.camera.getPicture」の 第一引数に入っている「onSuccess」 要するにカメラの撮影に 成功した場合に実行させる処理の 書き方について見ていきたいと思います それがこちらの部分となります それではどのように記述しているか 確認していきたいと思います まずは「カメラの撮影に失敗した際の処理」 と同じように ユーザー定義関数を作ってあげます 「function」と書いて その関数の名前を 「onSuccess」としています この「onSuccess」は こちらの第一引数と 同じ名前にしています そしてその後に「( )」と書いて 引数に変数の「imgPath」 というものを入れています そして「{」 ここの「}」で 処理を閉じて そしてこの{}の間のこちらの部分で 「実際にカメラの撮影に成功した際の処理」 を記述しています そして 「カメラの撮影に成功した際の処理」を 今回は最も簡単なかたちで 「alert」文を使ってダイアログを 出すようにしています そして出す文言は 「カメラの撮影に成功しました」 というかたちにしています このようにすることで 「カメラの撮影に成功した際の処理」を 書くことができました ちなみにこちらの 「onSuccess」の後の ()の中の引数の 「imgPath」という変数ですが ここには以前のレッスンで作成した こちらの「カメラ機能の設定」部分 で指定した この「destinationType」 で指定した内容が こちらの「imgPath」という変数に 格納されてくるかたちになります 今回は 「camera.DestinationType.FILE.URI」 としているため この「imgPath」には 撮影した写真の ファイルのパスが格納 されてくることになります このデータが格納されてきた 「imgPath」を利用して 実際にアプリの中で 画面を表示させる といった処理を加えていきます その方法については今後のレッスンで 解説していきますので そちらも合わせて 参考にしてみてください 以上でレッスンは終了です 今回はアプリ内での カメラの撮影に成功した時に 実行させる処理の書き方 について解説いたしました 以降のレッスンでは カメラで撮影した写真を 端末の「photoalbum」に保存する 方法について解説いたしますので そちらも合わせてご覧ください

PhoneGap Buildで作るスマートフォン用カメラアプリ

PhoneGap Buildとは、HTMLやJavaScriptを使って制作したファイルをWeb上にアップロードするだけでiPhoneやAndroidなどのモバイル端末向けのアプリに変換してくれるウェブツールです。このコースでは、PhoneGap Buildを利用してスマートフォン向けのカメラアプリを作成します。

1時間10分 (21 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 1,990
発売日:2015年02月17日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。