SlideShare a Scribd company logo
Microsoft MVP ComCamp–Webcast 1stround. 
Universal Appとは? -デバイスに依存しないアプリケーション開発-
Universal Appとは? -デバイスに依存しないアプリケーション開発-
Today’s goal 
今後の展望 
背景 
トレンド 
開発方法
Name 
鈴木孝明 
Twitter Account 
@xin9le 
Award 
Microsoft MVP for Visual C# 
Web Site 
http://xin9le.net 
About Me
デバイス非依存なアプリケーションの必要性 
背景
様々なデバイスの登場 
多様な 
画面サイズ 
Phone 
Tablet 
PC
加速するIoT(Internet of Things) 
モノと 
ネットの 
融合 
さらに 
広がるIT
Universal Appとは? -デバイスに依存しないアプリケーション開発-
Apple Watch
Google Glass
別端末でも同一のサービスを提供 
モバイルと 
ビジネスの 
融合 
既存 
サービスの 
活用
注目されるBYOD (個人端末活用) 
個人所有の 
デバイスは 
バラバラ 
企業側の 
コスト削減 
2台持ち不要 
効率的な 
業務の遂行
モバイル開発のアプローチ 
リッチな体験 
Cross-platform apps 
Universal Windows apps 
Browser-based apps
クロスプラットフォームなモバイルアプリケーション開発
対象プラットフォーム 
iOS / Android / Mac 
Xamarinの中身 
ネイティブAPIのC#ラッパー+ 基本クラスライブラリ(BCL)群 
上記プラットフォームで動作する.NET環境 
Xamarinとは
開発プラットフォーム 
Native UI 
C# + AXML 
Native UI 
C# + XAML 
Native UI 
C# + XIB 
コード共有 
統合された 
開発環境
ネイティブAPI カバー率100% 
Xamarin.iOS 
Xamarin.Android
Xamarin.Android 
Xamarin.iOS 
アプリのビルド
Xamarin.Forms 
ネイティブ 
実行 
ひとつの 
C#コード 
主要な3つの 
Mobile 
Platform 
40以上の 
コントロール
Xamarin.Formsのコード例 
http://xamarin.com/forms
製品 
グレード 
価格(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
オンライン講座 
http://xamarin.com/university 
製品ダウンロード 
http://xamarin.com/download 
さあ、Xamariましょう
Windowsデバイスにおけるプラットフォームを超えたアプリケーション構築 
UnivarsalWindows App
各社のモバイル展開アプローチ
対象プラットフォーム 
Windowsストアアプリ/ Windows Phone / Xbox One※ 
コード共有による開発生産性を提供 
ロジックやコントロール、アセット等を共有 
デバイスごとに発生していた開発/保守コストを削減 
Universal Windows Appとは 
※ 将来的にできるようになる予定だが、対応時期などは未発表
Shared Project 
3つの 
プロジェクト 
構成 
デバイス用 
からSharedを 参照 
Xamarinでも 
利用可能
プログラミングモデル
Windows 9で 
RT / Phoneが統合される予定
Web技術をベースにしたハイブリッド型のモバイルアプリ開発
対象プラットフォーム 
iOS / Android / Windows Phone 
Web技術を利用 
各デバイスのブラウザで描画 
ネイティブAPIのJavaScriptラッパー 
Apache Cordovaとは 
HTML | CSS 
JavaScript | TypeScript
プログラミングモデル
プラットフォームを超えたコードの再利用 
再利用性の追求
Portable Class Library 
Windows Phone 
Windows Store Apps 
.NET Framework 
複数環境で 
コード共有 
Xamarin 
Silverlight 
Xbox 
なども可
MVVM (Model -View -ViewModel) 
View 
ViewModel 
Model 
Data Binding 
Commands 
Notifications 
UI / UI Logic 
Presentaion 
Logic 
Business 
Logic 
デバイス固有 
再利用可能なコード 
(PCL or Shared Project)
多様化する画面解像度への柔軟な対応 
画面レイアウト
様々な画面解像度 
4096×2160 
2560 ×1600 
1920 ×1080 
1024 ×768
画面の向き 
Portrait 
Landscape 
レイアウト 
変更による 
UI最適化
絶対配置 
位置や大きさが要素に直接指定されて決まる 
リサイズはイベントをフックして自前で位置と大きさを再計算 
相対配置 
周りの要素とそれらの関係で位置や大きさが決まる 
リサイズはフレームワークによる自動制御 
絶対配置と相対配置
モダンUIは相対配置が基本 
Web 
Windows 
iOS 
Android 
XAML 
Auto Layout 
Layout 
CSS 3
Mobile First / Cloud First 時代のトレンドをおさらい 
まとめ
これだけは押さえよう 
相対配置 
Xamarin 
Universal 
Windows 
App 
Apache 
Cordova 
開発生産性 
を追求 
MVVM 
多様な 
デバイスを 
受け入れる 
Portable 
Class Library
Enjoy Universal App!! 
Thank you
For your happy developer life. 
Microsoft MVP ComCamp

More Related Content

PDF
Friendly
Takaaki Suzuki
 
PDF
WPF Interoperability
Takaaki Suzuki
 
PDF
Computer Vision と Translator Text API 使ってみた
Yoshito Tabuchi
 
PDF
モバイル向けクロスプラットフォーム開発ツール Xamarin の概要とその利点
Yoshito Tabuchi
 
PDF
Xamarin 概要~Windows Embedded の業務用端末から Android へのシームレスな移行~
Yoshito Tabuchi
 
PDF
Xamarin から使う Azure
Yoshito Tabuchi
 
PDF
20171202 Xamarinの歩き方
Yoshito Tabuchi
 
PPTX
私とXamarinと。
Takkiiii
 
Friendly
Takaaki Suzuki
 
WPF Interoperability
Takaaki Suzuki
 
Computer Vision と Translator Text API 使ってみた
Yoshito Tabuchi
 
モバイル向けクロスプラットフォーム開発ツール Xamarin の概要とその利点
Yoshito Tabuchi
 
Xamarin 概要~Windows Embedded の業務用端末から Android へのシームレスな移行~
Yoshito Tabuchi
 
Xamarin から使う Azure
Yoshito Tabuchi
 
20171202 Xamarinの歩き方
Yoshito Tabuchi
 
私とXamarinと。
Takkiiii
 

What's hot (20)

PDF
BoxViewの美味しい食べ方
Shinichi Hirauchi
 
PDF
NET Standard と Xamarin
Yoshito Tabuchi
 
PDF
Xamarin概要+最新情報
Yoshito Tabuchi
 
PDF
Visual Studio + xamarin で始めるモバイル アプリ開発
インフラジスティックス・ジャパン株式会社
 
PPTX
C++からC#まで Visual Studio 縛り (で死ぬ実験)
Takashi Kawasaki
 
PPTX
ソフト屋が挑戦した電子工作 〜力ずくの10か月〜
Shinichi Hirauchi
 
PDF
続Xamarinはじめました
Yuya Yamaki
 
PDF
Xamarin.Forms アプリケーション 設計パターン
一希 大田
 
PPTX
Xamarinを企業向けアプリ開発の プラットフォームとして選定し 実際にアプリをリリースした話
Daisuke Tsutsumi
 
PDF
C#でのクロスプラットフォーム モバイル開発環境 Xamarin のご紹介
Yoshito Tabuchi
 
PDF
はじめての HoloLens セッションの集大成お見せします!
一希 大田
 
PDF
C#のココが好き!
Takaaki Suzuki
 
PDF
HTMLを1行も書かずにwebアプリを作ってみました
Shinichi Hirauchi
 
PPTX
Developers.io.札幌 xamarinってどうよ
Shinichi Hirauchi
 
PDF
この辺でXamarin導入による 効果と限界をしっかり把握してみよう MVP Community Camp 2015
Shinichi Hirauchi
 
PDF
What's MVP
Takaaki Suzuki
 
PDF
Xamarin で今日から始めるクロスプラットフォーム開発
友太 渡辺
 
PDF
XAML のこれまでとこれから、今「やる」べき意義
インフラジスティックス・ジャパン株式会社
 
PDF
Realm Mobile Platform 概要
Yoshito Tabuchi
 
PDF
Visual Studio 2019 の個人的なお勧め機能
一希 大田
 
BoxViewの美味しい食べ方
Shinichi Hirauchi
 
NET Standard と Xamarin
Yoshito Tabuchi
 
Xamarin概要+最新情報
Yoshito Tabuchi
 
Visual Studio + xamarin で始めるモバイル アプリ開発
インフラジスティックス・ジャパン株式会社
 
C++からC#まで Visual Studio 縛り (で死ぬ実験)
Takashi Kawasaki
 
ソフト屋が挑戦した電子工作 〜力ずくの10か月〜
Shinichi Hirauchi
 
続Xamarinはじめました
Yuya Yamaki
 
Xamarin.Forms アプリケーション 設計パターン
一希 大田
 
Xamarinを企業向けアプリ開発の プラットフォームとして選定し 実際にアプリをリリースした話
Daisuke Tsutsumi
 
C#でのクロスプラットフォーム モバイル開発環境 Xamarin のご紹介
Yoshito Tabuchi
 
はじめての HoloLens セッションの集大成お見せします!
一希 大田
 
C#のココが好き!
Takaaki Suzuki
 
HTMLを1行も書かずにwebアプリを作ってみました
Shinichi Hirauchi
 
Developers.io.札幌 xamarinってどうよ
Shinichi Hirauchi
 
この辺でXamarin導入による 効果と限界をしっかり把握してみよう MVP Community Camp 2015
Shinichi Hirauchi
 
What's MVP
Takaaki Suzuki
 
Xamarin で今日から始めるクロスプラットフォーム開発
友太 渡辺
 
XAML のこれまでとこれから、今「やる」べき意義
インフラジスティックス・ジャパン株式会社
 
Realm Mobile Platform 概要
Yoshito Tabuchi
 
Visual Studio 2019 の個人的なお勧め機能
一希 大田
 
Ad

Viewers also liked (20)

PDF
Async History in .NET
Takaaki Suzuki
 
PPTX
Msgpack cli-tech-aid-2013
Yusuke Fujiwara
 
PDF
DeclarativeSql
Takaaki Suzuki
 
PDF
Sevens Algorithm
Takaaki Suzuki
 
PDF
酒の肴はC# vNext
Takaaki Suzuki
 
PDF
LINQPad with LINQ to BigQuery - Desktop Client for BigQuery
Yoshifumi Kawai
 
PPTX
Modern .NET
信之 岩永
 
PPTX
Net fringejp2016
Yusuke Fujiwara
 
PDF
How to make the Fastest C# Serializer, In the case of ZeroFormatter
Yoshifumi Kawai
 
PPTX
それっぽく、適当に
信之 岩永
 
PPTX
Overview of the .Net Collection Framework and Immutable Collections
Yoshifumi Kawai
 
PPTX
Orange Cube 自社フレームワーク 2015/3
信之 岩永
 
PDF
.NET最先端技術によるハイパフォーマンスウェブアプリケーション
Yoshifumi Kawai
 
PPTX
RuntimeUnitTestToolkit for Unity(English)
Yoshifumi Kawai
 
PPTX
Deep Dive C# 6.0
信之 岩永
 
PDF
Visual Studio Codeで始めるTypeScript
Akira Inoue
 
PPTX
開発者の方向けの Sql server(db) t sql 振り返り
Oda Shinsuke
 
PDF
Engineers can change the world ~ "世界" で活躍するエンジニアになるために
Akira Inoue
 
PPTX
Sql world とは
Oda Shinsuke
 
PDF
TypeScript and Visual Studio Code
Akira Inoue
 
Async History in .NET
Takaaki Suzuki
 
Msgpack cli-tech-aid-2013
Yusuke Fujiwara
 
DeclarativeSql
Takaaki Suzuki
 
Sevens Algorithm
Takaaki Suzuki
 
酒の肴はC# vNext
Takaaki Suzuki
 
LINQPad with LINQ to BigQuery - Desktop Client for BigQuery
Yoshifumi Kawai
 
Modern .NET
信之 岩永
 
Net fringejp2016
Yusuke Fujiwara
 
How to make the Fastest C# Serializer, In the case of ZeroFormatter
Yoshifumi Kawai
 
それっぽく、適当に
信之 岩永
 
Overview of the .Net Collection Framework and Immutable Collections
Yoshifumi Kawai
 
Orange Cube 自社フレームワーク 2015/3
信之 岩永
 
.NET最先端技術によるハイパフォーマンスウェブアプリケーション
Yoshifumi Kawai
 
RuntimeUnitTestToolkit for Unity(English)
Yoshifumi Kawai
 
Deep Dive C# 6.0
信之 岩永
 
Visual Studio Codeで始めるTypeScript
Akira Inoue
 
開発者の方向けの Sql server(db) t sql 振り返り
Oda Shinsuke
 
Engineers can change the world ~ "世界" で活躍するエンジニアになるために
Akira Inoue
 
Sql world とは
Oda Shinsuke
 
TypeScript and Visual Studio Code
Akira Inoue
 
Ad

Similar to Universal Appとは? -デバイスに依存しないアプリケーション開発- (20)

PPTX
HTML5 クロスプラットフォームアプリ開発の現実解
Monaca
 
PPTX
【デブサミ関西2014】Web技術で作るエンタープライズアプリ
アシアル株式会社
 
PPTX
Solution semniar vs2013_multi_device-1209-new
Shotaro Suzuki
 
PPTX
Windows azure mobile services を使った windows ストアアプリ開発 1027
Shotaro Suzuki
 
PPTX
Phone gap+javascriptスマホアプリ開発(入門編)
Monaca
 
PDF
Html5で加速するモバイルアプリ開発
アシアル株式会社
 
PDF
Android builders summit slide tour
magoroku Yamamoto
 
PDF
Xamarin と Visual Studio でまとめて作る iOS / Android / Windows アプリ ( Developers Summ...
友太 渡辺
 
PPTX
Windows Phoneの 企業内活用方法、 社内向けアプリ開発と展開
Akira Onishi
 
PDF
HTML5とマイクロソフト(東京)
Microsoft
 
PDF
Visual Studio 2019 GA ! ~ 最新情報 & これからの開発スタイル
Akira Inoue
 
PDF
第4回.NET中心会議 基調講演「スマートフォン時代の到来と.NET開発」(高橋さま)
Masahiko Isshiki
 
PDF
八子クラウド座談会 Opening talk_121208
知礼 八子
 
PDF
HTML5とIE11とWindows 8.1 -最新の Web トレンドとマイクロソフトの関係
Microsoft
 
PDF
Visual Studio 2013 と HTML5 で実現するマルチデバイス/マルチプラットフォーム アプリの開発
Osamu Monoe
 
PPTX
Xamarin Overview
まどか 千代田
 
PPTX
Xamarin Overview
Madoka Chiyoda
 
PDF
Touch Platform によるモバイルアプリケーション開発
Salesforce Developers Japan
 
PDF
インフラジスティックスおよび Xamarin.Forms コントロールのご紹介
インフラジスティックス・ジャパン株式会社
 
PDF
Mobile-first, Cloud-first のその先へ ~ Microsoft が描く Web/Mobile の未来
Akira Inoue
 
HTML5 クロスプラットフォームアプリ開発の現実解
Monaca
 
【デブサミ関西2014】Web技術で作るエンタープライズアプリ
アシアル株式会社
 
Solution semniar vs2013_multi_device-1209-new
Shotaro Suzuki
 
Windows azure mobile services を使った windows ストアアプリ開発 1027
Shotaro Suzuki
 
Phone gap+javascriptスマホアプリ開発(入門編)
Monaca
 
Html5で加速するモバイルアプリ開発
アシアル株式会社
 
Android builders summit slide tour
magoroku Yamamoto
 
Xamarin と Visual Studio でまとめて作る iOS / Android / Windows アプリ ( Developers Summ...
友太 渡辺
 
Windows Phoneの 企業内活用方法、 社内向けアプリ開発と展開
Akira Onishi
 
HTML5とマイクロソフト(東京)
Microsoft
 
Visual Studio 2019 GA ! ~ 最新情報 & これからの開発スタイル
Akira Inoue
 
第4回.NET中心会議 基調講演「スマートフォン時代の到来と.NET開発」(高橋さま)
Masahiko Isshiki
 
八子クラウド座談会 Opening talk_121208
知礼 八子
 
HTML5とIE11とWindows 8.1 -最新の Web トレンドとマイクロソフトの関係
Microsoft
 
Visual Studio 2013 と HTML5 で実現するマルチデバイス/マルチプラットフォーム アプリの開発
Osamu Monoe
 
Xamarin Overview
まどか 千代田
 
Xamarin Overview
Madoka Chiyoda
 
Touch Platform によるモバイルアプリケーション開発
Salesforce Developers Japan
 
インフラジスティックスおよび Xamarin.Forms コントロールのご紹介
インフラジスティックス・ジャパン株式会社
 
Mobile-first, Cloud-first のその先へ ~ Microsoft が描く Web/Mobile の未来
Akira Inoue
 

More from Takaaki Suzuki (20)

PDF
5 分で学ぶ Interpolated String Handler
Takaaki Suzuki
 
PDF
C# における Redis 徹底活用
Takaaki Suzuki
 
PDF
Inside FastEnum
Takaaki Suzuki
 
PDF
今日からできる!簡単 .NET 高速化 Tips
Takaaki Suzuki
 
PDF
30min Serverless xTuber
Takaaki Suzuki
 
PPTX
Tetris Algorithm
Takaaki Suzuki
 
PPTX
C# 7 New Features
Takaaki Suzuki
 
PPTX
Live Coding で学ぶ C# 7
Takaaki Suzuki
 
PPTX
C# 7 Current Status
Takaaki Suzuki
 
PPTX
4 Colors Othello’s Algorithm
Takaaki Suzuki
 
PPTX
Sharing Deep Dive
Takaaki Suzuki
 
PDF
4 Colors Othello’s Algorithm @仙台 IT 文化祭 2017
Takaaki Suzuki
 
PDF
SignalR Tune-up
Takaaki Suzuki
 
PDF
Twilioと.NET
Takaaki Suzuki
 
PDF
Programmer's Brain
Takaaki Suzuki
 
PDF
Non-Stop Experience
Takaaki Suzuki
 
PDF
Using C# on Surface
Takaaki Suzuki
 
PDF
URL Routing Test Kit
Takaaki Suzuki
 
PDF
Windows 8 UX Guidelines
Takaaki Suzuki
 
PDF
RxShowcase -for ignote & i-Jupiter-
Takaaki Suzuki
 
5 分で学ぶ Interpolated String Handler
Takaaki Suzuki
 
C# における Redis 徹底活用
Takaaki Suzuki
 
Inside FastEnum
Takaaki Suzuki
 
今日からできる!簡単 .NET 高速化 Tips
Takaaki Suzuki
 
30min Serverless xTuber
Takaaki Suzuki
 
Tetris Algorithm
Takaaki Suzuki
 
C# 7 New Features
Takaaki Suzuki
 
Live Coding で学ぶ C# 7
Takaaki Suzuki
 
C# 7 Current Status
Takaaki Suzuki
 
4 Colors Othello’s Algorithm
Takaaki Suzuki
 
Sharing Deep Dive
Takaaki Suzuki
 
4 Colors Othello’s Algorithm @仙台 IT 文化祭 2017
Takaaki Suzuki
 
SignalR Tune-up
Takaaki Suzuki
 
Twilioと.NET
Takaaki Suzuki
 
Programmer's Brain
Takaaki Suzuki
 
Non-Stop Experience
Takaaki Suzuki
 
Using C# on Surface
Takaaki Suzuki
 
URL Routing Test Kit
Takaaki Suzuki
 
Windows 8 UX Guidelines
Takaaki Suzuki
 
RxShowcase -for ignote & i-Jupiter-
Takaaki Suzuki
 

Recently uploaded (11)

PDF
第三世代 ウェザーステーションキット v3 ー WSC3-L 日本語カタログ
CRI Japan, Inc.
 
PDF
【学会聴講報告】CVPR2025からみるVision最先端トレンド / CVPR2025 report
Sony - Neural Network Libraries
 
PDF
20250730_QiitaBash_LT登壇資料_PDC_Kurashina.pdf
pdckurashina
 
PDF
MahiroYoshida_セリフに着目したキャラクタロール推定に関する基礎検討_sigcc12th2025
Matsushita Laboratory
 
PPTX
baserCMS『カスタムコンテンツ』徹底活用術〜あなただけの管理画面を自由自在に〜
Ryuji Egashira
 
PDF
TaketoFujikawa_ComicComputing12th_inKumamoto
Matsushita Laboratory
 
PPTX
2025_7_25_吉祥寺_設計ナイト_ADR運用におけるデータ利活用の考え方.pptx
ssuserfcafd1
 
PDF
LoRaWAN ウェザーステーションキット v3 -WSC3-L 日本語ユーザーマニュアル
CRI Japan, Inc.
 
PDF
20250726_Devinで変えるエンプラシステム開発の未来
Masaki Yamakawa
 
PDF
20250729_Devin-for-Enterprise
Masaki Yamakawa
 
PDF
VMUG Japan book vsan 20250515 CPU/Memory vSAN
Kazuhiro Sota
 
第三世代 ウェザーステーションキット v3 ー WSC3-L 日本語カタログ
CRI Japan, Inc.
 
【学会聴講報告】CVPR2025からみるVision最先端トレンド / CVPR2025 report
Sony - Neural Network Libraries
 
20250730_QiitaBash_LT登壇資料_PDC_Kurashina.pdf
pdckurashina
 
MahiroYoshida_セリフに着目したキャラクタロール推定に関する基礎検討_sigcc12th2025
Matsushita Laboratory
 
baserCMS『カスタムコンテンツ』徹底活用術〜あなただけの管理画面を自由自在に〜
Ryuji Egashira
 
TaketoFujikawa_ComicComputing12th_inKumamoto
Matsushita Laboratory
 
2025_7_25_吉祥寺_設計ナイト_ADR運用におけるデータ利活用の考え方.pptx
ssuserfcafd1
 
LoRaWAN ウェザーステーションキット v3 -WSC3-L 日本語ユーザーマニュアル
CRI Japan, Inc.
 
20250726_Devinで変えるエンプラシステム開発の未来
Masaki Yamakawa
 
20250729_Devin-for-Enterprise
Masaki Yamakawa
 
VMUG Japan book vsan 20250515 CPU/Memory vSAN
Kazuhiro Sota
 

Universal Appとは? -デバイスに依存しないアプリケーション開発-