Windowsストア アプリケーション概要(紹介編)

Windows 8 概要

自己紹介

株式会社システムフレンド

Windows Phone ハンズオン in 広島

EC-CUBE公式エバンジェリスト

眠るシーラカンスと水底のプログラマー

http://coelacanth.heteml.jp/blog/

Agenda

• Windows8概要

• 開発者にとってのWindows8

Windows8概要

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

Windows8概要

Windows8概要

Windows8概要

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

Windows8概要

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

Windows8概要

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

Windows8概要

Windowsストア

• Windowsストアアプリケーションはすべてストアからの配布

• 企業内アプリなどで限定配布可能

• アカウントの一般公開が始まる(市場が開けてきた)

• アプリ数はまだまだ少ない=チャンス！！

Windows 8概要

新しいランタイム(WinRT)

・非同期処理

・OSの機能を呼び出す

・WindowsMetadata

新しいランタイム(WinRT)

新しいランタイム(WinRT)

非同期処理 50ミリ以上実行にかかるAPI呼び出しはすべて非同期へ

async / await の導入

新しいランタイム(WinRT)

OSの機能を呼び出す Windows Phoneでもおなじみ、処理をOSに渡して結果を受け取る

アプリケーションコード

アプリケーションコード

カメラから動画を撮影する処理はOSが制御

カメラをデバイスを起動

撮影結果の動画ファイルを受け取る

新しいランタイム(WinRT)

WindowsMetadata JavaScript+HTMLでもC#+XAMLでもアプリケーションを作成できる

中間言語的な存在、翻訳機

開発を始めるには

開発を始めるには

必要なもの

• Windows 8

• VisualStudio 2012

• Blend for VisualStudio

• ストアのアカウント

開発を始めるには

Windows 8

Windows ストアアプリケーションの開発が可能なOSはWindows 8のみです

開発を始めるには

Windows 8

Download Windows 8 Enterprise Evaluation

http://technet.microsoft.com/ja-JP/evalcenter/hh699156.aspx?ocid=wc-mscom-ent

90日間利用可能なWindows 8 Enterprise を利用する

(MSDN、TechNet会員はその他エディションもDL可能)

開発を始めるには

VisualStudio 2012

無償のExpressを利用するか

上位のエディションの90日体験版を利用する

開発を始めるには

VisualStudio 2012

Expressも使いやすくなった

エクスプローラーから右クリックでフォルダーを開けるように

TeamFoundationServerに接続可能に

(アドオンのインストール不能、テンプレートの作成不能)

開発を始めるには

Blend for VisualStudio

VisualStudioとあわせてインストールされるようになった

Expressエディションでも同様

開発を始めるには

Windows ストア

アプリケーションを提出するためにはストアのアカウントが必要

Application Excellation Lab

もうすぐ公開の一般アカウントを購入

デザイン

デザイン

• 画面数

• Charm、AppBarを利用する

• テンプレートを利用する

• タイポグラフィー

• パン時の注意点

デザイン

• 画面数 • Windowsストアアプリケーションは用意しなければいけない画面数が多くなる

縦持ち・横持ち、スナップ、セマンティックズーム、プライバシーポリシー

お問い合わせ・・・

デザイン

Charmを利用する

画面内に検索フォームを設けない=チャームの検索を利用する

画面にボタンを多用しない=AppBarに機能を付ける

一般

ミニベロ

ロード

電動アシスト

ピスト

パーツ

クロス

ウェア

MTB

アクセサリー

デザイン

テンプレートを利用する

プロジェクト作成時に選べる

「グリッドアプリケーション」「分割アプリケーション」から作り始めると、

デザインの作法に則っているので楽できる

注目：GridViewの使い方、RitchTextBlockの使い方

デザイン

タイポグラフィー

Windowsストアアプリケーションは文字のジャンプ率が高いのと余白の使い方が特徴

タイポグラフィーにも指標がある

Metro スタイル アプリの設計ガイド

http://msdn.microsoft.com/ja-jp/library/windows/apps/hh770552.aspx

デザイン

デザイン

デザイン

パン時の注意

画面内に横スクロールと縦スクロールが混在してはいけない

Contoso Travel

開発テンプレート

テンプレート

とりあえず触ってみるには

MSが公開している開発用テンプレートを利用するのが便利

http://msdn.microsoft.com/ja-jp/jj556277.aspx

テンプレート

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

開発支援

• Windows 8 オンライン スタンプ ラリー

http://msdn.microsoft.com/ja-jp/jj554833

DreamSpark

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

Windows Phone ハンズオン in 広島

http://www.facebook.com/groups/273162962715808/

WebTouchMeeting

http://www.webtouchmeeting.com/

毎月勉強会をやっている広島で最大規模のコミュニティ

実は今日も開催されまして、デザイナーさん向けのWindows8セッションをやります。

(時間があったらチラ見せ)

これから始まるWindowds8

Windows8発売まであと一か月とわずか、

まだまだストアにはアプリケーションが少ない今、早期に着手して名を挙げるチャンス！！

広島のコミュニティではそんな開発者を応援しますので、ぜひチャンスを手にしてください。

今回の話は概要編です

デザイン編はこの後WTMで！！

システム編はWindowsPhoneハンズオンで！！

おまけ

Android機種が多いらしいね

＝Windows phone日本では一機種ですよ！！

Android開発楽しいそうですね

Windows Phone、Windows 8開発楽しいですよ

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