Wankuma0402
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Wankuma0402

  • 817 views
Uploaded on

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

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

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
817
On Slideshare
817
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
1
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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