このチュートリアルでは、JDeveloperを使用して、オンデバイスMAFアプリケーションを開発するプロセスについて説明します。 このチュートリアルでは、アプリケーションをiPhoneシミュレータにデプロイします。 ただし、開発したアプリケーションは実際のiOSデバイスにもデプロイできます。

Androidエミュレータへの設定とデプロイに関心がある場合は、「パート2:Android環境の設定と構成」から開始してください。

詳細を表示/非表示詳細表示
ステップ1: 必要なコンポーネントのダウンロードとインストール
  1. OS X 10.9.5(Maverick)以上を稼働するMacにアクセスします。

  2. Xcodeバージョン6.1.x以上をダウンロードしてインストールします。(XcodeのこのバージョンはiOS8とSDKを含んでいます。Xcodeの他の古いバージョンを削除し、6.1.xのバージョンのみがインストールされていることを推奨します。)

    XcodeとiOS SDKはAppleから入手できます。詳細を表示/非表示詳細表示
  3. JDeveloper Update Centerを使用して、MAF拡張をインストールします。 JDeveloperを起動して、メニュー項目「Help」→「Check for Updates」を選択します。

    Check for Updates

  4. Search Update Centerラジオ・ボタンが選択されていることを確認して、「Next」をクリックします。

  5. check for updatesのステップ1
  6. Available Updatesをクリックし、Mobile Application Frameworkエクステンションによるチェック・ボックスを選択します。

    次にNextをクリックします。


    check for updatesのステップ1

  7. I Agreeをクリックすることでライセンス同意書を受け入れます。

    次にNextをクリックするとダウンロードが開始します。ダウンロードが完了し、Finishをクリックします。

    check for updatesのステップ1

  8. JDeveloperをリスタートする必要があります。シャットダウンしてJDeveloperをリスタートするためにYesをクリックします。
    1、2分かかることがありますので待ってください。
    JDeveloperの再起動メッセージ

  9. JDeveloperが再起動したら、「Studio Developer (All Features)」を選択して、MAF拡張を使用できるようにします。

    MAF 2.1はiOS 8.1にデプロイするためにJava 8を必要とします。Java 8 JDKのインストール場所を指定するように指示されます。

    正しい場所を見つけるためBrowseボタンを使用します。次に、OKをクリックします。

    Preferencesメニュー

  10. JDeveloperがスタートした時、Aboutペイン (Help > About メニュー・オプション)でインストールされたエクステンションを確認します。

    preferences メニュー

  11. 次に、XCode 6で提供されるSDKを使用するためにJDeveloperでプリファレンスを設定する必要があります。

    メニュー項目 JDeveloper > Preferencesを選択します。

    preferences メニュー

  12. Preferences画面の左側で、「Mobile Application Framework」ノードをクリックします。 Mobile Application Framework拡張を初めて使用する場合は、「Load Extension」ボタンをクリックする必要があります。

    モバイル設定

  13. 次に、「Mobile Application Framework」ノードを展開して、iOS Platformを選択します。

    以前のバージョンでSDKの更新およびxcodebuildディレクトリの場所を必要としましたが、それはもはや必要ありません。iTunesの場所を更新する機会があり、デフォルトで設定します。

    これは任意のデバイス署名証明書を指定することもできる場所です。

    プラットフォームSDKの場所

    OK」をクリックして、Preferencesペインを終了します。


ステップ2: MAFアプリケーションの作成
  1. このパートでは、最初に“Hello World” MAFアプリケーションを作成してから、この初期アプリケーションをiPhoneシミュレータにデプロイします。

    Mobile Application Frameworkアプリケーションのデプロイの準備ではおもに、プラットフォーム固有のデプロイメント・プロファイルを作成します。詳細を表示/非表示詳細表示


    アプリケーション・ウィンドウで「New Application」をクリックして、New Galleryダイアログ・ボックスを起動します。

    New Application

  2. New Galleryで、「General」→「Applications」とノードを展開し、「Mobile Application Framework Application」を選択します。
    次に、「OK」をクリックします。

    New Galleryのモバイル・アプリケーション項目


  3. Name your applicationページのApplication NameフィールドにMyMobileAppと入力して、「Next」をクリックします。

    モバイル・アプリケーションの命名

  4. 1つ目のプロジェクトのProject FeaturesApplicationControllerを確認します。

    アプリケーション・コントローラ・プロジェクトの機能

  5. Name your projectページで「Next」を2回クリックして、デフォルトのプロジェクト名をそのままにします。 ViewControllerプロジェクトのProject Featuresを確認します。 プロジェクトではMobile Application Framework、HTML and CSS、Java,、およびJavaScriptプロジェクト機能を使用します。

    ViewControllerプロジェクトのプロジェクト機能

  6. Next」→「Finish」をクリックします。 新しいMAFアプリケーションがApplicationsウィンドウで作成されます。

    モバイル・アプリ作成後のアプリケーション・ナビゲータ・ファイル

  7. ViewController」を右クリックして、「New」→「From Gallery」を選択します。
    New Galleryで、「Web Tier - HTML」を選択し、次に、「HTML Page」項目を選択します。
    次にOKをクリックします。

    モバイル・アプリ作成後のアプリケーション・ナビゲータ・ファイル

  8. デフォルトのFile NameDirectoryのまま、「OK」をクリックします。

    モバイル・アプリ作成後のアプリケーション・ナビゲータ・ファイル

  9. ドキュメントのボディで、エディタを使って、次のテキスト"Deployment Successful"を入力します。

    モバイル・アプリ作成後のアプリケーション・ナビゲータ・ファイル

  10. 作業内容を保存します。

  11. Structure Windowで、ボディ・コンポーネントを選択します。
    次に、Properties Windowsで、Styleノードを展開し、Font Sizeをxx-largeに設定します。

    モバイル・アプリ作成後のアプリケーション・ナビゲータ・ファイル

    モバイル・アプリ作成後のアプリケーション・ナビゲータ・ファイル

    モバイル・アプリ作成後のアプリケーション・ナビゲータ・ファイル


ステップ3: ページへのUIアクセスの追加
  1. このセクションでは、新しい機能を構成することで、ユーザーが新たに定義されたAMXページにネイティブ・アプリケーション・コンテナからアクセスできるようにします。 アプリケーションにページまたはタスク・フローを追加するたびに、このタスクを実行する必要があります。

    Mobile Application Frameworkアプリケーション・プロジェクトが完成すると、プロジェクトとアプリケーション・レベルの両方のアーチファクトが追加されます。詳細を表示/非表示詳細表示

    アプリケーション・ナビゲータで、「ViewController」プロジェクトを展開します。 「Application Sources」フォルダを見つけて展開します。 次に、「META-INF」フォルダを展開します。 maf-feature.xmlファイルが次のように表示されます。

    アプリケーション・ナビゲータで選択されたmaf-feature.xml

  2. maf-feature.xml」ファイルをダブルクリックして、Featureエディタをオープンします。

    エディタのmaf-feature.xml

  3. エディタの上の方にあるFeatures表の緑のプラス記号をクリックして、新しい機能を追加します。 プラス記号が表示されていない場合は、Featureエディタを右側にスクロールします(Featureエディタの右端にプラス記号があります)。

    デフォルト値のCreate MAF Featureペインが表示されたmaf-feature.xml

  4. Create MAF Featureダイアログで、次の値を変更します。

    - Feature Name: Success
    - Feature ID: oracle.success
    - Add a corresponding feature reference to maf-application.xmlチェック・ボックスが選択されていることを確認してから、「OK」をクリックします。

    適切な値のCreate MAF Featureペインが表示されたmaf-feature.xml

  5. Features表で、新たに作成した機能「oracle.success」を選択します。 Features表の下の「Content」タブをクリックして、Content表を見つけます。 コンテンツ項目oracle.success.1はデフォルトで作成されています。

    変更を保存します。

    適切な値のContentタブが表示されたmaf-feature.xml

  6. コンテンツ項目のIdフィールドがoracle.success.1に設定されていることを確認します。

    適切なIdが設定されたContentタブ

  7. Contentエリアで、TypeプロパティがLocal HTMLに設定されていることを確認します。

    適切なタイプが設定されたContentタブ

  8. Contentセクションで、URLテキスト・ボックスを見つけます。

    URLテキスト・ボックスの右側にある虫メガネ・アイコンをクリックします。

    緑のプラス記号をクリックしたときに選択されるタスク・フロー

  9. Openウィンドウで、先ほど作成したHTMLページを選択します。 ここでは、untitled1.htmlです。 次に「Open」をクリックします。

    Contentタブで選択されたView Controller Task Flowオプション

  10. 結果の定義は次のイメージのように表示されます。

    すべての作業を保存します。

    エディタで表示される完成した機能



ステップ4: ページのデプロイとテスト
  1. Applicationメニューで「Deploy」→「New Deployment Profile」を選択して、Create Deployment Profileダイアログ・ボックスを起動します。

    その他3つの事前定義デプロイメント・プロファイルがあります。一つはデフォルトのiOSデプロイメント、もう一つはデフォルトのAndroidデプロイメントです。3つ目のタイプはモバイル・アプリケーション・アーカイブを作成するために使用されます。このアーカイブにはサイニング・サーティフィケートではなく、すべてのファイル、アイコン、リファレンスが含まれます。アプリケーションのトランスポート、インストール、そして異なる資格証明に使用するデプロイのために使われます。

    目的のために何が得られ、いつプロセス通過するかを調べてください。

    Deploy→New Deployment Profileメニュー・オプション

  2. Profile Typeドロップダウン・リストで、MAF for iOSが選択されていることを確認して、「OK」をクリックします。デフォルト値でProfile Nameを残します。

    デプロイメント・プロファイルの名前

  3. MAF for iOS Deployment Profile Propertiesダイアログ・ボックスで、デプロイメント・オプションを確認します。

    Deployment Profile Properties

  4. iOS Options」ノードを選択して、Simulator Target Version7.0に設定されていることを確認します。

    次に、使用するターゲット・シミュレータを選択します。アプリケーションがデプロイされるときに実行するためのシミュレータを決定するためにすべてのデプロイメント・プロファイルで行わなければなりません。ランタイムで、異なるデバイス・シミュレータでアプリケーションを参照するためにスイッチすることができます。

    このチュートリアルではiPhone 5シミュレータを使用しますが、好みのシミュレータを選択いただいて構いません。

    シミュレータの対象バージョンを7.0に設定

    OK」をクリックして、すべての作業を保存します。

  5. アプリケーションをデプロイする前に、iOS simulatorが適切に動作していることを確認します。

    Xcodeを起動し、Xcode > Open Developer Tool > iOS Simulatorを選択することでSimulatorが実行します。
    起動したら、そのままにしてください。


    deploy メニュー・オプション

  6. Applicationメニューで、「Deploy」→「iOS2」デプロイメント・プロファイルを選択します。

    Deployメニュー・オプション

    続くダイアログ・ボックスで「Deploy application to simulator」を選択して、「Finish」をクリックします。

    シミュレータ・ウィンドウへのプロファイルのデプロイ

    MAFアプリケーションをテストする方法は2つあります。詳細を表示/非表示詳細表示

  7. Deployment Logで、Cordova plugmanはCordova pluginsをサポートするためにインストールされます。 ウィンドウが参照できない場合、JDeveloperメニューからWindow > Logを選択します。

    エラーがないかDeployment Logウィンドウを調べてください。 コンパイルとデプロイメント・プロセスが予想どおりに完了すると、Deployment Logウィンドウが次のように表示されます。

    このプロセスの次のステップでは、iOS Simulatorを起動します。


    Deployment Logウィンドウ - デプロイの終了

  8. シミュレータが起動したら、右のアプリケーション内に取り込まれます。通知を送りたいときはポップアップ通知が表示されます。OKをクリックします。
    MyMobileAppアプリケーションには現在、MAFアプリケーション内で実行中のHTMLページが含まれます。現在、アプリケーションには1つの機能しかないため、表示されるのはその機能だけです。


    シミュレータのHello WorldアプリケーションシミュレータのHello Worldアプリケーション

  9. アプリケーションをシミュレータから消去するには、メニューから「iOS Simulator」→「Reset Content and Settings...」を選択します。 次に、「Reset」をクリックして確定します。

    Quit iOS Simulatorメニュー・オプション

    設定を変更するには、このペインで「OK」をクリックします。

    Quit iOS Simulatorメニュー・オプション

  10. iOS Simulator」メニュー項目(Macデスクトップの上部)をクリックし、「Quit iOS Simulator」を選択して、iPhoneシミュレータを停止します。

    Quit iOS Simulatorメニュー・オプション

ブックマーク 印刷 すべて表示 | すべて非表示

トップへ戻る
Copyright © 2015, Oracle.All rights reserved.