2012年9月に行われたWindowsPhoneハンズオンin広島のスライド資料です。 事前に行われた開発ハンズオンのフォローアップとしてテンプレートの紹介をしています。

1. Windows 8 ストアアプリ開発フォロー
アップ
Windows Phone ハンズオン in 広島 Vol.14&15

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

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

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

5. 今回の趣旨
• Windows 8 オンライン スタンプ ラリーの完了を目指そう
http://msdn.microsoft.com/ja-jp/jj554833

6. 今回の趣旨
• Windows 8 オンライン スタンプ ラリーの完了を目指そう
http://msdn.microsoft.com/ja-jp/jj554833

7. 今回の趣旨
• Windows 8のテンプレートを触ってみよう
http://msdn.microsoft.com/ja-jp/jj556277.aspx

8. 今回の趣旨
• Windows 8のテンプレートを触ってみよう
• テンプレートがない場合はWindows 8のアプリ開発はとても一か
月では無理→テンプレートを使えば余裕！！
http://msdn.microsoft.com/ja-jp/jj556277.aspx

9. 今回の趣旨
• Windows 8のテンプレートを触ってみよう
• テンプレートがない場合はWindows 8のアプリ開発はとても一か
月では無理→テンプレートを使えば余裕！！
http://msdn.microsoft.com/ja-jp/jj556277.aspx

10. 今回の趣旨
• Windows 8のテンプレートを触ってみよう
• テンプレートを使ってアプリを公開してみたので、やる必要があ
ることはわかる！！
http://msdn.microsoft.com/ja-jp/jj556277.aspx

11. 開発テンプレートを触ってみ
る
1.NewReader テンプレート XAML / C#用をダウンロードする
http://msdn.microsoft.com/ja-jp/jj556277.aspx
「Windows8 テンプレート」で検索してもOK

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

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

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

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

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

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

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

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

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

21. 開発テンプレートを触ってみ
る
軽く触ってみる
背景色の変更
App.xamlの
<!-- ブランディング用 -->
<SolidColorBrush x:Key="FeedReaderBackgroundBrush" Color="#FF0A2562"/>
を変更
(色によっては文字色が白だと見えにく場合も、その場合はRequestedTheme=“Light”>を編
集)

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

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

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

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

26. 開発テンプレートを触ってみ
る
アプリでやること
・アプリ名の変更
・manifestファイルの修正(画像の差し替え)
・背景色やデザインの変更
・プライバシーポリシーの作成
・RSSやTwitterの設定
・WACKのクリア

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