xamarin を使用した c#...
TRANSCRIPT
![Page 1: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/1.jpg)
Xamarin を使用したC# によるモバイルアプリ作成2015/2/27 日本マイクロソフト セミナールーム C+D
iOS/Android/Windows クロス プラットフォーム モバイルアプリ開発 セミナー
エクセルソフト株式会社
Business Development Manager
田淵義人
03-5440-7875 / 080-7015-3586
![Page 2: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/2.jpg)
自己紹介 • 田淵義人• エクセルソフトの Xamarin 担当。非開発者。
• Xamarin でググるとブログが出てきます。
• Twitter, SNS, Web, HTML5/CSS/JS, モバイル/ガジェット, Web マーケティングなどが好き
• Twitter: @ytabuchi
• facebook: ytabuchi.xlsoft
• Blog: http://ytabuchi.hatenablog.com/
![Page 3: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/3.jpg)
宣伝 • ユーザーグループに是非ご参加ください• http://jxug.org
• Xamarin 日本語情報• http://ytabuchi.hatenablog.com
• Xamarin 本• http://www.amazon.co.jp/dp/4822298345 (書籍)
• http://www.amazon.co.jp/gp/product/B00MN5P6PY (Kindle)
• ペゾルドさんの Xamarin.Forms 本 (PDF)
• http://bit.ly/xmfbook
![Page 4: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/4.jpg)
はじめに
![Page 5: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/5.jpg)
アプリはスマホの利用時間の72%
• スマートフォンの利用時間全体のうち、アプリからの利用時間は Web ブラウザの約2.5倍で、全体の72%を占めている
http://www.netratings.co.jp/news_release/2014/10/Newsrelease20141001.html
![Page 6: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/6.jpg)
IPAの大規模調査から見える、企業のモバイル活用の現状
• 76.5%が「通話、メールなどの連絡」その他スケジューラ、資料提示
http://news.mynavi.jp/articles/2015/01/16/ipa/
![Page 7: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/7.jpg)
![Page 8: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/8.jpg)
何が必要か
![Page 9: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/9.jpg)
今までのアプリ開発
![Page 10: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/10.jpg)
モバイル向けクロスプラットフォーム開発環境
“No silver bullet”
![Page 11: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/11.jpg)
!
http://bit.ly/xmtrends
![Page 12: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/12.jpg)
Xamarin(ザマリン)・ C# / .NET / Visual Studio・ “ネイティブ” アプリ・ API 100% 移植・ コード共通化
![Page 13: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/13.jpg)
業務アプリ, 社内アプリ開発者×Xamarin
![Page 14: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/14.jpg)
iOS/Androidネイティブアプリ開発者×Xamarin
![Page 15: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/15.jpg)
C# / .NETVisual Studio
![Page 16: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/16.jpg)
Windows API
![Page 17: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/17.jpg)
iOSAPI
100% 対応
![Page 18: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/18.jpg)
AndroidAPI
100% 対応
![Page 19: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/19.jpg)
.NET BCL (Mono)
• System.IO• ファイル操作の共通化
• System.NET• ネットワーク操作の共通化
• System.Linq• データ操作の簡素化、共通化
• System.XML• XML 操作の簡素化、共通化
• System.Threading• 上記全般もですが、非同期処理の恩恵
![Page 20: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/20.jpg)
C# で開発 • 使い慣れた開発環境
• async/await, LINQ, ラムダ式などの実装が使える
• Java, Objective-C, Swift 記述不要
• NuGet ライブラリ、MS エコシステム• 31,490 unique packages
• Json.NET, HttpClient, SQLite, RestSharp, Reactive Extensions, MvvmCross
var ret = from p in List<Person>where p.Age >= 20select p;
![Page 21: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/21.jpg)
“ネイティブ” アプリ
![Page 22: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/22.jpg)
“ネイティブ” アプリ
• ネイティブ UI / UX
• ネイティブ “パフォーマンス”
• ネイティブ API
![Page 23: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/23.jpg)
API 100% 移植
![Page 24: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/24.jpg)
API • Xamarin.iOS• Unified API / WatchKit 対応済み
• iOS SDK リリースと同日
• 次期 iOS SDK Beta と Xamarin.iOS Alpha/Betaで次期 iOS 対応アプリを開発可能• Xamarin は iOS 8 に完全対応 - Xamarin で iOS 8 をさらに素晴らしく (紹介記事)
• Watch Kit Preview
• Xamarin.Android• Android Lollipop, Android wear 対応済み
• 大体 1ヶ月~3ヶ月程して対応版リリース• Android L Developer Preview / Android Wear をサポート (紹介記事)
![Page 25: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/25.jpg)
デモ • Android でマップ• http://bit.ly/xmdemo01
• iOS でカメラ• http://bit.ly/xmdemo02
• (de:code 2014 で渡辺さんがされたデモの iOS 版です。
• http://channel9.msdn.com/Events/de-code/2014/DE-007
![Page 26: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/26.jpg)
コード共通化
![Page 27: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/27.jpg)
Xamarin を使用した開発
![Page 28: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/28.jpg)
Xamarin.Forms - 画面の共通化
UI “コード”の共通化
ビルド時にネイティブ UI にマップ
XAML
![Page 29: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/29.jpg)
![Page 30: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/30.jpg)
デモ • Xamarin.Forms で Listview• http://bit.ly/xmdemo03 (Github)• http://1drv.ms/1BFVhcv (OneDrive zip ファイル)
• Xamarin.Forms で Xaml• View to View Binding (Slider)• http://bit.ly/xmdemo04• DependencyService で Forms からネイティブ機能を呼び出す
• http://bit.ly/xmdemo05
• Xamarin.Forms 参考資料• Xamarin - しっぽを追いかけて
• http://matatabi-ux.hateblo.jp/category/Xamarin
• Xamarin 記事一覧 - SIN@SAPPOROWORKSの覚書• http://furuya02.hatenablog.com/entry/20140523/14009
66058
![Page 31: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/31.jpg)
評価版
http://j.mp/xm-eval
![Page 32: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/32.jpg)
まとめ
![Page 33: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/33.jpg)
Xamarin(ザマリン)・ C# / .NET・ “ネイティブ” アプリ・ API 100% 移植・ コード共通化
![Page 34: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/34.jpg)
Xamarin.Forms - 画面の共通化
UI “コード”の共通化
ビルド時にネイティブ UI にマップ
XAML
![Page 35: Xamarin を使用した C# によるモバイルアプリ作成download.microsoft.com/download/7/F/7/7F78E82B-EB13-4D60-A6CA-B1DDEED0... · Xamarin を使用した C# によるモバイルア](https://reader035.vdocuments.mx/reader035/viewer/2022070617/5dd0ed46d6be591ccb63600e/html5/thumbnails/35.jpg)
ご清聴ありがとうございます
ご質問がありましたら、田淵までお気軽にどうぞ[email protected] / 03-5440-7875Twitter: @ytabuchiBlog: http://ytabuchi.hatenablog.com/