SDKに同梱されているサンプルアプリよりも、より複雑で多機能なサンプルテンプレートを紹介しました。このブログエントリーでは「ビーンタウンリファレンスアプリその2」として、このビーンタウンテンプレートを使って別のアプリを作り、様々な設定を変更する方法や、変更可能な設定項目をアプリに取り入れる方法を紹介したいと思います。テンプレートを元にアプリを作成しますので、ひとつのテンプレートから複数のアプリを作成することが可能です。アプリの中で利用するデータソースや設定やタイトルなどアプリケーションごとに項目を変更することができるので、アプリごとに異なるコンテンツやRSSフィードを利用したりスタイルを変更できます。アプリから読込んでお手元のスマートフォンでお試しいただけます。ビーンタウンテンプレートのダウンロードや設定に関しては「ビーンタウンリファレンスアプリ」のブログエントリーを参照してください。テンプレートが既に登録されていることを前提に進めていきます。ビーンタウンコーヒーテンプレートから新しいアプリを作成します。スタジオに入り、「ボストンビア」という名前のアプリをビーンタウンコーヒーテンプレートから新規に作成します。情報をコンテンツとして提供するアプリケーションです。アプリの作成が完了したら、カスタマイズする前にこのアプリで利用するコンテンツを設定します。スタジオに入り、コンテンツセクションへ行きます。ビーンタウン用にコンテンツを設定したのと同様の手順で以下の6つのコンテンツフィードを新規に登録します(ビールビデオはコーヒービデオと同一の動画で名前だけを変えています)。チェックボックスをオフにします。チェックボックスをオフにします。すべてのフィールドのチェックボックスをオンにします。(最後のピリオドまで必要です)開発プレイリスト:「プレイリストの管理」をクリックし、コーヒービデオを選択します。チェックボックスをオンにします。以上でコンテンツの新規登録は完了です。コンテンツの設定が終了したら、ボストンビアアプリの編集画面に行き、各ビューのデータソースを設定します。ビーンタウン同様、ニュース、クーポン、メニュー、ギャラリー、ビデオの各ビューで先程設定したコンテンツを割り当てます。これで、ビーンタウンコーヒーアプリと同じテンプレートから作られ、異なるコンテンツを提供するアプリが出来ました。TwitterのフィードはコーヒーのハッシュタグのTweetを表示したり、地図にはカフェの一覧が表示されたりしていますので、次にこの辺りをビール情報が表示されるようにカスタマイズしていきます。スタジオのアプリセクションに行き、ボストンビアアプリの編集画面に行きます。変更」の下に、「設定」、「スタイル」、「広告」などの項目があります。ここから設定をクリックします。フィードのURLが変更できます。%23%E3%83%93%E3%83%BC%E3%83%ABとそれぞれ値を変更してみましょう。3番目の「%23%E3%83%93%E3%83%BC%E3%83%AB」はTwitterのAPIをつかってハッシュタグ#ビールを取得するための文字列で「ビール」がURLエンコードされたものです。各設定を変更すると即座にスタジオ内のプレビューに反映されます。アプリでプレビューをすると同じく設定が反映されていることが確認できます。ニュースビューのスタイルも変更してみます。ニュースビューの「スタイル」をクリックします。いう項目が一つ表示されます。緑色四角をクリックするとカラーピッカーが表示されるので、#F4A605を指定します。今まで緑色になっていた「お知らせ」「#ビール」がオレンジ色のハイライトに変わります。アプリでもプレビューしてみてください。変更が確認できると思います。次に地図の設定も変更してみます。地図ビューに入り、設定をクリックします。これで、カフェではなく、近くのバーが検索対象になります。スタジオ内で様々な変更ができます。アプリが既にパブリッシュされていれば、変更はライブのアプリにも瞬時に適用されますので、既にダウンロードしているユーザへ新しいバージョンのアプリのダウンロードを強いることなく最新の状態をすぐに配信することができます。指定することができますので、テンプレートの開発者はアプリ作成時に変更可能とする項目を自由に決めることができます。スタジオで変更したしたニュースビューの設定をみてみます。JSON形式でテンプレートの設定が指定できるファイルです。3つの項目が並んでいます。Cloudスタジオ内ニュースビューの「設定」画面で変更可能なプロパティです。デフォルトの値がそれぞれ「ブログ」「#コーヒー」「%EF%BC%83%E3%82%B3%E3%83%BC%E3%83%92%E3%83%BC」と指定されていますので、アプリを新規に作成した状態ではこの値が使われます。各アプリであとから設定変更できる項目です。いうセクションもあり、先程変更したアクセントカラーの指定があります。この設定はデフォルトで"#99CC33"が指定され緑色のアクセントカラーがデフォルトになっています。スタジオであとから設定変更できる項目になっています。スタジオ内で自動的に編集可能な項目として設定画面が作られますので、テンプレート開発者は各アプリごとに変更できる箇所、スタイル、データソースを自由に取り入れることが可能になります。アプリ運用の負担を軽減する仕組みの一つです。reserved.プライバシーポリシ。