おばかアプリ勉強会資料 マイクロソフト

26
http://blogs.msdn.com/masaki/

Upload: atmarkit

Post on 07-Jul-2015

2.719 views

Category:

Technology


6 download

TRANSCRIPT

Page 1: おばかアプリ勉強会資料 マイクロソフト

http://blogs.msdn.com/masaki/

Page 2: おばかアプリ勉強会資料 マイクロソフト

ユーザーにとって表現力は大事

実は簡単に表現力を高めることができる

使いやすいアプリケーションには使う側の体験を意識することが重要

Page 3: おばかアプリ勉強会資料 マイクロソフト

1. ユーザー エクスペリエンスってなに?

2. 実は簡単!アプリケーション開発1. デザイン (=資産) を活用しよう

2. 様々な新機能と組み合わせてみよう

3. ちょっとした味付けをしてみよう

Page 4: おばかアプリ勉強会資料 マイクロソフト

コンピューターでよくあるカタカナ語なども悪い例

わからない、自分で学べない、使えない

情報が見つからない、ヘルプが役に立たない

テレビのように簡単になればいいのに…

みなさん、そろそろ意識してみません?

Page 5: おばかアプリ勉強会資料 マイクロソフト

パソコンもテレビのように使えたら…テレビの操作を真似てみる

PC にしかない機能を使ってみる例) タッチで選局、スライドさせて機能を選択

ゲームや携帯電話の話ではありません直感的な操作

手間も減るし、覚えるのが簡単

やりたいことがパッと見でわかるマニュアルいらず、サポートの電話も減る

Page 6: おばかアプリ勉強会資料 マイクロソフト

言っていられない使い勝手は今や大きな差別化要素

プログラマーのみなさま使いやすいアプリケーションになってます?

デザイナーのみなさまぜひ、そのデザインを力に変えてください!

ユーザーの体験を意識して作るわかりやすいデザイン × アプリケーション

Page 7: おばかアプリ勉強会資料 マイクロソフト

今日は、おばかアプリ作りの「まじめ」な話をする日でしたね

Page 8: おばかアプリ勉強会資料 マイクロソフト
Page 9: おばかアプリ勉強会資料 マイクロソフト

知っていましたか?既存の資産 (Illustrator, Photoshop形式) はWindows アプリケーションで使えます

Expression 3 で手軽にインポート♪XAML形式に変換してアプリケーションに

Adobe Illustrator, Adobe Photoshop は Adobe Systems Incorporated の登録商標です

Page 10: おばかアプリ勉強会資料 マイクロソフト

DEMO

Page 11: おばかアプリ勉強会資料 マイクロソフト
Page 12: おばかアプリ勉強会資料 マイクロソフト
Page 13: おばかアプリ勉強会資料 マイクロソフト
Page 14: おばかアプリ勉強会資料 マイクロソフト

DEMO

Page 15: おばかアプリ勉強会資料 マイクロソフト

<!-- XAML側 --><Canvas Name="layer1" Background="Transparent"><Path Canvas.Left="0" Canvas.Top="23.4791" …

// スライダー側void slider1_ValueChanged(object sender,RoutedPropertyChangedEventArgs<double> e)

{var m = new Matrix();// おじさんレイヤーの中心でスライド分回すm.RotateAt(e.NewValue,

layer1.ActualWidth / 2.0,layer1.ActualHeight / 2.0);

layer1.RenderTransform = new MatrixTransform(m);}

Page 16: おばかアプリ勉強会資料 マイクロソフト

…業務アプリケーションでは回す必要はありませんよ

Page 17: おばかアプリ勉強会資料 マイクロソフト

加速度センサーとの組み合わせ

Page 18: おばかアプリ勉強会資料 マイクロソフト

マルチタッチ複数の指で「操作」したり、指を使って筆書きしてみたり

センサー加速度、温度、脳波、びんぼうゆすりを利用

ロケーション位置情報を取得して、お天気を取得

新しいアプリケーションの世界http://msdn.microsoft.com/ja-jp/windows/ff423757.aspx

Page 19: おばかアプリ勉強会資料 マイクロソフト

DEMO

Page 20: おばかアプリ勉強会資料 マイクロソフト

最初の真面目な話はなんだったの?

Page 21: おばかアプリ勉強会資料 マイクロソフト

フライパンで炒め物でもしてみますか

Page 22: おばかアプリ勉強会資料 マイクロソフト

DEMO

Page 24: おばかアプリ勉強会資料 マイクロソフト

Windows 7 の新機能を用いてユーザー エクスペリエンスの向上が可能

開発者もクリエイターのみなさんも、この機会に挑戦してみてください

Page 25: おばかアプリ勉強会資料 マイクロソフト

Expression Studio 3 体験版http://www.microsoft.com/japan/products/expression/

Visual Studio 2010 (日本語版 beta2)http://www.microsoft.com/downloads/details.aspx?FamilyID=dc333ac8-596d-41e3-ba6c-84264e761b81&displaylang=ja

Visual Studio 2010 Express Editionhttp://www.microsoft.com/express/

Windows 7 の機能を学習するhttp://msdn.microsoft.com/ja-jp/windows/aa904962.aspx

Windows 7 逆引きサンプルコード一覧http://msdn.microsoft.com/ja-jp/windows/ff402519.aspx

Page 26: おばかアプリ勉強会資料 マイクロソフト

© 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.

The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market

conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT

MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.