チュートリアル

このチュートリアルは、Brightcove App Cloud を使用して初めてアプリ開発をするユーザー向けにデザインされています。App Cloud 用に独自のカスタム アプリ テンプレートを作る方法について、順を追って説明します。まず空の HTML ページ、続いて標準ビュー、コンテンツ フィード、スタイル、API コール、設定と、徐々に進めていきます。最後は App Cloud Studio にアプリ テンプレートをアップロードし、カスタマイズ可能なアプリを作成します。

このチュートリアルにあるテンプレートはスマートフォン用に設計されています。タブレット用ではありません。

入門チュートリアルの内容について

手順 1 － App Cloud の標準動画ビューを使って動画を表示する、簡単なアプリの作成方法について見てみます。

手順 2 － すでにコード化されている標準ビューを使わず、簡単なビューを一から作成します。

この入門チュートリアルの 2 番目の手順では、「Hello World」のメッセージとネイティブのナビゲーション アイコンを表示する簡単なビューを持つアプリを作成します。

Step 2 を始める

事前にチュートリアル入門のセットアップ手順を行ってから、この手順に進んでください。Step 2 のファイルは {your-web-server-root}/documentation/getting-started/step2/ に格納されています。

この入門チュートリアルの 4 番目の手順では、Step 3 からの「Hello World」ビューに、標準のスタイルを追加します。スタイルを追加することによって、アプリのルックアンドフィールがかなり向上します。

スタイルを利用したアプリは次のようになります。

Step 4 を始める

事前にチュートリアル入門のセットアップ手順を行ってから、この手順に進んでください。Step 4 のファイルは {your-web-server-root}/documentation/getting-started/step4/ に格納されています。

本入門チュートリアルの 6 番目の手順では、ユーザーがコードを一切変更することなく App Cloud Studio でアプリを変更できるよう、さらに 1 つの再利用可能なテンプレートから複数のアプリを作成できるよう、アプリをカスタマイズ可能にする方法について見てみます。これには、テンプレート マニフェスト ファイルmanifest.json について再度取り上げます。

Step 6 を始める

事前にチュートリアル入門のセットアップ手順を行ってから、この手順に進んでください。Step 6 のファイルが {your-web-server-root}/documentation/getting-started/step6/ に格納されています。