windows phone 7はじめました

Community for Learning and Research in Hokkaido

Windows Phone 7 はじめました

2011/4/16 初音玲


自己紹介

Microsoft MVP for Visual Basic

Oracle ACE ハンドヘルド機→ Palm→ スマホ痛 IDE とか作りました

2


アジェンダ

実機について開発環境の構築開発実機デバッグまとめ

3



4


実機について

2010/11/11 注文（予約してたのに ...) 2010/11/15 入手 2010/11/16 液晶剥離発見 2010/11/17 初期不良報告 2010/11/18 返品 2010/11/29 修理返送→状況変わらず 2010/12/01 交換希望で返品 2010/12/08 やっと入手

レアケースなので参考にしちゃダメで

す

5


実機について

DEMO

6


Windows Phone 7 の操作名

7

Windows Phone 7 UI ガイド

タップ

ダブルタップ

パン

フリック

ピンチ

ストレッチ

タッチアンドフォールド



8


開発環境の構築

9

http://create.msdn.com/ja-JP

Windows Phone Developer Tools の入手– 無料


Windows Phone Developer Tools

10

略称は WPDT

Visual Studio 2010 Express for Windows PhoneWindows Phone Emulator Resources

Silverlight 4 Tools for Visual Studio

XNA Game Studio 4.0

Microsoft Expression Blend for Windows Phone


開発スタイル

11

Visual Studio 2010 Expressfor Windows Phone


Windows Phone Emulator Resources

Windows Phone 7 アプリコード

Windows Phone 7 アセンブリ

配置

デバッグ実行


WPDT インストール時の注意点

12

日本語 VS にテンプレートがインストールされない

1. \Common7\IDE\ProjectTemplates\CSharp\Silverlight for Windows Phone フォルダ配下の1033 フォルダをコピーして 1041 フォルダにリネーム

2. \Common7\IDE\ItemTemplates\CSharp\Silverlight for Windows Phone フォルダ配下の1033 フォルダをコピーして 1041 フォルダにリネーム

3. コマンドラインで devenv /setup 実行

日本語 Expression Blend 4 が入っていてはダメ


最短インストール手順

13

Visual Studio 2010 インストール Windows Phone Developer Tools インスト英語版 Expression Blend 4 アンインスト日本語版 Expression Blend 4 インスト日本語版 Expression Blend 4 SP1 インスト


完成

14


Visual Basic で書きたい！

15

Visual Studio 2010 Express for Windows Phone は C# のみ

WPDT + VB for WPDT + Express 以外

これだけ苦労していれてもExpression Blend 4 での対応はC# のみ


Expression Blend 4

16

言語欄



17


開発スタイル

18






配置

デバッグ実行


標準的なアイコンも付属

19


HiraganaTwit の UI

20


HiraganaTwit の構成

UI• MainPage.xaml• PrivatePage.xaml• TwitPage.xaml• AccountPage.xaml• AboutPage.xaml

基本画像• ApplicationIcon.png• Background.png• SplashScreenImage.jp

g


ロジックの実装

Private Sub Home_Button_Click(sender As System.Object, e As System.EventArgs) Try If Not TimeLineMode = EnumTimelineMode.Home Then TimeLineMode = EnumTimelineMode.Home Me.Result_ListBox.ItemsSource = Nothing Me.Result_ListBox.ItemsSource = HomeTimeline Me.Result_ListBox.UpdateLayout() End If Call GetList() Catch ex As Exception End TryEnd Sub

<shell:ApplicationBarIconButton IconUri="/Icons/appbar.download.rest.png" Text="Home" Click="Home_Button_Click" />


Reactive Extentions

client.GetResponseText() _ .Select(Function(s) Return XElement.Parse(s) End Function) _ .SelectMany(Function(xe) xe.Descendants("status") _ .Select(Function(x) Return New TItem With {.id = x.Element("id").Value } End Function).Reverse) _ .DistinctUntilChanged(Function(t) t.id) _ .ObserveOnDispatcher() _ .Subscribe(Sub(t) If timeline.Count = 0 Then timeline.Insert(0, t) ElseIf CType(timeline(0), TItem).id < t.id Then timeline.Insert(0, t) End If End Sub, _ Sub(ex) MessageBox.Show(ReadWebException(ex)) End Sub, _ Sub() Me.Result_ListBox.ItemsSource = Nothing Me.Result_ListBox.ItemsSource = timeline Me.Result_ListBox.UpdateLayout() End Sub)



24


開発デバッグ

25






配置

デバッグ実行


開発デバッグ


実機デバッグ

27



Windows Phone 7 実機



配置

デバッグ実行


実機デバッグ


実機デバッグには App Hub 登録必須

29

2010/11/13:App Hub にアカウントを登録する 2010/11/13:App Hub の確認の電子メールを受信する 2010/11/13: メールアドレス確認後にメールを受信する 2010/11/13:GeoTrust に本人確認の手続き開始依頼をする

※ここで GetTrust と Chat で会話すると Chat 終わった直後に次のステップのための下記のメールを取得できます。

2010/11/27:GeoTrust から本人確認用証明書の送信依頼を受信する※ここで GetTrust と Chat で会話すると Chat 終わった直後に次のステップにいけます。

2010/12/06: 本人確認用証明書の内容について不備があったのを指摘されて訂正して送信する

2010/12/07:GeoTrust と Chat をする 2010/12/08:GeoTrust アジアサポートからのメールを受信する 2010/12/10:GeoTrust での本人確認完了 2010/12/11:Windows Marketplace account notification を

受信する Windows Phone Developer Registration ツールで登録

改善されたようです



30


まとめ

アプリ開発は実機がなくても勉強可能

実機があってもデプロイには App Hub への登録が必要–有料→学生さんは無料–面倒→改善された？

31

windows phone 7はじめました

Technology