[初心者セッション]Windows Phone 7開発やってみよ

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開発やってみよ～
1
auから出ますね！
※auの回し者ではありません
2011/8/20
Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～
2
アジェンダ
Windows Phone 7の表現（世界観）
基本コンセプト
いろいろな通知
アプリケーション開発方法
開発環境構築
開発手順
Demo（Hello World! ）
APP HUBに開発者登録＆アプリ登録
2011/8/20
Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～
3
Windows Phone 7の表現
2011/8/20
Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～
4
基本コンセプト
メトロ
ライブタイル
ハブ
2011/8/20
Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～
5
メトロ
日本の地下鉄のデザインが名前の由来
快適なタッチベースの操作
デバイスに依存しない同一の操作感
「ユーザーが簡単に目的を達成できるようにガイドするUI」を目的
としています。そのベースとなっているのが、世界の首都圏、特に東
京の地下鉄「メトロ」です。世界でも有数の複雑さを持つ東京の
地下鉄ですが、そのユニバーサルデザインで設計された案内板に
よって、初めて来た外国人もきちんと乗り換えをし、目的地まで到
達できる、これがUIのあるべき姿だと考えました。
（引用：Microsoft 高橋 忍）
2011/8/20
Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～
6
ライブタイル
よく使うものをタイル状のアイコンでまと
めたスタートアップ画面
アプリケーションや情報を配置できる
人・よく聴く音楽
2011/8/20
Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～
7
ハブ
情報を軸に「やりたいこと主体」
アプリケーション主体と異なるアプロー
チ
2011/8/20
Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～
8
Peopleハブ
コミュニケーションの中心
SNSとの統合
Windows Live、Facebook、Twitter
SNSの更新を一括か個別で表示
2011/8/20
Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～
9
Picturesハブ
Phone 7/PC/SNSの画像を一本化
SNSとの統合
Windows Live、Facebook、Twitter
SNSへ投稿（シェア）
2011/8/20
Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～
10
Officeハブ
Office（Excel/Word/PowerPoint）
SharePoint連携
保存先はローカルとSkyDrive
2011/8/20
Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～
11
GAMESハブ
Xbox Liveと連携
ユーザー間でメッセージのやりとり
3次元アバター
2011/8/20
Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～
12
MUSIC＋VIDEOハブ
音楽とビデオの出発点
Zuneプレーヤーと連携
iTunesのnonDRM楽曲/iPhotoのデータ
2011/8/20
Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～
13
MARKETPLACEハブ
アプリ、ゲームの購入、ダウンロード
お試し
アプリ、ゲームの更新を表示
2011/8/20
Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～
14
6つのハブ
オレオレハブも開発可能
2011/8/20
Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～
15
パノラマ、ピボット
横に繋っていくUI
パノラマ
巻物的な見せ方
大きな画面上を移動させて見せる
ちょい見せ
ピボット
画面上部のタブは連続
画面は個別
2011/8/20
Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～
16
パノラマ
「ちょい見せ」で隣に続いて
いることをアピール
2011/8/20
Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～
17
ピボット
「ちょい見せ」なし
2011/8/20
Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～
18
パノラマ、ピボット以外
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
いろいろな通知
2011/8/20
Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～
20
通知と表現
表現
ライブタイル
トースト
通知のきっかけ
プッシュ通知サービス
2011/8/20
Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～
21
ライブタイル
ライブタイルに内容を表示
不在着信、メール未読数、直
近のスケジュール内容、更新
されているアプリケーション
の数、etc…
2011/8/20
Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～
22
トースト
画面の最上部にテキスト表示
一定時間で非表示に
ライブタイルで表示しきれな
い内容など
2011/8/20
Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～
23
プッシュ通知サービス
サーバ側からアプリへ状態変化を通知
要 アプリにプッシュ通知サービスの実装
③デバイスID・URIを通知
アプリ
①URI要求
②URI受信
⑤Push
2011/8/20
Microsoft
Push Notification
Service
（MPNS）
開発者
WEBサーバ
④通知する
データ
Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～
24
アプリケーション開発方法
2011/8/20
Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～
25
システム要件
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
基本ツールのインストール
Windows Phone SDK 7.1 Beta 2
http://www.microsoft.com/download/en/
details.aspx?displaylang=en&id=26648
ダウンロードしたexeファイルをダブルク
リックするだけの簡単なお仕事
2011/8/20
Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～
27
インストールされるもの
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
拡張ツールのインストール
Silverligt for Windows Phone Toolkit
(August 2011)
http://silverlight.codeplex.com/
コントロールの追加
マルチタッチジェスチャーの処理
2011/8/20
Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～
29
開発の流れ（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
開発の流れ（XNA）
namespace WindowsPhoneApplica
{
public partial class Main
{
// Constructor
public MainPage()
31
2011/8/20
Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～
31
開発Demo（即席）
2011/8/20
Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～
32
端末仕様
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
APP HUB開発者登録
登録すると出来るようになること
実機端末のアンロック（3台まで）
MARKET PLACEからのアプリ配信
http://create.msdn.com/ja-JP
2011/8/20
Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～
34
APP HUB
年間サブスクリプション 9,800 円 (税込)
アプリ配信までに審査が入る
つまらない内容だと却下されるらしい？！
有料アプリケーションの審査は無料
無償アプリケーションは100本まで無料、
101本目以降は、$19.99/本の費用が発生
2011/8/20
Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～
35
まとめ
サクサク、ぬるぬる！
やりたいコト指向
auからIS12T発売！
（auの回し者ではありません、大切なことなのｄ）
2011/8/20
Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ～
36