わんくま大阪0402プレゼン資料＠みつば

1. Silverlight Reflection! @mitsuba_tan Windows Phone7の世界観

2. H.N.：蜜葉 優。 本名：泉本優輝 Twitter：@mitsuba_tan Facebook：泉本優輝 Silverlight歴：３年ちょっと Blog: 蜜葉の日記 http://d.hatena.ne.jp/c-mitsuba/ Community Profile

3. C#書けない子！ Profile

4. WP7App

6. 650円

7. WP7の開発記事執筆

8. 環境構築とHello WP7

9. 評判が良かったら回数がUP!

11. Phone7ってなに？

12. どうやって開発するの？

13. WindowsPhone7の世界観

14. Metro

15. Live Tile

17. 使い方

18. ポイント

19. Pivot

20. 使い方

22. Purpose 人柱増加計画！

24. WindowsPhoneってなに？

25. WindowsPhoneってなに？ Microsoftが発表したスマートフォン http://www.windowsphone7.com/ UIやハードウェア仕様はMSが確定 Officeも使えます メーカーは決まったUIの上で独自性を出す ARMプロセッサ ３Dサクサク！ ぬるぬる！

26. ハードウェア仕様 800x480 QVGA/ 480x320 HVGA （HVGA対応はあとから） 静電式パネル 4ポイント以上のタッチポイント A-GPS, コンパス、加速度センサー、照度センサー、近接センサー 500万画素以上のカメラ＋フラッシュ＋カメラボタン 標準のコーデック(メディア） 256MB RAM＋8GB フラッシュ ROM DX9 対応の GPU CPUは ARMv7 Cortex/Scorpion 以上 3つの ハードウェアボタン（Start, Search, Back)

27. 端末 14

28. Nokia Launch Pad Nokia Launchpad members to get free phones 年間300ユーロ 初年 無料らしい 15

29. 開発するには

30. WindowsPhoneDeveloperTools

31. Expression Blend for Windows phone ずっとただで使える 唯一のBlend！

32. Install Phone SDK ＋ Blend SP1 J＝ Phone Tools(Blend SP1 En+ Phone SDK) –Blend SP1 En + Blend J + Blend SP1 J やけに面倒な算数ですねっ！

33. January Update ・コピー＆ペースト （TextBox,PasswordBox,WebBrowser) ・Windows Phone Connect Tool

34. January Update １．WindowsPhoneDeveloperResources_ en-US_Patch1.msp ２． VS10-KB2486994-x86.exe http://create.msdn.com/en-us/news/Windows_Phone_Developer_Tools_January_2011_Update

35. テンプレートを表示する 1.VS インストールフォルダommon7DErojectTemplatesSharpilverlight for Windows Phone を開く 2.“1041” という名前のフォルダを作成し “1033” に存在している zip ファイルを全てコピーする

36. 3.VS インストールフォルダommon7DEtemTemplatesSharpilverlight for Windows Phone を開く 4.“1041” という名前のフォルダを作成し “1033” に存在している zip ファイルを全てコピーする 5.コマンドラ・ンで Visual Studio のインストールフォルダへ移動し、 次のコマンドを実行 devenv/ setup

37. WindowsPhone7の世界観

38. CodeName:Metro 世界共通のデザイン 目的まで最短/最適経路を示す 地下鉄の路線図 色分け 記号化 番号付け

39. CodeName:Metro

40. UI:Live Tiles Tiles 影などのない正方形、もしくは長方形のボタンが並んでいる それぞれのタイルかアプリやWebサービスと連携している Live 最新のアップデート情報を常に表示

41. UI:Live Tiles このLive Tilesを眺めるだけで情報把握ができる ライブタイルの色などのカスタマイズが可能 ソフトウェアメーカーが自由に付け足し可能（独自性）

42. Hub People: Picture Games Music + Video Market Place Office

44. 開発者からみる世界観

45. Panorama & Pivot

46. Panorama

47. Pivot

48. Panorama & Pivot Panorama (コンテンツ集） Pivot （データ集） Pivot （データ集） Pivot （データ集） データ データ データ

49. Panorama & Pivot Seemicがよく出来てる

50. Panorama

51. MS「こう使うとかっこいいんだぜ！」 チラ見せ 次のパノラマアイテムだけでなく、背景も続いて見えるように工夫しましょう。 <controls:Panorama.Background> <ImageBrushImageSource=“rabbit.jpg"/> </controls:Panorama.Background>

53. Pivot

54. Pivot::Live Labs http://netflixpivot.cloudapp.net/

55. Pivot MS「データセットの分類して 表示するのに使うといいよ」

56. Pivot MS「あるいはソートして表示 するのに使うのもいいよ」

57. 実際にデザインしてみる

58. DEMO

61. ContextMenu

64. 今回はPinchをやってみます。

65. エミュレータでは、Multi-Touch Vistaを入れれば、マウス２つで検証できます。

70. AppHub xapを登録する レポートをみてみる

72. まだMarketPlaceには日本向けのアプリが少ない

74. まとめ UIデザインガイド: http://blogs.msdn.com/b/shintak/archive/2010/12/10/10102734.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

75. まとめ 高橋忍さんのブログ：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/

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