Contenu connexe Similaire à Devsumi 17 d-2 Similaire à Devsumi 17 d-2 (20) Plus de Daizen Ikehara (20) Devsumi 17 d-22. 自己紹介
池原 大然(Neri)
ンフラジステゖックス・ジャパン
INETA 登録スピーカー
TwitterID: @Neri78
Blog
http://blogs.jp.infragistics.com/
blogs/dikehara/default.aspx
Developers Summit 2011
6. 本日お話しさせて頂くこと
Windows Phone 7
ゕプリケーション開発について
PC vs モバル その違い
Windows Phone 7 に見る
モバルならではの UI・UX
ンフラジステゖックスの
取り組み
Developers Summit 2011
7. Twitter 実況中!!
ポント
各種リンクは
@IGJP
にて随時実況します!
Developers Summit 2011
9. 注意点
日本では Windows Phone 7 は
キャリゕから販売されて
いません
開発ツールは英語版を
一部使用しているので
日本語版がリリースされた際に
表記が変わる可能性があります
Developers Summit 2011
12. Windows Phone Developer Tools
無料の開発環境
Visual Studio 2010 Express
for Windows Phone
Windows Phone Emulator Resources
Silverlight 4 Tools For Visual Studio
XNA Game Studio 4.0
Microsoft Expression Blend
for Windows Phone
ただし、英語版
Developers Summit 2011
13. 使用できるフレームワーク
Silverlight for Windows Phone XNA Game Studio 4.0
業務ゕプリケーション、 高いパフォーマンスを
ツール 要求されるゲーム
パフォーマンスが C# のみサポート
要求されないゲーム
Silverlight 3 + α
4 の機能を一部
C#/VB
VB は制限あり
Developers Summit 2011
14. 日本語リソース
Windows Phone デベロッパー センター
http://msdn.microsoft.com/ja-jp/windowsphone/
コード サンプル
トレーニング キット
開発者ガイド
Windows Phone 7 向け
UI デザイン/操作ガイド
(必読)
Developers Summit 2011
16. Metro テーマ
G M H T
C Y Z N F
地下鉄の色分けのようにすっきり
とした色合いを演出
Developers Summit 2011
20. 最適な大きさとは?
タッチ対象のサズ
9 mm 以上
見た目のサズ
60 ~ 100 %
7 mm~
タッチ対象の間隔
少なくとも
2 mm のスペース
ボタン ボタン
7mm 2mm 7mm
Developers Summit 2011
22. 入力の解釈の違い
マウス 入力
• MouseDown
• MouseUp
• MouseMove
などなど
• 指(タッチ)からの入力
ジェスチャーが存在する
• タップ
• ダブルタップ
• パン
• フリック
• タッチ ゕンド ホールド
• 縮小と拡大
などなど
Developers Summit 2011
25. サポートされている
ジェスチャー
タップ 素早く 1 度タッチ
ダブルタップ 素早く 2 度タッチ
パン 指を下ろした後に移動
指を下ろした後に素早く移動し、
フリック 離す
指を下ろし決められた時間
タッチ ゕンド ホールド そのままにする
2 本の指を下ろし近づける、
縮小と拡大 もしくは離す
Developers Summit 2011
26. Silverlight での
ジェスチャー処理
通常は Mouse, Manipulation 関連の
ベントを使用しジェスチャーを判定
非常にめんどくさい
Silverlight Toolkit for Windows Phone
ではジェスチャー利用のための
GestureService が実装されている
http://silverlight.codeplex.com/
Developers Summit 2011
28. GestureService
<phone:PhoneApplicationPage
xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;
assembly=Microsoft.Phone.Controls.Toolkit“
>
<Image Source="DaizenIkehara.jpg" >
<toolkit:GestureService.GestureListener>
<toolkit:GestureListener
Flick=“GestureListener_DoubleTap”/>
</toolkit:GestureService.GestureListener>
</Image>
</phone:PhoneApplicationPage>
private void GestureListener_DoubleTap(object sender, GestureEventArgs e)
{
MessageBox.Show("DoubleTap");
}
Developers Summit 2011
33. 他の UX パターンを検索するには
UI/UX パターン ラブラリー
http://jp.quince.infragistics.com
パターンの名前
パターンが解決する問題
背景
実装方法
Developers Summit 2011
35. モバイル対応
NetAdvantage
モバル向け製品を開発中
Windows Phone 7 対応
Silverlight コントロール
iPhone & Android 向け
モバル UI コントロール
http://jp.infragistics.com/whats-hot/roadmap/new_products.aspx
2011 年発売予定!!
Developers Summit 2011
36. NetAdvantage for Mobile
NetAdvantage for Silverlightを
試験的に WP7 環境で実験
http://jp.infragistics.com/innovations/mobile-app-igfinance.aspx
Developers Summit 2011
38. まとめ
モバル対応ゕプリケーション
における新たな UI・UX の設計
の必要性
プラットフォームでサポート
されている機能を十二分に活用
新たなパターンの誕生と可能性
Developers Summit 2011
39. Next Action!
WPDT 導入で開発環境の構築
Silverlight についても併せて
学習を!
Windows Phone 7 向け
UI デザン/操作ガドに
慣れ親しむ
継続的にパターンを検索!
Developers Summit 2011
40. リソース(1)
AppHub
http://create.msdn.com/ja-JP/
Windows Phone デベロッパー センター
http://msdn.microsoft.com/ja-jp/windowsphone/
Windows Phone 7 Developer Tools RTW (英語) (ISO も取得可能)
http://bit.ly/8YxX8H
Windows Phone Developer Tools January 2011 Update (英語)
http://bit.ly/aOWxRr
CodeRecipe – Windows Phone 7 サンプルコード
http://msdn.microsoft.com/ja-jp/netframework/ee708289#winphone
MSDN – 高橋 忍のブログ
http://blogs.msdn.com/b/shintak/
MSDN – 田中達彦のブログ
http://blogs.msdn.com/b/ttanaka/
Developers Summit 2011
43. XAML トレーニング
WPFブートキャンプ
XAML・Expression Blendを 徹底的に学習
NA for WPFによる実践開発
NetAdvantageを使ったWPF開発応用編
Silverlightブートキャンプ
XAML・Expression Blendを 徹底的に学習
NA for ASP.NETによる実践開発
NetAdvantageを使ったASP.NET開発応用編
Developers Summit 2011