2014/09/24 Microsoft MVP ComCamp – Webcast 1st round. 発表資料

1. Microsoft MVP ComCamp–Webcast 1stround.
Universal Appとは？ -デバイスに依存しないアプリケーション開発-

3. Today’s goal
今後の展望
背景
トレンド
開発方法

4. Name
鈴木孝明
Twitter Account
@xin9le
Award
Microsoft MVP for Visual C#
Web Site
http://xin9le.net
About Me

5. デバイス非依存なアプリケーションの必要性
背景

6. 様々なデバイスの登場
多様な
画面サイズ
Phone
Tablet
PC

7. 加速するIoT(Internet of Things)
モノと
ネットの
融合
さらに
広がるIT

9. Apple Watch

10. Google Glass

11. 別端末でも同一のサービスを提供
モバイルと
ビジネスの
融合
既存
サービスの
活用

12. 注目されるBYOD (個人端末活用)
個人所有の
デバイスは
バラバラ
企業側の
コスト削減
2台持ち不要
効率的な
業務の遂行

13. モバイル開発のアプローチ
リッチな体験
Cross-platform apps
Universal Windows apps
Browser-based apps

14. クロスプラットフォームなモバイルアプリケーション開発

15. 対象プラットフォーム
iOS / Android / Mac
Xamarinの中身
ネイティブAPIのC#ラッパー+ 基本クラスライブラリ(BCL)群
上記プラットフォームで動作する.NET環境
Xamarinとは

16. 開発プラットフォーム
Native UI
C# + AXML
Native UI
C# + XAML
Native UI
C# + XIB
コード共有
統合された
開発環境

17. ネイティブAPI カバー率100%
Xamarin.iOS
Xamarin.Android

18. Xamarin.Android
Xamarin.iOS
アプリのビルド

19. Xamarin.Forms
ネイティブ
実行
ひとつの
C#コード
主要な3つの
Mobile
Platform
40以上の
コントロール

20. Xamarin.Formsのコード例
http://xamarin.com/forms

21. 製品
グレード
価格(1ユーザー/年)
Xamarin.Android
Business
¥127,800
Enterprise
¥243,000
Xamarin.iOS
Business
¥127,800
Enterprise
¥243,000
Xamarin.Mac
Business
¥127,800
Enterprise
¥243,000
価格
http://www.xlsoft.com/jp/products/xamarin/price.html

22. オンライン講座
http://xamarin.com/university
製品ダウンロード
http://xamarin.com/download
さあ、Xamariましょう

23. Windowsデバイスにおけるプラットフォームを超えたアプリケーション構築
UnivarsalWindows App

24. 各社のモバイル展開アプローチ

25. 対象プラットフォーム
Windowsストアアプリ/ Windows Phone / Xbox One※
コード共有による開発生産性を提供
ロジックやコントロール、アセット等を共有
デバイスごとに発生していた開発/保守コストを削減
Universal Windows Appとは
※ 将来的にできるようになる予定だが、対応時期などは未発表

26. Shared Project
3つの
プロジェクト
構成
デバイス用
からSharedを 参照
Xamarinでも
利用可能

27. プログラミングモデル

28. Windows 9で
RT / Phoneが統合される予定

29. Web技術をベースにしたハイブリッド型のモバイルアプリ開発

30. 対象プラットフォーム
iOS / Android / Windows Phone
Web技術を利用
各デバイスのブラウザで描画
ネイティブAPIのJavaScriptラッパー
Apache Cordovaとは
HTML | CSS
JavaScript | TypeScript

31. プログラミングモデル

32. プラットフォームを超えたコードの再利用
再利用性の追求

33. Portable Class Library
Windows Phone
Windows Store Apps
.NET Framework
複数環境で
コード共有
Xamarin
Silverlight
Xbox
なども可

34. MVVM (Model -View -ViewModel)
View
ViewModel
Model
Data Binding
Commands
Notifications
UI / UI Logic
Presentaion
Logic
Business
Logic
デバイス固有
再利用可能なコード
(PCL or Shared Project)

35. 多様化する画面解像度への柔軟な対応
画面レイアウト

36. 様々な画面解像度
4096×2160
2560 ×1600
1920 ×1080
1024 ×768

37. 画面の向き
Portrait
Landscape
レイアウト
変更による
UI最適化

38. 絶対配置
位置や大きさが要素に直接指定されて決まる
リサイズはイベントをフックして自前で位置と大きさを再計算
相対配置
周りの要素とそれらの関係で位置や大きさが決まる
リサイズはフレームワークによる自動制御
絶対配置と相対配置

39. モダンUIは相対配置が基本
Web
Windows
iOS
Android
XAML
Auto Layout
Layout
CSS 3

40. Mobile First / Cloud First 時代のトレンドをおさらい
まとめ

41. これだけは押さえよう
相対配置
Xamarin
Universal
Windows
App
Apache
Cordova
開発生産性
を追求
MVVM
多様な
デバイスを
受け入れる
Portable
Class Library

42. Enjoy Universal App!!
Thank you

43. For your happy developer life.
Microsoft MVP ComCamp