Your SlideShare is downloading. ×
0
Silverlight                   Reflection!                   @mitsuba_tanWindows Phone7の世界観
ProfileH.N.:蜜葉 優。本名:泉本優輝Twitter:@mitsuba_tanFacebook:泉本優輝Silverlight歴:3年ちょっとBlog : 蜜葉の日記     http://d.hatena.ne.jp/c-mitsu...
ProfileC#書けない子!
WP7App
宣伝• 昨日発売の月刊I/O• 650円• WP7の開発記事執筆• 環境構築とHello WP7• 評判が良かったら回数がUP!• アンケート送って!
Agenda• WindowsPhone7  •   Phone7ってなに?  • どうやって開発するの?• WindowsPhone7の世界観  • Metro  • Live Tile  • Hub
Agenda• Panorama  • 使い方  • ポイント• Pivot  • 使い方• AppHubのお話
Purpose「WindowsPhone7らしい」    を感じてもらう
Purpose人柱増加計画!
WindowsPhoneってなに?
WindowsPhoneってなに? Microsoftが発表したスマートフォン http://www.windowsphone7.com/ UIやハードウェア仕様はMSが確定 Officeも使えます メーカーは決まったUIの上で独自性...
ハードウェア仕様 800x480 QVGA/ 480x320 HVGA (HVGA対応はあとから) 静電式パネル 4ポイント以上のタッチポイント A-GPS, コンパス、加速度センサー、照度センサー、近接セン  サー 500万画素以上の...
端末     1
Nokia Launch Pad Nokia Launchpad members to get free phones 年間300ユーロ 初年 無料らしい                                          ...
開発するには
WindowsPhoneDeveloperTools
Expression Blend for Windows phone  ずっとただで使える   唯一のBlend!
InstallPhone SDK + Blend SP1 J =       Phone Tools(Blend SP1 En + Phone SDK)       – Blend SP1 En       + Blend J       + ...
January Update・コピー&ペースト(TextBox,PasswordBox,WebBrowser)・Windows Phone Connect Tool
January Update1.WindowsPhoneDeveloperResources_    en-US_Patch1.msp2. VS10-KB2486994-x86.exehttp://create.msdn.com/en-us/n...
テンプレートを表示する1.VS インストールフォルダ¥Common7¥IDE¥ProjectTemplates¥CSharp¥Silverlight for Windows Phone を開く2.“1041” という名前のフォルダを作成し “1...
3.VS インストールフォルダ¥Common7¥IDE¥ItemTemplates¥CSharp¥Silverlight for Windows Phone を開く4.“1041” という名前のフォルダを作成し “1033” に存在している z...
WindowsPhone7の世界観
CodeName:Metro 世界共通のデザイン 目的まで最短/最適経路を示す 地下鉄の路線図  色分け  記号化  番号付け
CodeName:Metro
UI:Live Tiles Tiles   影などのない正方形、もしくは長方   形のボタンが並んでいる  それぞれのタイルかアプリやWeb   サービスと連携している Live   最新のアップデート情報を常に表  示
UI:Live Tiles このLive Tilesを眺めるだけで情報把握ができる ライブタイルの色などのカスタマイズが可能 ソフトウェアメーカーが自由に付け足し可能(独自性)
Hub People: Picture Games Music + Video Market Place Office
People "人"を軸にソーシャルアクティビティやコンテンツを アグリゲートするコミュニケーションハブ。         Picture  写真や動画の共有。
Game Xbox LIVEゲーム。スポットライトフィード、ゲーマー・  アバターによる交流など、Xboxの世界がWindows  Phoneにも広がる。       Music + Video0 Zuneのメディア体験を携帯プラットフォーム...
MarketPlace Windows Phone 7用のアプリケーションやゲームを発 見・入手するオンラインストア。                  Office  Office Mobile、OneNote、SharePoint Wo...
ちょっと触ってみましょう
開発者からみる世界観
Panorama & Pivot
Panorama
Pivot
Panorama & Pivot                        Panorama                      (コンテンツ集)        Pivot            Pivot       Pivot  ...
Panorama & PivotSeemicがよく出来てる
Panorama
MS「こう使うとかっこいいんだぜ!」     チラ見せ         次のパノラマアイテムだけでなく、背景も続いて見         えるように工夫しましょう。      <controls:Panorama.Background>     ...
MS「こう使うとかっこいいんだぜ!」       ロゴを付ける          パノラマのタイトルにロゴを          おいてもいいでしょう。      <controls:Panorama.Title>      <StackPan...
Pivot
Pivot::Live Labshttp://netflixpivot.cloudapp.net/
PivotMS「データセットの分類して    表示するのに使うといいよ」
PivotMS「あるいはソートして表示     するのに使うのもいいよ」
実際にデザインしてみる
DEMO
Silverlight for Windows Phone Toolkit デフォルトで入っていないPhone7で使えるコントロール集 CodePlex:: http://silverlight.codeplex.com/
Silverlight for Windows Phone Toolkit DatePicker/TimePicker ContextMenu GestureHelper
DatePicker時間や日付の選択に使うとかっこいいかも!
ContextMenu• Tap & Hold(長押し)で 表示するメニュー• 結構どこが押せるか 分かりにくいので使い どころが重要かも。
GestureHelper• XAMLでジェスチャーも簡  単に扱えます。• 今回はPinchをやってみま  す。• エミュレータでは、Multi-  Touch Vistaを入れれば、  マウス2つで検証できま  す。• http://mul...
アイコン集 %ProgramFiles%¥Microsoft SDKs¥Windows  Phone¥v7.0¥Icons 開発ツールに入ってる
AppHub
AppHub1. AppHubに登録する   ここで9800円かかる   (学生はDreamSparkを使えます)2. GeoTrustの認証受ける   最近は1週間ぐらい3. 端末をアンロックする
AppHub xapを登録する レポートをみてみる
まとめ スマートフォンの中で唯一ビジュアル的に作れるプラット フォーム(Blend) なので、もしかしたら一番敷居低い? OSの出来もいい! だから余計にWP7の世界観にあったアプリを作る必要がある• 11月あたりに日本から端末がでるか...
まとめ
まとめ UIデザインガイド:   http://blogs.msdn.com/b/shintak/archive/2010/12/10/1010    2734.aspx Windows Phone Design System – Cod...
まとめ 高橋忍さんのブログ:http://blogs.msdn.com/b/shintak/ 田中達彦さんのブログ:http://blogs.msdn.com/b/ttanaka/ ななふぉ:http://nanapho.jp/ 酢ろぐ...
ご清聴ありがとうございました。
Wankuma0402
Upcoming SlideShare
Loading in...5
×

Wankuma0402

652

Published on

わんくま大阪0402の資料@みつば

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

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

No notes for slide

Transcript of "Wankuma0402"

  1. 1. Silverlight Reflection! @mitsuba_tanWindows Phone7の世界観
  2. 2. ProfileH.N.:蜜葉 優。本名:泉本優輝Twitter:@mitsuba_tanFacebook:泉本優輝Silverlight歴:3年ちょっとBlog : 蜜葉の日記 http://d.hatena.ne.jp/c-mitsuba/Community
  3. 3. ProfileC#書けない子!
  4. 4. WP7App
  5. 5. 宣伝• 昨日発売の月刊I/O• 650円• WP7の開発記事執筆• 環境構築とHello WP7• 評判が良かったら回数がUP!• アンケート送って!
  6. 6. Agenda• WindowsPhone7 • Phone7ってなに? • どうやって開発するの?• WindowsPhone7の世界観 • Metro • Live Tile • Hub
  7. 7. Agenda• Panorama • 使い方 • ポイント• Pivot • 使い方• AppHubのお話
  8. 8. Purpose「WindowsPhone7らしい」 を感じてもらう
  9. 9. Purpose人柱増加計画!
  10. 10. WindowsPhoneってなに?
  11. 11. WindowsPhoneってなに? Microsoftが発表したスマートフォン http://www.windowsphone7.com/ UIやハードウェア仕様はMSが確定 Officeも使えます メーカーは決まったUIの上で独自性を出す ARMプロセッサ 3Dサクサク! ぬるぬる!
  12. 12. ハードウェア仕様 800x480 QVGA/ 480x320 HVGA (HVGA対応はあとから) 静電式パネル 4ポイント以上のタッチポイント A-GPS, コンパス、加速度センサー、照度センサー、近接セン サー 500万画素以上のカメラ+フラッシュ+カメラボタン 標準のコーデック(メディア) 256MB RAM+8GB フラッシュ ROM DX9 対応の GPU CPUは ARMv7 Cortex/Scorpion 以上 3つの ハードウェアボタン(Start, Search, Back)
  13. 13. 端末 1
  14. 14. Nokia Launch Pad Nokia Launchpad members to get free phones 年間300ユーロ 初年 無料らしい 1
  15. 15. 開発するには
  16. 16. WindowsPhoneDeveloperTools
  17. 17. Expression Blend for Windows phone ずっとただで使える 唯一のBlend!
  18. 18. InstallPhone SDK + Blend SP1 J = Phone Tools(Blend SP1 En + Phone SDK) – Blend SP1 En + Blend J + Blend SP1 J やけに面倒な算数ですねっ!
  19. 19. January Update・コピー&ペースト(TextBox,PasswordBox,WebBrowser)・Windows Phone Connect Tool
  20. 20. January Update1.WindowsPhoneDeveloperResources_ en-US_Patch1.msp2. VS10-KB2486994-x86.exehttp://create.msdn.com/en-us/news/Windows_Phone_Developer_Tools_January_2011_Update
  21. 21. テンプレートを表示する1.VS インストールフォルダ¥Common7¥IDE¥ProjectTemplates¥CSharp¥Silverlight for Windows Phone を開く2.“1041” という名前のフォルダを作成し “1033” に存在している zip ファイルを全てコピーする
  22. 22. 3.VS インストールフォルダ¥Common7¥IDE¥ItemTemplates¥CSharp¥Silverlight for Windows Phone を開く4.“1041” という名前のフォルダを作成し “1033” に存在している zip ファイルを全てコピーする5.コマンドラ・ンで Visual Studio のインストールフォルダへ移動し、 次のコマンドを実行 devenv / setup
  23. 23. WindowsPhone7の世界観
  24. 24. CodeName:Metro 世界共通のデザイン 目的まで最短/最適経路を示す 地下鉄の路線図  色分け  記号化  番号付け
  25. 25. CodeName:Metro
  26. 26. UI:Live Tiles Tiles  影などのない正方形、もしくは長方 形のボタンが並んでいる  それぞれのタイルかアプリやWeb サービスと連携している Live  最新のアップデート情報を常に表 示
  27. 27. UI:Live Tiles このLive Tilesを眺めるだけで情報把握ができる ライブタイルの色などのカスタマイズが可能 ソフトウェアメーカーが自由に付け足し可能(独自性)
  28. 28. Hub People: Picture Games Music + Video Market Place Office
  29. 29. People "人"を軸にソーシャルアクティビティやコンテンツを アグリゲートするコミュニケーションハブ。 Picture  写真や動画の共有。
  30. 30. Game Xbox LIVEゲーム。スポットライトフィード、ゲーマー・ アバターによる交流など、Xboxの世界がWindows Phoneにも広がる。 Music + Video0 Zuneのメディア体験を携帯プラットフォームに統合。 Zune PCソフトウエアで管理する音楽・動画コンテンツ を携帯に転送、オンライン音楽サービスとも連係する。
  31. 31. MarketPlace Windows Phone 7用のアプリケーションやゲームを発 見・入手するオンラインストア。 Office  Office Mobile、OneNote、SharePoint Workspace などに一カ所からアクセス。ドキュメントの閲覧、 編集、共有に加えて、Outlook Mobileが個人情報 管理をサポート。
  32. 32. ちょっと触ってみましょう
  33. 33. 開発者からみる世界観
  34. 34. Panorama & Pivot
  35. 35. Panorama
  36. 36. Pivot
  37. 37. Panorama & Pivot Panorama (コンテンツ集) Pivot Pivot Pivot (データ集) (データ集) (データ集)データ データ データ
  38. 38. Panorama & PivotSeemicがよく出来てる
  39. 39. Panorama
  40. 40. MS「こう使うとかっこいいんだぜ!」 チラ見せ 次のパノラマアイテムだけでなく、背景も続いて見 えるように工夫しましょう。 <controls:Panorama.Background> <ImageBrush ImageSource=“rabbit.jpg"/> </controls:Panorama.Background>
  41. 41. MS「こう使うとかっこいいんだぜ!」  ロゴを付ける パノラマのタイトルにロゴを おいてもいいでしょう。 <controls:Panorama.Title> <StackPanel Orientation="Horizontal"> <Image Source="icon.png"></Image> <TextBlock Text="うさぎ"></TextBlock> </StackPanel> </controls:Panorama.Title>
  42. 42. Pivot
  43. 43. Pivot::Live Labshttp://netflixpivot.cloudapp.net/
  44. 44. PivotMS「データセットの分類して 表示するのに使うといいよ」
  45. 45. PivotMS「あるいはソートして表示 するのに使うのもいいよ」
  46. 46. 実際にデザインしてみる
  47. 47. DEMO
  48. 48. Silverlight for Windows Phone Toolkit デフォルトで入っていないPhone7で使えるコントロール集 CodePlex:: http://silverlight.codeplex.com/
  49. 49. Silverlight for Windows Phone Toolkit DatePicker/TimePicker ContextMenu GestureHelper
  50. 50. DatePicker時間や日付の選択に使うとかっこいいかも!
  51. 51. ContextMenu• Tap & Hold(長押し)で 表示するメニュー• 結構どこが押せるか 分かりにくいので使い どころが重要かも。
  52. 52. GestureHelper• XAMLでジェスチャーも簡 単に扱えます。• 今回はPinchをやってみま す。• エミュレータでは、Multi- Touch Vistaを入れれば、 マウス2つで検証できま す。• http://multitouchvista.co deplex.com/
  53. 53. アイコン集 %ProgramFiles%¥Microsoft SDKs¥Windows Phone¥v7.0¥Icons 開発ツールに入ってる
  54. 54. AppHub
  55. 55. AppHub1. AppHubに登録する  ここで9800円かかる  (学生はDreamSparkを使えます)2. GeoTrustの認証受ける  最近は1週間ぐらい3. 端末をアンロックする
  56. 56. AppHub xapを登録する レポートをみてみる
  57. 57. まとめ スマートフォンの中で唯一ビジュアル的に作れるプラット フォーム(Blend) なので、もしかしたら一番敷居低い? OSの出来もいい! だから余計にWP7の世界観にあったアプリを作る必要がある• 11月あたりに日本から端末がでるかも• まだMarketPlaceには日本向けのアプリが少ない• チャンス!?
  58. 58. まとめ
  59. 59. まとめ UIデザインガイド:  http://blogs.msdn.com/b/shintak/archive/2010/12/10/1010 2734.aspx Windows Phone Design System – Codename Metro.pdf  http://go.microsoft.com/fwlink/?LinkID=189338 Design Templates for Windows Phone 7  http://go.microsoft.com/fwlink/?LinkId=196225 CodeRecipe:  http://msdn.microsoft.com/ja- jp/netframework/ee708289#winphone
  60. 60. まとめ 高橋忍さんのブログ:http://blogs.msdn.com/b/shintak/ 田中達彦さんのブログ:http://blogs.msdn.com/b/ttanaka/ ななふぉ:http://nanapho.jp/ 酢ろぐ:  http://d.hatena.ne.jp/ch3cooh393/ backyard of 伊勢的新常識:  http://d.hatena.ne.jp/iseebi/ tmytのらくがき  http://d.hatena.ne.jp/tmyt/
  61. 61. ご清聴ありがとうございました。
  1. A particular slide catching your eye?

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

×