Expression Blend を使ったWindows Phone 7 アプリの開発

自己紹介

蒲 清和（かばきよかず @kabakiyo ）

プログラマー

Hokuriku.NET を主催

CHEMISTRY の Period の練習中

スノボ大好き（今年初めてスキージャムに

行きました）

スキージャム勝山

1. Windows Phone 7 の概要

2. Windows Phone 7 の特徴（ユーザーイ

ンタフェース）

3. Demo

4. 今後の Windows Phone 7 について

セッションの流れ

１． Windows Phone 7 の概要

Windows Phone 7 とは？現状特徴

Windows Phone 7 とは？

マイクロソフトが提供する携帯用のOS

元々 Windows Mobile という携帯OS を作っていたが、新たに一から設計されて作られ生まれ変わったOS

Windows Mobile のアプリが動きません（下位互換がないので開発者はアプリを作り直す必要がある）

ユーザーインタフェースの変更（ Metro という新しい概念を取り入れた）

マイクロソフト渾身の製品

マイクロソフトらしくないインターフェース

ってマイクロソフトの人が言ってました

生まれ変わったポイント

発売日発売国機種アプリの数デベロッパーの数マーケットプレース売れ行き

現状

10 月 21 日　欧州、シンガポール、オーストラリア

11 月 8 日　北米

30 か国以上の 60 を超える携帯電話事業者が市場導入

発売日

HTC• Surround• HD7• Mozart• Tropy

Samsung• Focus• Omnia7

LG• Quantum• Optimus7

Dell• Venue Pro

機種

戻る、ホーム、検索は必須

ハードウェアスペック– 1GHz 以上のプロセッサ– 480 x 800 の解像度– GPS– Wifi– センサー

機種（制約）

11,500 本（ 4 月 1 日現在）iPhone は 35 万本以上Android は 25 万本以上

WP7 <<< Android < iPhone

アプリの数

有料会員登録数 36,000 名開発ツールダウンロード数 150 万回以上

デベロッパーの数

マーケットプレース

年間登録料　＄９９報酬　アプリ開発者： MS ＝ ７：３有料アプリは無制限無料アプリは１００個までトライアル版の機能あり（開発者が自由に

制御できる）まだ日本からアプリを購入することはでき

ません（＞＜）　無料版とトライアル版は大丈夫で

開発環境

Visual Studio （開発者）Expression Blend （デザイナー）無料で提供

発売から６週間で 150 万台出荷IDC 評価　 Android より走り出しは良い

売れ行き

米 IDC 、 2015 年スマホ市場で Windows Phone が 20% 超と予測 - Nokia/MS 提携影響http://journal.mycom.co.jp/news/2011/03/30/026/index.html

引用元： http://uhs.doorblog.jp/archives/51785517.html

iPhone や Android とは異なるインターフェース• タイル & Panorama & Pivot

Xbox との連携Facebook との統合• ハブという概念

Office

特徴

iPhone や Android とは異なるインターフェース• タイル & Panorama & Pivot

Xbox との連携Facebook との統合• ハブという概念

Office

特徴

Metro についてテーマタイルPanorama & Pivotハブ

２． WP7 のユーザーインタフェース

Metro とは？

世界でも有数の地下鉄を持つ東京。複雑に入り組んだ地下鉄を乗り継いて目的地に間違いなくたどり着くために、現在は非常にわかり易い路線図が描かれています。路線ごとに色分けされ、記号化された表示。それに駅名を番号で合わせて、地図やガイドマップで利用されています。このようにすることで「メトロユーザーは目的の場所まで最短、もしくは最適な道をたどっていくことができる」わけです。

引用元：高橋 忍のブログ | Phone 7 に届くまで #3 メトロ

Metro とは？

背景色とアクセント色を選択することが可能

アクセント色は１０色背景色は黒と白の２色

テーマ (Theme)

組み合わせれば２０パターンのテーマ

テーマ (背景黒 ) 　

テーマ (背景白 )

ホーム画面に表示される四角いアイコンが並んだインタフェース

アイコンはただ表示されるだけでなく未読の件数を表示したり、最近聞いた音楽のアルバムの画像が表示されたりする

タイル

アプリケーションで使われる標準インターフェース

iPhone や Android にはない斬新なインターフェース

Panorama & Pivot

ひとつなぎになった背景 人つなぎの画面に、 gallery・

recent・ samples など、複数の情報を表示

Panorama

フリックで横にスライド

隣の情報が少し見えている

従来のアプリケーション (Yahoo!型 )

他のページへ行くときはメインのページに一度戻る必要がある

WP7 のアプリケーション (Google型 )

フリック！他のページに移動するにはフリックするだけ

Web で取り入れられた例

http://www.microsoft.com/en-us/default.aspxマイクロソフトのウェブサイト

ひとつなぎの画面に、 seattle・paris・ london など、複数の情報を表示

フリックまたはタイトルをクリックするとスライドする

Pivot

タブのようなインターフェース

様々な情報を一つの場所に集約させるために存在する

People ハブは「人」の情報が、 Pictureハブは「写真」の情報が集約される

「人」の情報には電話番号やメールアドレスや住所だけでなく、 Facebook の近況や Twitter のつぶやきも含まれる

ハブ

People ハブ

アドレス帳と Facebook が統合されている

電話番号、メールアドレス、住所だけでなく Facebook でつぶやいた情報も表示される 設定はFacebook のアカウントを登録するだけ

DEMO

Photoshop のデータを読み込む アニメーションを使って遊んでみ

る

今後の Windows Phone 7 について

Nokia との提携Twitter との統合ブラウザが IE9 ベースマルチタスク日本語対応

今後の Windows Phone 7 について

Lost Friends というアプリをエロ巨人佐々木氏と作成中。

Twitter で Remove された人を記録して確認し悲しむアプリ。

乞うご期待！

お知らせ

ご清聴ありがとうございました。

ご清聴ありがとうございました。