More Related Content
Similar to 【18-C-5】C# で iOS/Androidアプリ開発 - Visual Studio 2015 + Xamarin + MVVMCross - (20)
【18-C-5】C# で iOS/Androidアプリ開発 - Visual Studio 2015 + Xamarin + MVVMCross -
- 1. 【18-C-5】 2016/02/18 青柳臣一 @ShinichiAoyagi C# で iOS/Androidアプリ開発 - Visual Studio 2015 + Xamarin + MVVMCross - ハッシュタグ: #devsumiC
- 2. #devsumi #devsumiC 自己紹介 青柳臣一 @ShinichiAoyagi 株式会社ディーバ（大阪市中央区） 代表取締役・デベロッパー オリジナルソフトウエア開発、受託開発 WPF、Windows Forms、 ASP.NET Web Forms/MVC/Web API iOS（Objective-C）、Android（Java）、Windows Phone Xamarin その他（HTML5、JavaScript、PHP…） 2015年12月発売 秀和システム ISBN: 978-4-7980-4495-8
- 3. #devsumi #devsumiC Ask the Speaker セッション終了後、ご質問にお応えします ちょっとしたことでも疑問点・不明点がありましたら ぜひお越しください 場所 2Fラウンジ （この部屋の隣です） 2Fラウンジに JXUG (Japan Xamarin User Group) のブースもあります！
- 4. #devsumi #devsumiC Xamarinってご存知？ Xamarin（ザマリン）社の提供する商用開発環境 iOS、Android のアプリを C# で開発できる（あとMacも） 開発環境 Windows Mac Xamarin Studio Xamarin Studio Visual Studio
- 5. #devsumi #devsumiC Xamarinのエディション xamarin.com からダウンロードしてインストール Visual Studio 2015 には同梱 （インストール時にカスタムで選択する必要あり） エディション Starter 無料 各種制限あり Indie 個人 or 従業員5名以下 Business Enterprise Business + 有線サポートやhotfix
- 6. #devsumi #devsumiC Macが必要です！！ WindowsでiOSアプリ開発 Xamarin Studio、Visual Studio ビルドや実行にはMacが必要！ ネットワーク経由でMacにアクセスする仕組み Macを横に置く Windows on 仮想化ソフト on Mac
- 7. #devsumi #devsumiC Xamarinプロジェクトの構成 共通部とプラットフォーム依存部 PCLは限定された.NET App1 共通部 ポータブルクラスライブラリ（Portable Class Library） App1.Droid Android固有部分（ビューなど） App1.iOS iOS固有部分（ビューなど） App1.WinPhone Windows Phone固有部分（ビューなど）
- 8. #devsumi #devsumiC PCLへ機能追加、プラグイン NuGetなどにいろいろあり Microsoft.Net.Http HttpClient Portable.BouncyCastle 暗号化・復号化 Zlib.Portable 圧縮・解凍 PCLStorage ストレージアクセス Xam.Plugins.Settings アプリケーション設定 その他いろいろ
- 9. #devsumi #devsumiC Xamarinの特徴 とても薄いラッパー OSを抽象化しているわけではない ほぼネイティブ プログラミング言語が変わっただけ Objective-C/Swift や Java → C# なので iOS や Android の知識は必要
- 10. #devsumi #devsumiC 薄いラッパー（というかラッパーなんてない） 加速度センサー（iOS） 加速度センサー（Android） Objective-C Xamarin（C#） CMMotionManagerクラス CMMotionManagerクラス startDeviceMotionUpdatesToQueue()メソッド startDeviceMotionUpdatesUsingReferenceFrame()メソッ ド StartDeviceMotionUpdates()メソッド Java Xamarin（C#） SensorManagerクラス SensorManagerクラス registerListener()メソッド RegisterListener()メソッド
- 11. #devsumi #devsumiC Xamarinでアプリ開発 iPhoneアプリとAndroidアプリ （残念ながらWindows Phoneは対象外） サーバーにデータを蓄積 APIサーバー 運用チームが使用するツール Webベースのシステム + Windowsアプリ
- 12. #devsumi #devsumiC みんなC# SQL Database Redis Cache BLOB Storage Web App (API) Web App (Web) Azure iPhone Android PC（ブラウザ） 運用ツール Xamarin （C#） Xamarin （C#） ASP.NET Web API （C#） ASP.NET MVC （C#） WPF （C#）
- 13. #devsumi #devsumiC Xamarinを使ったわけ Objective-C（iOS）やJava（Android）での開発もやってる けどC#やVBが得意（好き）なメンバーたち サーバーやツール類は？ Azure？AWS？ ASP.NET？Java？Node.js？ Winアプリ？
- 14. #devsumi #devsumiC MVVMCross MVVMをサポートするライブラリ https://github.com/MvvmCross/MvvmCross Xamarin専用ではない もちろん必須というわけでもない MVVM以外にも便利な機能あり
- 15. #devsumi #devsumiC MVVMCrossの導入 NuGetでインストール MVVMCross.HotTuna.StarterPack ちょっと修正 App1.Core → App1 ToDoに書かれてることをやる （一部間違ってるところもあるので注意）
- 16. #devsumi #devsumiC DataBinding.ViewModel ビューモデル MvxViewModelを継承する XAMLと同様INotifyPropertyChangedで変更通知する仕組み private string hello = "Hello MvvmCross"; public string Hello { get { return this.hello; } set { SetProperty(ref hello, value); } } public IMvxCommand ClickCommand { get { return new MvxCommand(() => { this.Hello = "Click!"; }); } }
- 17. #devsumi #devsumiC DataBinding.iOS コードで書く using MvvmCross.Binding.BindingContext; インテリセンスのおかげで悪くはない Set.Bind(control).For(c => c.Text).To(vm => vm.Hello).WithConversion(…); var set = this.CreateBindingSet<FirstView, App1.ViewModels.FirstViewModel>(); set.Bind(label).To(vm => vm.Hello); set.Bind(textField).To(vm => vm.Hello); set.Bind(button).To(vm => vm.ClickCommand); set.Apply();
- 18. #devsumi #devsumiC DataBinding.Droid axml に書く <EditText ～略～ local:MvxBind="Text Hello" /> <TextView ～略～ local:MvxBind="Text Hello" /> <Button ～略～ local:MvxBind="Click ClickCommand"/>
- 20. #devsumi #devsumiC MVVMCross.Plugin.Color ViewModel MvxColor を使う View データバインディング + ValueConverter iOS: set.Bind(label) .For(c => c.TextColor).To(vm => vm.LabelColor) .WithConversion(new MvxNativeColorValueConverter()); Android: local:MvxBind="Text Hello; TextColor NativeColor(LabelColor)“ XAML: Color="{Binding CurrentColor, Converter={StaticResource NativeColor}}"
- 21. #devsumi #devsumiC Xamarin.Forms ビューも共通化できる XAMLっぽい それに慣れてる人には扱いやすい（かも） DependencyService 共通部からプラットフォーム依存の機能を呼ぶ https://developer.xamarin.com/guides/xamarin-forms/dependency-service/ デザイナーがない！ そろそろ？
- 22. #devsumi #devsumiC Xamarinを使った感想 ViewModelとModelは共通化できた データ処理エンジンはPCLにして共通化 同じDLLがAzure、スマホ、Windowsで動いている C#好き的には捗る Objective-C/SwiftやJavaでの開発になれているんであればわざわざC#をマス ターするってのはどうなんだろう Xamarin.Formsはプロトタイプ開発時に便利だった
- 23. #devsumi #devsumiC Xamarin社のサービス Xamarin Insights Azure Application Insightsみたいなもの（だと思う） 今はGoogleアナリティクスを使っている （ちなみに、Azure上のWeb AppはNew Relic） Xamarin Test Cloud いろいろなデバイスでのテスト
- 24. #devsumi #devsumiC ご清聴ありがとうございました。 JXUGC #11 Xamarin ハンズオン大会 http://jxug.connpass.com/event/27329/ 2016/03/26（土） 会場未定（品川？）