2012年9月に近畿大学広島での勉強会スライドです。

1. Windows 8 概要

2. 自己紹介
株式会社システムフレンド
Windows Phone ハンズオン in 広島
EC-CUBE公式エバンジェリスト
眠るシーラカンスと水底のプログラマー
http://coelacanth.heteml.jp/blog/

3. Agenda
• Windows8概要
• 開発者にとってのWindows8

4. Windows8概要
・マウス+キーボード用のUI(クラシックデスクトップ)
・タッチ操作用のUI(スタート画面)
・10月26日発売

5. Windows8概要

6. Windows8概要

7. Windows8概要
Windows 8 = ノートPCにもタブレットにもなる
デスクトップPCにもタブレットにもなる
iOS,Android = デスクトップとタブレットのOSは別
デスクトップ、ノートPCの雄らしい展開

8. Windows8概要
・電源オンオフ/アプリの終了
・アプリの切り替え
・Charm
・検索コントラクト
・IE10
・タイル

9. Windows8概要
勝手に注目機能
・Windowsストアアプリ
タッチUI用のアプリケーションとそのマーケット
・Windows To Go
USBでWindows8が持ち歩ける
Boot先がWindows7でもOK
USB3+SSDだとすごいらしい
・ARM対応

10. Windows8概要
Windowsストア
• Windowsストアアプリケーションはすべてストアからの配布
• 企業内アプリなどで限定配布可能
• アカウントの一般公開が始まる(市場が開けてきた)
• アプリ数はまだまだ少ない=チャンス！！

11. Windows 8概要
新しいランタイム(WinRT)
・非同期処理
・OSの機能を呼び出す
・WindowsMetadata

12. 新しいランタイム(WinRT)

13. 新しいランタイム(WinRT)
非同期処理
50ミリ以上実行にかかるAPI呼び出しはすべて非同期へ
async / await の導入

14. 新しいランタイム(WinRT)
OSの機能を呼び出す
Windows Phoneでもおなじみ、処理をOSに渡して結果を受け取る
アプリケーションコード
カメラをデバイスを起動
カメラから動画を撮影する処理
はOSが制御
アプリケーションコード
撮影結果の動画ファイルを受け取る

15. 新しいランタイム(WinRT)
WindowsMetadata
JavaScript+HTMLでもC#+XAMLでもアプリケーションを作成できる
中間言語的な存在、翻訳機

16. 開発を始めるには

17. 開発を始めるには
必要なもの
• Windows 8
• VisualStudio 2012
• Blend for VisualStudio
• ストアのアカウント

18. 開発を始めるには
Windows 8
Windows ストアアプリケーションの開発が可能なOSはWindows 8
のみです

19. 開発を始めるには
Windows 8
90日間利用可能なWindows 8 Enterprise を利用する
(MSDN、TechNet会員はその他エディションもDL可能)
Download Windows 8 Enterprise Evaluation
http://technet.microsoft.com/ja-
JP/evalcenter/hh699156.aspx?ocid=wc-mscom-ent

20. 開発を始めるには
VisualStudio 2012
無償のExpressを利用するか
上位のエディションの90日体験版を利用する

21. 開発を始めるには
VisualStudio 2012
Expressも使いやすくなった
エクスプローラーから右クリックでフォルダーを開けるように
TeamFoundationServerに接続可能に
(アドオンのインストール不能、テンプレートの作成不能)

22. 開発を始めるには
Blend for VisualStudio
VisualStudioとあわせてインストールされるようになった
Expressエディションでも同様

23. 開発を始めるには
Windows ストア
アプリケーションを提出するためにはストアのアカウントが必要
Application Excellation Lab
もうすぐ公開の一般アカウントを購入

24. デザイン

25. デザイン
• 画面数
• Charm、AppBarを利用する
• テンプレートを利用する
• タイポグラフィー
• パン時の注意点

26. デザイン
• 画面数
• Windowsストアアプリケーションは用意しなければいけない画面数が
多くなる
縦持ち・横持ち、スナップ、セマンティックズーム、プライバシーポリシー
お問い合わせ・・・

27. デザイン
Charmを利用する
画面内に検索フォームを設けない=チャームの検索を利用する
画面にボタンを多用しない=AppBarに機能を付ける

28. 一般 ロード ピスト クロス MTB
ミニベロ 電動アシスト パーツ ウェア アクセサリー

29. デザイン
テンプレートを利用する
プロジェクト作成時に選べる
「グリッドアプリケーション」「分割アプリケーション」から作り始めると、
デザインの作法に則っているので楽できる
注目：GridViewの使い方、RitchTextBlockの使い方

30. デザイン
タイポグラフィー
Windowsストアアプリケーションは文字のジャンプ率が高いのと余白の使い方
が特徴
タイポグラフィーにも指標がある
Metro スタイル アプリの設計ガイド
http://msdn.microsoft.com/ja-jp/library/windows/apps/hh770552.aspx

31. デザイン

32. デザイン

33. デザイン
パン時の注意
画面内に横スクロールと縦スクロールが混在してはいけない
Contoso Travel

34. 開発テンプレート

35. テンプレート
とりあえず触ってみるには
MSが公開している開発用テンプレートを利用するのが便利
http://msdn.microsoft.com/ja-jp/jj556277.aspx

36. テンプレート
テンプレート→VisualC#(Windows ストアじゃないことに注意)

37. 開発支援

38. • Windows 8 オンライン スタンプ ラリー
http://msdn.microsoft.com/ja-jp/jj554833

39. DreamSpark
http://msdn.microsoft.com/ja-
jp/academic/hh455217.aspx

40. Windows Phone ハンズオン in 広島
http://www.facebook.com/group
s/273162962715808/

41. WebTouchMeeting
http://www.webtouchmeeting.co
m/
毎月勉強会をやっている広島で最大規模のコミュニティ
実は今日も開催されまして、デザイナーさん向けのWindows8セッションをやります。
(時間があったらチラ見せ)

42. これから始まるWindowds8
Windows8発売まであと一か月とわずか、
まだまだストアにはアプリケーションが少ない今、早期に着手して名を挙げるチャ
ンス！！
広島のコミュニティではそんな開発者を応援しますので、ぜひチャンスを手にしてく
ださい。
今回の話は概要編です
デザイン編はこの後WTMで！！
システム編はWindowsPhoneハンズオンで！！

43. おまけ
Android機種が多いらしいね
＝Windows phone日本では一機種ですよ！！
Android開発楽しいそうですね
Windows Phone、Windows 8開発楽しいですよ

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