0
Windows Phone Arch@神戸#1          Windows Phone 7開発                 やってみよ~
自己紹介• 大場知悟(Tomonori Ohba)• @tworks• (株)PFUでアプリ開発やってます  iOS/Android/WPF/Silverilghtなど• コミュニティー     楽しいアプリ制作の会(代表)     WP Ar...
auから出ますね!            ※auの回し者ではありません2011/8/20      Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ~   2
アジェンダWindows Phone 7の表現(世界観)            基本コンセプト            いろいろな通知アプリケーション開発方法            開発環境構築            開発手順          ...
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」を目的としています。そのベースとなっているのが...
ライブタイル       よく使うものをタイル状のアイコンでまと       めたスタートアップ画面       アプリケーションや情報を配置できる            人・よく聴く音楽2011/8/20     Windows Phone ...
ハブ       情報を軸に「やりたいこと主体」       アプリケーション主体と異なるアプロー       チ2011/8/20   Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ~   8
Peopleハブ       コミュニケーションの中心       SNSとの統合            Windows Live、Facebook、Twitter            SNSの更新を一括か個別で表示2011/8/20    ...
Picturesハブ       Phone 7/PC/SNSの画像を一本化       SNSとの統合            Windows Live、Facebook、Twitter            SNSへ投稿(シェア)2011/8...
Officeハブ       Office(Excel/Word/PowerPoint)       SharePoint連携       保存先はローカルとSkyDrive2011/8/20   Windows Phone Arch@神戸#1...
GAMESハブ       Xbox Liveと連携            ユーザー間でメッセージのやりとり       3次元アバター2011/8/20     Windows Phone Arch@神戸#1 - Windows Phone ...
MUSIC+VIDEOハブ       音楽とビデオの出発点       Zuneプレーヤーと連携            iTunesのnonDRM楽曲/iPhotoのデータ2011/8/20      Windows Phone Arch@神...
MARKETPLACEハブ       アプリ、ゲームの購入、ダウンロード            お試し       アプリ、ゲームの更新を表示2011/8/20     Windows Phone Arch@神戸#1 - Windows Ph...
6つのハブ       オレオレハブも開発可能2011/8/20   Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ~   15
パノラマ、ピボット    横に繋っていくUI    パノラマ            巻物的な見せ方            大きな画面上を移動させて見せる            ちょい見せ    ピボット            画面上部のタブは連...
パノラマ                        「ちょい見せ」で隣に続いて                          いることをアピール2011/8/20   Windows Phone Arch@神戸#1 - Windows ...
ピボット                                                   「ちょい見せ」なし2011/8/20   Windows Phone Arch@神戸#1 - Windows Phone 7開発やって...
パノラマ、ピボット以外 HubTile アプリ内にライブタイル ExpandView TreeViewのような折りたたみ/展開表示など要 Silverligt for Windows Phone Toolkit(August 2011)http...
いろいろな通知2011/8/20   Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ~   20
通知と表現    表現            ライブタイル            トースト    通知のきっかけ            プッシュ通知サービス2011/8/20     Windows Phone Arch@神戸#1 - Wind...
ライブタイル    ライブタイルに内容を表示            不在着信、メール未読数、直            近のスケジュール内容、更新            されているアプリケーション            の数、etc…2011/8...
トースト    画面の最上部にテキスト表示            一定時間で非表示に            ライブタイルで表示しきれな            い内容など2011/8/20      Windows Phone Arch@神戸#1...
プッシュ通知サービス    サーバ側からアプリへ状態変化を通知    要 アプリにプッシュ通知サービスの実装                         ③デバイスID・URIを通知                  ①URI要求     ...
アプリケーション開発方法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以上の...
基本ツールのインストールWindows Phone SDK 7.1 Beta 2            http://www.microsoft.com/download/en/deta            ils.aspx?displayl...
インストールされるもの    Visual Studio 2010 Express for Windows Phone    Microsoft Expression Blend SDK Preview for    Windows Phone...
拡張ツールのインストールSilverligt for Windows Phone Toolkit(August 2011)            http://silverlight.codeplex.com/            コントロー...
開発の流れ     (Silverlight)                              namespace WindowsPhoneApplica                              {         ...
開発の流れ(XNA)                              namespace WindowsPhoneApplica                              {                      ...
開発Demo(即席)2011/8/20   Windows Phone Arch@神戸#1 - Windows Phone 7開発やってみよ~   32
端末仕様    800x480 QVGA / 480x320 HVGA    静電式パネル 4ポイント以上のタッチポイント    A-GPS, コンパス、加速度センサー、照度センサー、    近接センサー    500万画素以上のカメラ+フラッ...
APP HUB開発者登録登録すると出来るようになること            実機端末のアンロック(3台まで)            MARKET PLACEからのアプリ配信            http://create.msdn.com/...
APP HUB    年間サブスクリプション 9,800 円 (税    込)    アプリ配信までに審査が入る            つまらない内容だと却下されるらしい?!            有料アプリケーションの審査は無料       ...
まとめ    サクサク、ぬるぬる!    やりたいコト指向    auからIS12T発売!    (auの回し者ではありません、大切なことなのd)2011/8/20   Windows Phone Arch@神戸#1 - Windows Pho...
WindowsPhone arch 神戸#1
Upcoming SlideShare
Loading in...5
×

WindowsPhone arch 神戸#1

753

Published on

W

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
753
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "WindowsPhone arch 神戸#1"

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

    Clipping is a handy way to collect important slides you want to go back to later.

×