You are on page 1of 27

Windows 8 ストアアプリ開発フォローアップ

Windows Phone ハンズオン in 広島 Vol.14&15

お品書き
• 今回の趣旨
• 開発テンプレートを基にした紹介
• 開発後について

今回の趣旨
• Windows 8のアプリをストアに公開しよう
• Windows 8 オンライン スタンプ ラリーの完了を目指そう
• Windows 8のテンプレートを触ってみよう

今回の趣旨
• Windows 8のアプリをストアに公開しよう
• 現在一般開発者へのアカウント取得の道はApplication Excellence
Labへの参加のみ
• アプリの作成→アプリのパッケージをマイクロソフトに送付→Okが出ればアカ
ウント取得可能
• ストアにアプリを公開!!

今回の趣旨
• Windows 8 オンライン スタンプ ラリーの完了を目指そう

http://msdn.microsoft.com/ja-jp/jj554833

今回の趣旨
• Windows 8 オンライン スタンプ ラリーの完了を目指そう

http://msdn.microsoft.com/ja-jp/jj554833

今回の趣旨
• Windows 8のテンプレートを触ってみよう

http://msdn.microsoft.com/ja-jp/jj556277.aspx

今回の趣旨
• Windows 8のテンプレートを触ってみよう
• テンプレートがない場合はWindows 8のアプリ開発はとても一か月では無
理→テンプレートを使えば余裕!!

http://msdn.microsoft.com/ja-jp/jj556277.aspx

今回の趣旨
• Windows 8のテンプレートを触ってみよう
• テンプレートがない場合はWindows 8のアプリ開発はとても一か月では無
理→テンプレートを使えば余裕!!

http://msdn.microsoft.com/ja-jp/jj556277.aspx

今回の趣旨
• Windows 8のテンプレートを触ってみよう
• テンプレートを使ってアプリを公開してみたので、やる必要があることはわか
る!!

http://msdn.microsoft.com/ja-jp/jj556277.aspx

開発テンプレートを触ってみる
1.NewReader テンプレート XAML / C#用をダウンロードする

http://msdn.microsoft.com/ja-jp/jj556277.aspx
「Windows8 テンプレート」で検索してもOK

開発テンプレートを触ってみる
2.zipファイルを指定の位置に配置する
ドキュメントフォルダーの
¥Visual Studio 2012¥Templates¥ProjectTemplates¥Visual C#
私の場合
C:¥Users¥Makoto¥Documents¥Visual Studio
2012¥Templates¥ProjectTemplates¥Visual C#

開発テンプレートを触ってみる
3.visualStudioを起動新規プロジェクトを作成する

開発テンプレートを触ってみる
テンプレートの概要
RSSやTwitterの情報を取得して表示するニュースアプリです。
・どんな情報を表示するか決めてください

・その情報を取得できるRSSやTwitterアカウントを探してください

開発テンプレートを触ってみる
ファイルを眺めてみる
GroupedItemsPage.xaml

開発テンプレートを触ってみる
ファイルを眺めてみる
GroupDetailPage.xaml

開発テンプレートを触ってみる
ファイルを眺めてみる
ItemDetailWebPage.xaml

開発テンプレートを触ってみる
ファイルを眺めてみる
HelpPage.xaml

開発テンプレートを触ってみる
ファイルを眺めてみる
SearchResultsPage.xaml

開発テンプレートを触ってみる
軽く触ってみる
アプリ名の変更
App.xamlの
<x:String x:Key="AppName">NewsReaderAppCS1</x:String>

を変更

開発テンプレートを触ってみる
軽く触ってみる
背景色の変更
App.xamlの
<!-- ブランディング用 -->
<SolidColorBrush x:Key="FeedReaderBackgroundBrush" Color="#FF0A2562"/>

を変更
(色によっては文字色が白だと見えにく場合も、その場合はRequestedTheme=“Light”>を編集)

開発テンプレートを触ってみる
App.xamlの解説
Common/StandardStyles.xaml スタイルが定義されている
デフォルトでコメントアウトが多くなったので眺めてみる
<converter:RssTextTrimmer
コンバーター

DataTemplate
コレクションのテンプレート

開発テンプレートを触ってみる
Commonディレクトリ
アプリ作成の補助となるクラスが置かれている
プロジェクト作成時に「新しいアプリケーション」を選ぶとCommonディレクトリの中身が少ない。
(項目などを追加すると必要なものが合わせて追加されるので覚えておこう)

細かく説明している時間がないが後でぜひ読んでおきましょう

開発テンプレートを触ってみる
Package.appmanifest
ここで定義されている画像はデフォルトから差し替えておくこと
(パッケージ化タグにも画像の定義があるので忘れないで)

表示名なども変更しよう

開発テンプレートを触ってみる
いろいろな状態の説明
縦、横、スナップ、セマンティックズーム、チャーム

開発テンプレートを触ってみる
アプリでやること
・アプリ名の変更
・manifestファイルの修正(画像の差し替え)
・背景色やデザインの変更

・プライバシーポリシーの作成
・RSSやTwitterの設定
・WACKのクリア

開発テンプレートを触ってみる
ここまで終わったら
appxuploadファイルをAELに提出する
aapxuploadファイルのつくり方はDEMO
(マイクロソフトアカウントが日本語だとエラーになる可能性大)