W

1. Windows Phone Arch@神戸#1
Windows Phone 7開発
やってみよ～

2. 自己紹介
• 大場知悟（Tomonori Ohba）
• @tworks
• (株)PFUでアプリ開発やってます
iOS／Android／WPF／Silverilghtなど
• コミュニティー
楽しいアプリ制作の会（代表）
WP Arch（関西スタッフ）
Silverlight Square（新大阪）
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 1

3. auから出ますね！
※auの回し者ではありません
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 2

4. アジェンダ
Windows Phone 7の表現（世界観）
基本コンセプト
いろいろな通知
アプリケーション開発方法
開発環境構築
開発手順
Demo（Hello World! ）
APP HUBに開発者登録＆アプリ登録
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 3

5. Windows Phone 7の表現
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 4

6. 基本コンセプト
メトロ
ライブタイル
ハブ
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 5

7. メトロ
日本の地下鉄のデザインが名前の由来
快適なタッチベースの操作
デバイスに依存しない同一の操作感
「ユーザーが簡単に目的を達成できるようにガイドする
UI」を目的としています。そのベースとなっているのが、
世界の首都圏、特に東京の地下鉄「メトロ」です。世界
でも有数の複雑さを持つ東京の地下鉄ですが、そのユニ
バーサルデザインで設計された案内板によって、初めて
来た外国人もきちんと乗り換えをし、目的地まで到達で
きる、これがUIのあるべき姿だと考えました。
（引用：Microsoft 高橋 忍）
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 6

8. ライブタイル
よく使うものをタイル状のアイコンでまと
めたスタートアップ画面
アプリケーションや情報を配置できる
人・よく聴く音楽
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 7

9. ハブ
情報を軸に「やりたいこと主体」
アプリケーション主体と異なるアプロー
チ
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 8

10. Peopleハブ
コミュニケーションの中心
SNSとの統合
Windows Live、Facebook、Twitter
SNSの更新を一括か個別で表示
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 9

11. Picturesハブ
Phone 7/PC/SNSの画像を一本化
SNSとの統合
Windows Live、Facebook、Twitter
SNSへ投稿（シェア）
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 10

12. Officeハブ
Office（Excel/Word/PowerPoint）
SharePoint連携
保存先はローカルとSkyDrive
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 11

13. GAMESハブ
Xbox Liveと連携
ユーザー間でメッセージのやりとり
3次元アバター
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 12

14. MUSIC＋VIDEOハブ
音楽とビデオの出発点
Zuneプレーヤーと連携
iTunesのnonDRM楽曲/iPhotoのデータ
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 13

15. MARKETPLACEハブ
アプリ、ゲームの購入、ダウンロード
お試し
アプリ、ゲームの更新を表示
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 14

16. 6つのハブ
オレオレハブも開発可能
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 15

17. パノラマ、ピボット
横に繋っていくUI
パノラマ
巻物的な見せ方
大きな画面上を移動させて見せる
ちょい見せ
ピボット
画面上部のタブは連続
画面は個別
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 16

18. パノラマ
「ちょい見せ」で隣に続いて
いることをアピール
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 17

19. ピボット
「ちょい見せ」なし
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 18

20. パノラマ、ピボット以外
HubTile
アプリ内にライブタイル
ExpandView
TreeViewのような折りたたみ/展開表示
など
要 Silverligt for Windows Phone Toolkit
(August 2011)
http://silverlight.codeplex.com/
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 19

21. いろいろな通知
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 20

22. 通知と表現
表現
ライブタイル
トースト
通知のきっかけ
プッシュ通知サービス
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 21

23. ライブタイル
ライブタイルに内容を表示
不在着信、メール未読数、直
近のスケジュール内容、更新
されているアプリケーション
の数、etc…
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 22

24. トースト
画面の最上部にテキスト表示
一定時間で非表示に
ライブタイルで表示しきれな
い内容など
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 23

25. プッシュ通知サービス
サーバ側からアプリへ状態変化を通知
要 アプリにプッシュ通知サービスの実装
③デバイスID・URIを通知
①URI要求 開発者
アプリ Microsoft
Push Notification WEBサーバ
②URI受信
Service ④通知す
（MPNS） るデータ
⑤Push
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 24

26. アプリケーション開発方法
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 25

27. システム要件
Windows Vista（x86 or x64）SP 2
（Starter Editionを除く）
Windows 7（x86 or x64）
（Starter Editionを除く）
4GB以上のディクススペース
3GB以上のメモリ
WDDM 1.1ドライバとDirect X 10、又はそ
れらを対応しているグラフィックカード
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 26

28. 基本ツールのインストール
Windows Phone SDK 7.1 Beta 2
http://www.microsoft.com/download/en/deta
ils.aspx?displaylang=en&id=26648
ダウンロードしたexeファイルをダブルクリッ
クするだけの簡単なお仕事
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 27

29. インストールされるもの
Visual Studio 2010 Express for Windows Phone
Microsoft Expression Blend SDK Preview for
Windows Phone 7.1
Windows Phone Emulator（Beta2）
Windows Phone SDK 7.1（Beta2）
Windows Phone SDK 7.1 Assemblies（Beta2）
Silverlight 4 SDK and DRT
Windows Phone SDK 7.1 Extensions for XNA Game
Studio 4.0
WCF Data Services Client for Windows Phone 7.1
Microsoft Advertising SDK for Windows Phone 7
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 28

30. 拡張ツールのインストール
Silverligt for Windows Phone Toolkit
(August 2011)
http://silverlight.codeplex.com/
コントロールの追加
マルチタッチジェスチャーの処理
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 29

31. 開発の流れ
（Silverlight）
namespace WindowsPhoneApplica
{
public partial class Main
{
// Constructor
public MainPage()
<StackPanel>
<!--TitlePanel contains the n
<StackPanel x:Name="TitlePane
<TextBlock x:Name="Applic
<TextBlock x:Name="PageTi
</StackPanel>
30
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 30

32. 開発の流れ（XNA）
namespace WindowsPhoneApplica
{
public partial class Main
{
// Constructor
public MainPage()
31
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 31

33. 開発Demo（即席）
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 32

34. 端末仕様
800x480 QVGA / 480x320 HVGA
静電式パネル 4ポイント以上のタッチポイント
A-GPS, コンパス、加速度センサー、照度センサー、
近接センサー
500万画素以上のカメラ＋フラッシュ＋カメラボタン
標準のコーデック(メディア）
256MB RAM＋8GB以上 フラッシュ ROM
DX9 対応の GPU
CPUは ARMv7 Cortex/Scorpion 以上
3つの ハードウェアボタン（スタート、検索、戻る)
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 33

35. APP HUB開発者登録
登録すると出来るようになること
実機端末のアンロック（3台まで）
MARKET PLACEからのアプリ配信
http://create.msdn.com/ja-JP
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 34

36. APP HUB
年間サブスクリプション 9,800 円 (税
込)
アプリ配信までに審査が入る
つまらない内容だと却下されるらしい？！
有料アプリケーションの審査は無料
無償アプリケーションは100本まで無料、101
本目以降は、$19.99/本の費用が発生
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 35

37. まとめ
サクサク、ぬるぬる！
やりたいコト指向
auからIS12T発売！
（auの回し者ではありません、大切なことなのｄ）
2011/8/20 Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～ 36