Windows Phone Arch@ 神戸 #1

Windows Phone 7 開発やってみよ～

自己紹介

• 大場知悟（ Tomonori Ohba ）• @tworks• ( 株 )PFU でアプリ開発やってます

iOS ／ Android ／ WPF ／ Silverilght など• コミュニティー

楽しいアプリ制作の会（代表）WP Arch （関西スタッフ）Silverlight Square （新大阪）

2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ～ 2

au から出ますね！

2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ～ 3

※au の回し者ではありません

アジェンダ

Windows Phone 7 の表現（世界観）基本コンセプト いろいろな通知

アプリケーション開発方法開発環境構築開発手順Demo （ Hello World! ）APP HUB に開発者登録＆アプリ登録

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

Windows Phone 7 の表現

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

基本コンセプト

メトロライブタイルハブ

2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ～ 6

メトロ

「ユーザーが簡単に目的を達成できるようにガイドする UI 」を目的としています。そのベースとなっているのが、世界の首都圏、特に東京の地下鉄「メトロ」です。世界でも有数の複雑さを持つ東京の地下鉄ですが、そのユニバーサルデザインで設計された案内板によって、初めて来た外国人もきちんと乗り換えをし、目的地まで到達できる、これが UI のあるべき姿だと考えました。（引用： Microsoft 高橋　忍）

2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ～ 7

日本の地下鉄のデザインが名前の由来快適なタッチベースの操作デバイスに依存しない同一の操作感

ライブタイル

2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ～ 8

よく使うものをタイル状のアイコンでまとめたスタートアップ画面アプリケーションや情報を配置できる

人・よく聴く音楽

ハブ

2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ～ 9

情報を軸に「やりたいこと主体」アプリケーション主体と異なるアプローチ

People ハブ

2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ～ 10

コミュニケーションの中心SNS との統合

Windows Live 、 Facebook 、 TwitterSNS の更新を一括か個別で表示

Pictures ハブ

2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ～ 11

Phone 7/PC/SNS の画像を一本化SNS との統合

Windows Live 、 Facebook 、 TwitterSNS へ投稿（シェア）

Office ハブ

2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ～ 12

Office （ Excel/Word/PowerPoint ）SharePoint 連携保存先はローカルと SkyDrive

GAMES ハブ

2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ～ 13

Xbox Live と連携ユーザー間でメッセージのやりとり

3 次元アバター

MUSIC ＋ VIDEO ハブ

2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ～ 14

音楽とビデオの出発点Zune プレーヤーと連携

iTunes の nonDRM 楽曲 /iPhoto のデータ

MARKETPLACE ハブ

2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ～ 15

アプリ、ゲームの購入、ダウンロードお試し

アプリ、ゲームの更新を表示

6 つのハブ

2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ～ 16

オレオレハブも開発可能

パノラマ、ピボット

横に繋っていく UI

パノラマ巻物的な見せ方大きな画面上を移動させて見せるちょい見せ

ピボット画面上部のタブは連続画面は個別

2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ～ 17

パノラマ

2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ～ 18

「ちょい見せ」で隣に続いていることをアピール

ピボット

2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ～ 19

「ちょい見せ」なし

パノラマ、ピボット以外

HubTileアプリ内にライブタイルExpandViewTreeView のような折りたたみ /展開表示

など

要 Silverligt for Windows Phone Toolkit (August 2011)http://silverlight.codeplex.com/2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ～ 20

いろいろな通知

2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ～ 21

通知と表現

表現ライブタイルトースト

通知のきっかけプッシュ通知サービス

2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ～ 22

ライブタイル

ライブタイルに内容を表示不在着信、メール未読数、直近のスケジュール内容、更新されているアプリケーションの数、 etc…

2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ～ 23

トースト

画面の最上部にテキスト表示一定時間で非表示にライブタイルで表示しきれない内容など

2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ～ 24

プッシュ通知サービス

サーバ側からアプリへ状態変化を通知要 アプリにプッシュ通知サービスの実装

2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ～ 25

MicrosoftPush Notification

Service（MPNS）

開発者WEBサーバアプリ

①URI要求

②URI受信

③デバイス ID ・ URIを通知

④通知するデータ

⑤Push

アプリケーション開発方法

2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ～ 26

システム要件

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 開発やってみよ～ 27

基本ツールのインストール

Windows Phone SDK 7.1 Beta 2http://www.microsoft.com/download/en/details.aspx?displaylang=en&id=26648

ダウンロードした exe ファイルをダブルクリックするだけの簡単なお仕事

2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ～ 28

インストールされるもの

Visual Studio 2010 Express for Windows PhoneMicrosoft 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 開発やってみよ～ 29

拡張ツールのインストール

Silverligt for Windows Phone Toolkit (August 2011)

http://silverlight.codeplex.com/

コントロールの追加マルチタッチジェスチャーの処理

2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ～ 30

開発の流れ（ Silverlight ）

2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ～ 31

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>

And / Or

31

+

C# or Visual Basic

XAML

エミュレーター

実機（ AppHub に開発

者登録が必要）

開発の流れ（ XNA ）

2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ～ 32

namespace WindowsPhoneApplica{ public partial class Main { // Constructor public MainPage()

32

C# or Visual Basic

エミュレーター

実機（ AppHub に開発

者登録が必要）

開発 Demo （即席）

2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ～ 33

端末仕様

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 開発やってみよ～ 34

APP HUB 開発者登録

登録すると出来るようになること実機端末のアンロック（ 3台まで）MARKET PLACE からのアプリ配信http://create.msdn.com/ja-JP

2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ～ 35

APP HUB

年間サブスクリプション 9,800 円 (税込 ) 　アプリ配信までに審査が入る

つまらない内容だと却下されるらしい？！有料アプリケーションの審査は無料無償アプリケーションは 100 本まで無料、 101 本目以降は、 $19.99/ 本の費用が発生

2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ～ 36

まとめ

サクサク、ぬるぬる！

やりたいコト指向

au から IS12T 発売！（ au の回し者ではありません、大切なことなのｄ）

2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ～ 37