Windows Phone アプリができるまで #wpjp #wpdev_jp #tfsug

トライアスロンに参加してエイッと作ったWindows Phone アプリ。書き留めておかないとすぐにえーっと……ってことになりかねないのでメモしておきます。

IS12TユーザーなのでWindows Phone 7で開発していきます。当然、最初からこんな手順を踏んだわけではないです。次はこんな風にやってみたいなーという復習と計画。
手順が多いようにも見えますが手を動かしながらでも1日で一通り確認できると思います。

以下、詳細ですが、順番がないものとあるものでなんとなくリストを使い分けています。
更なる詳細が必要な部分はいずれ記事にしたいと思います。

次の手順や勉強と並行して行いましょう。

すべての手順の中でWindows Phone Dev Centerだけが有料です。実機テスト or 申請する時までに登録を済ませておけば良いので財布と相談してください。

Team Foundation ServicesのWeb画面でチームプロジェクトを作って、アプリの機能、つまり、やらなければならないことを登録しておきます。やることを決めておくことは私にとって怠けないためにとても重要です！

チームプロジェクトを作る
プロダクトバックログを作る
- 例：○○が出来る機能
- 例：パッケージデザイン
タスクを作る
- 例：1.View作成→2.Model作成→3.・・・
- 例：アイコン作成
Visual Studioでプロジェクトを作ってすぐにチェックインする
- 次の手順のためにソリューションファイルが必要なので。
TFSでビルドを構成する
- いつでも正しくビルド出来る環境があると安心します。出力無しのビルド確認用、出力有りのリリース用を用意しておきましょう。
- 5分でわかるTFSでWindows Phone アプリ、Silverlightのビルドを構成する方法 #wpdev_jp - KatsuYuzuのブログ
TFSでビルドを実行する
- ビルド定義の実行確認をしておきます。

すぐに開発でも構いませんが、タスクに関係のない雑作業を先にやっておきましょう。作業が完了したら忘れずにチェックインを。

App.xaml.csのInitializePhoneApplicationで画面遷移のアニメーション化に対応する
- RootFrame = new TransitionFrame();
- toolkit:TransitionService
同じくInitializePhoneApplicationで端末の表示言語に対応する
- this.RootFrame.Language = XmlLanguage.GetLanguage(CultureInfo.CurrentUICulture.Name);
マニフェストを設定する
- ソリューションエクスプローラーのProperties\WMAppManifest.xml
- アイコンは出来次第、設定するといいでしょう。
- Page.xamlを移動した場合や初期ページを変更したい場合もマニフェストから設定します。プロジェクト整理した後に起動しなくて焦っていたら大体マニフェスト設定忘れ。
- [機能]は申請時に自動判定されるので基本的にすべてのチェックがついていて大丈夫です。

準備が終わったらタスクをこなしていきます。ある程度の計画があるでしょうが、気分転換にアイコンを作ったりなども。

タスクをこなす
- 例：機能の実装。
- 例：Expression Designでアイコン（173*173、62*62）作成。
  - Expression Design でアプリのアイコンを作ろう！ #wpdev_jp #win8dev_jp - KatsuYuzuのブログ
アプリの情報ページを作る
- バージョンとアイコンと連絡先（Twitterなど）などを明記するといいでしょう。
TFSでリリース用のビルドを実行する
Power ToolsでTFS上に出力されたxapを実機またはエミュレーターにインストールして最終テストをする

開発が終わったら申請に必要なスクリーンショットの準備やアプリの要件などの確認を行います。