狠狠撸

狠狠撸Share a Scribd company logo
開発体験テンプレートを使って

Windows ストア アプリを
サクっと作ろう?



わんくま名古屋 #25
Lightning Talk

                           1
わんくま名古屋 勉強会 #25 LT   2012/12/1
著書
自己紹介                                著作
                                                「速攻入門 C#」 (2012/3)
                                                技術評論社、共著
                                                「ソフトな彼女とハードな
                                                彼氏。」(2012/3) アジャイ
                                                ルマインドvol.1 掲載
                                            記事
        biac (山本 康彦)                            連載 「C#でTDD入門」
                                                 CodeZine
                                                週刊連載「WinRT/Metro Tips」
          BluewaterSoft
                                                  @IT - .NET開発者中心
    http://www.bluewatersoft.jp/
                                                …etc.

                                            Windows 8 Metro Style App.
?    名古屋大学工学部(修士)
                                            Windows Phone 8
?    HONDA R&Dで自動車設計               ソフトウェア   …Windows系の最新技術
?    1994~ ソフトウェア業界                  開発
?    2012~ BluewaterSoft                    TDD(コーディング技法)の普及


                                                                         2
    わんくま名古屋 勉強会 #25 LT                                              2012/12/1
?   @IT 『 Metroスタイル?アプリの                                 ?   @IT 『「コントラクト」でMetro
    開発者が知るべき3つのこと』                                           スタイル?アプリのサンドボック
                                                             スを乗り越える!』
    http://www.atmarkit.co.jp/fdotnet/chushin/readyfor
                                                             http://www.atmarkit.co.jp/fdotnet/chushin/readyfor
    win8app_01/readyforwin8app_01_01.html
                                                             win8app_02/readyforwin8app_02_01.html




まじめに勉強する (その1)
                                                                                                             3
わんくま名古屋 勉強会 #25 LT                                                                                      2012/12/1
?   MSDN:「C# または Visual Basic          ?   チュートリアルをやりとげると、
    を使った初めての Metro スタイ                     こんなアプリが完成!!
    ル アプリの作成」チュートリアル
    http://msdn.microsoft.com/ja-
    jp/library/windows/apps/hh974581

?   パート 1: "Hello, world" アプリを作
    成する
?   パート 2: アプリのライフサイクル
    と状態を管理する
?   パート 3: ナビゲーション、レイア
    ウト、ビュー
?   パート 4: ブログ リーダーを作成す
    る




まじめに勉強する (その2)
                                                             4
わんくま名古屋 勉強会 #25 LT                                      2012/12/1
?   サンプルコード                           ?   Visual Studio からも参照可能

    http://code.msdn.microsoft.com/
    windowsapps/




まじめに勉強する (その3)
                                                                       5
わんくま名古屋 勉強会 #25 LT                                                2012/12/1
?   MSDN 「Windows 8 アプリの認                   ?   Metro スタイルアプリの
    定の要件」                                       ガイドライン
    http://msdn.microsoft.com/ja-               http://bluewatersoft.cocolog-
    jp/library/windows/apps/hh694083.aspx       nifty.com/blog/2012/05/metro-a386.html




                                  遵守していないと、
                                 ストアの審査がヤバい!!



まじめに勉強する (その4)
                                                                                         6
わんくま名古屋 勉強会 #25 LT                                                                 2012/12/1
?   書籍




まじめに勉強する (その5)
                          7
わんくま名古屋 勉強会 #25 LT   2012/12/1
???そんなん、
やってられっか~っ!? orz
勉強しなきゃならんことがいっぱいあるのは、分かった!
だから、おいおい勉強していくとして???

とりあえず、手っ取り早く作らせてよ~!!!
                                  8
わんくま名古屋 勉強会 #25 LT           2012/12/1
?   日本Microsoft独自のコンテンツ
    http://msdn.microsoft.com/ja-jp/jj556277




MSDNの
「開発体験テンプレート」
                                                    9
わんくま名古屋 勉強会 #25 LT                             2012/12/1
MSDNの
「開発体験テンプレート」
                        10
わんくま名古屋 勉強会 #25 LT   2012/12/1
?   VS2012のテンプレートのままでは、
    ストアの審査に通らない!!
?   なにそれ非道い???! orz
?   しかし、開発体験テンプレートなら、ちゃんと入ってる!
?   最低限、付け加えないといけないもの
    ?ヘルプ(about)画面
    ?プライバシーポリシー (ケイパビリティ付与したアプリ)
?   こいつらも実装したいよね!
    ?アプリ バー
    ?セマンティック ズーム
    ?検索チャーム
    ?共有チャーム




「開発体験テンプレート」の特徴
                                       11
わんくま名古屋 勉強会 #25 LT                 2012/12/1
?   テンプレートをダウンロード
?   保存先は、My Documentの下の
    ?Visual Studio 2012
    ?Templates
    ?ProjectTemplates
    ?Visual C# (または JavaScript)
?   zipのまま (展開不要)




開発体験テンプレート改造(その1)
~ ダウンロードする
                                     12
わんくま名古屋 勉強会 #25 LT                2012/12/1
「NewsReader テンプレート XAML/C# 用」テンプレートをそのままビルド



開発体験テンプレート改造(その2)
~ テンプレ選んでプロジェクト作って、
 とりあえず F5 !!
                                                 13
わんくま名古屋 勉強会 #25 LT                            2012/12/1
DataModel の NewsDataSource.cs 690行あたり

開発体験テンプレート改造(その3)
~ フィードを変えてみる
                                             14
わんくま名古屋 勉強会 #25 LT                        2012/12/1
開発体験テンプレート改造(その4)
~ 変わった!!
                        15
わんくま名古屋 勉強会 #25 LT   2012/12/1
App.xaml 23行、29行

開発体験テンプレート改造(その5)
~ タイトルや背景色を変えてみる
                        16
わんくま名古屋 勉強会 #25 LT   2012/12/1
開発体験テンプレート改造(その6)
~ 変わった!!
                        17
わんくま名古屋 勉強会 #25 LT   2012/12/1
?   ヘルプ画面は、テンプレの改造で
    よい。
    かっこよくするならWebViewを!
?   プライバシーポリシーは、個人的
    な情報をサーバーにアップしない
    なら、極端な話
    「個人情報は取得しません」
    の1行だけでもいい。
    また、自分のサイトを持っていな
    くても、gistに置いて審査に通し
    た猛者もいる!




開発体験テンプレート改造(その7)
~ ヘルプやプライバシーポリシー
 のページを作って???
                            18
わんくま名古屋 勉強会 #25 LT       2012/12/1
テンプレの Assets フォルダに入っている画像は、全部描き変える!

開発体験テンプレート改造(その8)
~ ロゴやスプラッシュを描いて
                                           19
わんくま名古屋 勉強会 #25 LT                      2012/12/1
?   出し方は、↓コレを参照

    「Windows ストア アプ
    リ 登録の手引き」(PDF)
    「Windows 8 アプリ開発体験テン
    プレート」のページ
    http://msdn.microsoft.com/ja-
    jp/jj556277
    の下のほうからリンクされている。
    http://download.microsoft.com/download/0/3/B/03B9E4AD-
    28FE-4DE1-96EF-8AD50EC74A02/registration%20guide.pdf




開発体験テンプレート改造(その9)
~ 完成!! ストアに出そう!
                                                               20
わんくま名古屋 勉強会 #25 LT                                           2012/12/1

More Related Content

わんくま名古屋#25(20121201) LT:「開発体験テンプレートを使ったストアアプリの作成」

  • 2. 著書 自己紹介 著作 「速攻入門 C#」 (2012/3) 技術評論社、共著 「ソフトな彼女とハードな 彼氏。」(2012/3) アジャイ ルマインドvol.1 掲載 記事 biac (山本 康彦) 連載 「C#でTDD入門」 CodeZine 週刊連載「WinRT/Metro Tips」 BluewaterSoft @IT - .NET開発者中心 http://www.bluewatersoft.jp/ …etc. Windows 8 Metro Style App. ? 名古屋大学工学部(修士) Windows Phone 8 ? HONDA R&Dで自動車設計 ソフトウェア …Windows系の最新技術 ? 1994~ ソフトウェア業界 開発 ? 2012~ BluewaterSoft TDD(コーディング技法)の普及 2 わんくま名古屋 勉強会 #25 LT 2012/12/1
  • 3. ? @IT 『 Metroスタイル?アプリの ? @IT 『「コントラクト」でMetro 開発者が知るべき3つのこと』 スタイル?アプリのサンドボック スを乗り越える!』 http://www.atmarkit.co.jp/fdotnet/chushin/readyfor http://www.atmarkit.co.jp/fdotnet/chushin/readyfor win8app_01/readyforwin8app_01_01.html win8app_02/readyforwin8app_02_01.html まじめに勉強する (その1) 3 わんくま名古屋 勉強会 #25 LT 2012/12/1
  • 4. ? MSDN:「C# または Visual Basic ? チュートリアルをやりとげると、 を使った初めての Metro スタイ こんなアプリが完成!! ル アプリの作成」チュートリアル http://msdn.microsoft.com/ja- jp/library/windows/apps/hh974581 ? パート 1: "Hello, world" アプリを作 成する ? パート 2: アプリのライフサイクル と状態を管理する ? パート 3: ナビゲーション、レイア ウト、ビュー ? パート 4: ブログ リーダーを作成す る まじめに勉強する (その2) 4 わんくま名古屋 勉強会 #25 LT 2012/12/1
  • 5. ? サンプルコード ? Visual Studio からも参照可能 http://code.msdn.microsoft.com/ windowsapps/ まじめに勉強する (その3) 5 わんくま名古屋 勉強会 #25 LT 2012/12/1
  • 6. ? MSDN 「Windows 8 アプリの認 ? Metro スタイルアプリの 定の要件」 ガイドライン http://msdn.microsoft.com/ja- http://bluewatersoft.cocolog- jp/library/windows/apps/hh694083.aspx nifty.com/blog/2012/05/metro-a386.html 遵守していないと、 ストアの審査がヤバい!! まじめに勉強する (その4) 6 わんくま名古屋 勉強会 #25 LT 2012/12/1
  • 7. ? 書籍 まじめに勉強する (その5) 7 わんくま名古屋 勉強会 #25 LT 2012/12/1
  • 9. ? 日本Microsoft独自のコンテンツ http://msdn.microsoft.com/ja-jp/jj556277 MSDNの 「開発体験テンプレート」 9 わんくま名古屋 勉強会 #25 LT 2012/12/1
  • 10. MSDNの 「開発体験テンプレート」 10 わんくま名古屋 勉強会 #25 LT 2012/12/1
  • 11. ? VS2012のテンプレートのままでは、 ストアの審査に通らない!! ? なにそれ非道い???! orz ? しかし、開発体験テンプレートなら、ちゃんと入ってる! ? 最低限、付け加えないといけないもの ?ヘルプ(about)画面 ?プライバシーポリシー (ケイパビリティ付与したアプリ) ? こいつらも実装したいよね! ?アプリ バー ?セマンティック ズーム ?検索チャーム ?共有チャーム 「開発体験テンプレート」の特徴 11 わんくま名古屋 勉強会 #25 LT 2012/12/1
  • 12. ? テンプレートをダウンロード ? 保存先は、My Documentの下の ?Visual Studio 2012 ?Templates ?ProjectTemplates ?Visual C# (または JavaScript) ? zipのまま (展開不要) 開発体験テンプレート改造(その1) ~ ダウンロードする 12 わんくま名古屋 勉強会 #25 LT 2012/12/1
  • 13. 「NewsReader テンプレート XAML/C# 用」テンプレートをそのままビルド 開発体験テンプレート改造(その2) ~ テンプレ選んでプロジェクト作って、 とりあえず F5 !! 13 わんくま名古屋 勉強会 #25 LT 2012/12/1
  • 14. DataModel の NewsDataSource.cs 690行あたり 開発体験テンプレート改造(その3) ~ フィードを変えてみる 14 わんくま名古屋 勉強会 #25 LT 2012/12/1
  • 15. 開発体験テンプレート改造(その4) ~ 変わった!! 15 わんくま名古屋 勉強会 #25 LT 2012/12/1
  • 17. 開発体験テンプレート改造(その6) ~ 変わった!! 17 わんくま名古屋 勉強会 #25 LT 2012/12/1
  • 18. ? ヘルプ画面は、テンプレの改造で よい。 かっこよくするならWebViewを! ? プライバシーポリシーは、個人的 な情報をサーバーにアップしない なら、極端な話 「個人情報は取得しません」 の1行だけでもいい。 また、自分のサイトを持っていな くても、gistに置いて審査に通し た猛者もいる! 開発体験テンプレート改造(その7) ~ ヘルプやプライバシーポリシー のページを作って??? 18 わんくま名古屋 勉強会 #25 LT 2012/12/1
  • 19. テンプレの Assets フォルダに入っている画像は、全部描き変える! 開発体験テンプレート改造(その8) ~ ロゴやスプラッシュを描いて 19 わんくま名古屋 勉強会 #25 LT 2012/12/1
  • 20. ? 出し方は、↓コレを参照 「Windows ストア アプ リ 登録の手引き」(PDF) 「Windows 8 アプリ開発体験テン プレート」のページ http://msdn.microsoft.com/ja- jp/jj556277 の下のほうからリンクされている。 http://download.microsoft.com/download/0/3/B/03B9E4AD- 28FE-4DE1-96EF-8AD50EC74A02/registration%20guide.pdf 開発体験テンプレート改造(その9) ~ 完成!! ストアに出そう! 20 わんくま名古屋 勉強会 #25 LT 2012/12/1