Comments前回は、「プッシュ通知」についてご説明しました。今回はデータストレージ機能についてご紹介します。データストレージ機能とは何かを簡単にご説明します。データストレージ機能とは、クラウド上へデータを保存することができる機能です。データストレージの種類は、大きく分けて2つあります。オブジェクトストレージファイルストレージ■オブジェクトストレージクラウド上にクラスオブジェクトを作成することによって、情報を保存することができます。アプリケーションで使用する固有のデータやユーザ情報を保存するのに適しています。■ファイルストレージクラウド上にバイナリファイルを保存することができます。アプリケーションで取得した写真や動画を保存するのに適しています。10MBを超えるファイルは扱うことができませんので注意してください。それでは、ストレージ機能を使用したアプリケーションを作成してみたいと思います。今回は、画像のアップロードからダウンロードまで行うアプリケーションを作成してみましょう。※今回も「iOS」を例としてデータストレージ機能をご説明します。事前準備として下記をそろえておきましょう。前回使用したプロジェクトファイルjpeg画像ファイル(10MB以下であること)それでは、前回作成したプロジェクトへ画像のアップロード/ダウンロードを実装する為の準備としてデータを保存する際に必要なクラスオブジェクトをParse.comサイト内で作成しておきましょう。Browser」ボタンをクリックします。Class」ボタンをクリックします。Class」ボタンをクリックします。「Classes」一覧に作成したクラス名が表示されていることを確認します。「+Col」ボタンをクリックします。Column」ボタンをクリックします。name:カラム名を入力する今回は、下記のカラムを追加します。fileId:ファイルIDを保存し、データ型は「String」とするname:ファイル名を保存し、データ型は「String」とするfileType:ファイルタイプを保存し、データ型は「Number」とするimageData:バイナリデータを保存し、データ型は「File」とする※追加方法については、「fileId」を例とします。各カラムでも同様であるため、割愛します。追加したカラム名が表示されていることを確認します。これで、Parse.comサイト内にクラスオブジェクトを作成することができました。それでは、実際に画像をParse.comのクラウド上へアップロードを行い、アップロードした画像をダウンロードして表示するアプリケーションを作成してみましょう。※アップロードする画像は、予めアプリケーション内に組み込んだ画像を使用します。前回作成した作成したプロジェクトを開きます。「Main.storyboard」を選択して、「ViewController」を表示します。下記のボタンを作成し、各ボタンをタップした際に呼ばれるメソッドも作成しておきます。アップロードボタンダウンロードボタン※今回は、ボタンの作成及び、ボタンタップ時に呼ばれるメソッドの作成方法については割愛します。メソッド名は下記とします。画像を表示するためのUIImageViewを作成します。※今回は、UIImageViewの作成方法については割愛します。事前準備で用意したjpeg画像ファイルをプロジェクトのディレクトリ内に格納します。“testProject”...」をクリックします。【手順7】jpeg画像ファイルを選択して、「Add」ボタンをクリックします。【手順8】jpeg画像ファイルが追加されたことを確認します。「ViewController.m」を選択して、「uploadClick」メソッド内にjpeg画像のデータを取得する処理を追加します。※「uploadClick」メソッド:アップロードボタンをタップした際に呼ばれるメソッドです。「uploadClick」メソッド内に【手順1】にて取得した画像データを保持する処理を追加します。parse.comでファイルを保存する場合、「PFFile」クラスを使用します。「PFFile」クラスを使用することで、最大10MBまでバイナリファイルを保存することができます。「uploadClick」メソッド内に保存するデータがクラスオブジェクト内に存在するか確認する処理を追加します。parse.comでデータを検索する場合、「PFQuery」クラスを使用します。検索キーを指定することで、データが存在するか検索することができます。「uploadClick」メソッド内にクラスオブジェクトにデータが存在しない場合は、データを保存する処理を追加します。parse.comでデータを保存する場合、「PFObject」クラスを使用します。「PFObject」クラスを初期化する際に、クラスオブジェクト名を指定します。}}【手順13】アップロードに成功したか失敗したか分かるようにダイアログを表示する処理を追加します。@"アップロードに失敗しました。@"アップロードに成功しました。「downloadClick」メソッド内に保存したデータがクラスオブジェクト内に存在するか確認する処理を追加します。※【手順11】を参考にして作成します。「downloadClick」メソッド:ダウンロードボタンをタップした際に呼ばれるメソッドです。画像データを取得する処理を追加します。「downloadClick」メソッド内に取得した画像データをUIImageViewへ設定する処理を追加します。[/cpp]これで、実装は完了となります。それでは実際にアプリケーションを動かしてみましょう。用意したiPhone5端末とPCを接続し、作成したアプリをインストールします。作成したアプリケーションをタップして起動します。「アップロード」ボタンをタップします。【手順4】アップロードが完了すると、ダイアログが表示されるので、「OK」ボタンをタップします。【手順5】Parse.comのサイトへログインし、データが保存されていることを確認します。「ダウンロード」ボタンをタップします。画像が表示されることを確認します。Parse.comを使用することで、簡単に画像や動画のアップロード/ダウンロードを行うことができます。それでは、画像のアップロード/ダウンロードが行えたところで、今回は終了となります。みなさんもアプリケーションを作成する際、データストレージ機能を取り入れてみてはどうでしょうか。<次回の更新について>次回は、「SNS連携機能」についてご紹介します。コメントをキャンセルメールアドレスが公開されることはありません。BlogFeathersFeathersHTMLJavaScript。