この辺でXamarin導入による 効果と限界をしっかり把握してみよう MVP Community Camp 2015
13 likes9,216 views
Java 及び Objective-C による開発と Xamarin(C#) によるものを比較し、各 OS のライブラリが、見事にラッピングされているようすを確認すると共に、共通コードによるクロスプラットフォーム開発の威力と制限について解説します。 また、デバイス固有の機能が、全てコーディング可能になっている事も紹介します。 本セッションでは、まだ、このツールに触れたことの無い方も、Xamarin 導入の効果と限界が語れるようになる事を目標にします。
![iOS編
ボタンの生成を例に比較してみる
UIButton *btn = [UIButton buttonWithType:UIButtonTypeSystem]; // ボタンの生成
[btn setTitle:@“OK” forState:UIControlStateNormal]; // キャプション
[btn setFrame:CGRectMake(110,210,100,40)]; // サイズ・位置
[self.view addSubview:btn]; // ビューへの追加
Objectiv-C](https://image.slidesharecdn.com/xamarin-150131025717-conversion-gate02/85/Xamarin-MVP-Community-Camp-2015-22-320.jpg)
![iOS編
ボタン生成
UIButton *btn =[UIButton
buttonWithType:UIButtonTypeSystem];
UIButton btn =
UIButton.FromType(UIButtonType.System);
Objectiv-C
C#](https://image.slidesharecdn.com/xamarin-150131025717-conversion-gate02/85/Xamarin-MVP-Community-Camp-2015-23-320.jpg)
![iOS編
キャプション
[btn setTitle:@“OK”
forState:UIControlStateNormal];
btn.SetTitle("OK",UIControlState.Normal);
Objectiv-C
C#](https://image.slidesharecdn.com/xamarin-150131025717-conversion-gate02/85/Xamarin-MVP-Community-Camp-2015-24-320.jpg)
![iOS編
サイズ・位置
[btn setFrame:CGRectMake(110,210,100,40)];
btn.Frame = new CGRect(110,210,100,40);
Objectiv-C
C#](https://image.slidesharecdn.com/xamarin-150131025717-conversion-gate02/85/Xamarin-MVP-Community-Camp-2015-25-320.jpg)
![iOS編
ビューへの追加
[self.view addSubview:btn];
View.AddSubview(btn);
Objectiv-C
C#](https://image.slidesharecdn.com/xamarin-150131025717-conversion-gate02/85/Xamarin-MVP-Community-Camp-2015-26-320.jpg)
![iOS編
まー同じ？（似てる）といっても問題ない
UIButton *btn = [UIButton buttonWithType:UIButtonTypeSystem];
[btn setTitle:@“OK” forState:UIControlStateNormal];
[btn setFrame:CGRectMake(110,210,100,40)];
[self.view addSubview:btn];
UIButton btn = UIButton.FromType(UIButtonType.System);
btn.SetTitle("OK",UIControlState.Normal);
btn.Frame = new CGRect(110,210,100,40);
View.AddSubview(btn);
Objectiv-C
C#](https://image.slidesharecdn.com/xamarin-150131025717-conversion-gate02/85/Xamarin-MVP-Community-Camp-2015-27-320.jpg)
![DependencyService
インターフェースによる委譲
//インターフェース定義
public interface ICMail {
bool Send(string to, string message);
}
//機能の利用
DependencyService.Get<ICMail>().Send("to","message");
//機能の実装
[assembly: Xamarin.Forms.Dependency (typeof(CMail))]
class CMail : ICMail {
public bool Send(string to, string message) {
}
PCL
各PF](https://image.slidesharecdn.com/xamarin-150131025717-conversion-gate02/85/Xamarin-MVP-Community-Camp-2015-71-320.jpg)
![Xamarin.Formsの拡張
各PFで記述可能なものすべてがFormsでも利用可能
//インターフェース定義
public interface ICMail {
bool Send(string to, string message);
}
//機能の利用
DependencyService.Get<ICMail>().Send("to","message");
//機能の実装
[assembly: Xamarin.Forms.Dependency (typeof(CMail))]
class CMail : ICMail {
public bool Send(string to, string message) {
}
独自コントロール
カスタムレンダラー
DependencyService](https://image.slidesharecdn.com/xamarin-150131025717-conversion-gate02/85/Xamarin-MVP-Community-Camp-2015-72-320.jpg)
この辺でXamarin導入による 効果と限界をしっかり把握してみよう MVP Community Camp 2015
- 1. 2015.01.31 MVP Community Camp 札幌会場 Objective-CやJavaとの比較によるXamarinの理解・プラットフォーム固有の機能は如何にコーディ ングされるのか・・・ この辺で、Xamarin導入による 効果と限界 をしっかり把握してみよう
- 2. 自己紹介 識別子 ＳＩＮ/札幌ワークス Twitter @furuya02 仕事 某社でシステムサポート スタッフ CLR/H ブログ SIN@SAPPOROWORKSの覚書 Microsoft MVP for Visual C# (2013/1～) フリーソフト BlackJumboDog
- 3. Xamarin人気
- 6. 2013 @amay077氏 Xamarin Advent Calendar 2013 作成:奥山 裕紳 氏（@amay077） http://qiita.com/advent-calendar/2013/xamarin
- 7. 2014 数日で埋まりました Xamarin Advent Calendar 2014 作成:奥山 裕紳 氏（@amay077） http://qiita.com/advent-calendar/2014/xamarin
- 8. Xamarinとは
- 11. Xamarinとは 更新の頻度は異常に早い Xamarin で Android L Developer Preview と Android Wear をサポート http://www.xlsoft.com/jp/products/xamarin/android-l-developer-preview.html Xamarin は iOS 8 に完全対応 http://www.xlsoft.com/jp/products/xamarin/xamarin-ios-8.html Xamarin.iOS Unified API の 64-bit 対応 http://www.xlsoft.com/jp/products/xamarin/ xamarin-ios-unified-api-with-64-bit-support.html WatchKit対応（Preview） http://developer.xamarin.com/guides/ios/watch/installation/
- 13. XamarinもP/Invoke P/Invoke の仕組みで iOS/Android の API を C# に公開（AndroidはJNI） Android API Java Xamarin.Android iOS API Objecttive-C Xamarin.iOS 注：個人的理解
- 14. 実行 Androidでは、MonoVM、iOSでは、直前コンパイルでARM命令に変換される Dalvik VM Javaバイトコード MSIL Java Mono VM Android Xamarin.Android iOS Objectiv-C Xamarin.iOS EXE,DLL Monoランタイム （ARM命令に変換） ARM命令 注：個人的理解
- 15. 薄いラッパー
- 16. Android編 ボタンの生成を例に比較してみる Button btn = new Button(this); // ボタンの生成 btn.setText("OK"); // キャプション btn.setLayoutParams(new LayoutParams(100,80)); // サイズ layout.addView(btn); // レイアウトへの追加 Java
- 17. Android編 ボタンの生成 Button btn = new Button(this); Button btn = new Button(this); Java C#
- 19. Android編 サイズ btn.setLayoutParams( new LayoutParams(100,80)); btn.LayoutParameters = new LayoutParams(100,80); Java C#
- 21. Android編 もはや同じと言っても過言ではない Button btn = new Button(this); btn.setText("OK"); btn.setLayoutParams(new LayoutParams(100,80)); layout.addView(btn); Button btn = new Button(this); btn.Text = "OK"; btn.LayoutParameters = new LayoutParams(100,80); layout.AddView(btn); Java C#
- 22. iOS編 ボタンの生成を例に比較してみる UIButton *btn = [UIButton buttonWithType:UIButtonTypeSystem]; // ボタンの生成 [btn setTitle:@“OK” forState:UIControlStateNormal]; // キャプション [btn setFrame:CGRectMake(110,210,100,40)]; // サイズ・位置 [self.view addSubview:btn]; // ビューへの追加 Objectiv-C
- 23. iOS編 ボタン生成 UIButton *btn =[UIButton buttonWithType:UIButtonTypeSystem]; UIButton btn = UIButton.FromType(UIButtonType.System); Objectiv-C C#
- 25. iOS編 サイズ・位置 [btn setFrame:CGRectMake(110,210,100,40)]; btn.Frame = new CGRect(110,210,100,40); Objectiv-C C#
- 27. iOS編 まー同じ？（似てる）といっても問題ない UIButton *btn = [UIButton buttonWithType:UIButtonTypeSystem]; [btn setTitle:@“OK” forState:UIControlStateNormal]; [btn setFrame:CGRectMake(110,210,100,40)]; [self.view addSubview:btn]; UIButton btn = UIButton.FromType(UIButtonType.System); btn.SetTitle("OK",UIControlState.Normal); btn.Frame = new CGRect(110,210,100,40); View.AddSubview(btn); Objectiv-C C#
- 28. アーキテクチャ
- 30. アーキテクチャ iOSライフサイクル ・localView 画面読み込み ・viewDidLoad ビュー読み込み完了 ・viewWillAppear 画面描画前 ・viewDidAppear 画面描画後 ・viewWillDisappear 閉じる前 ・viewDidDisappear 閉じ終わった
- 31. アーキテクチャ Androidライフサイクル ・onCreate 画面作成（初めて） ・onStart 画面表示直前 ・onResume ユーザとの対話開始 ・onPause 別画面への移行時 ・onStop ユーザから見えなくなった ・onRestart 停止後の再開 ・onDestroy 画面破棄
- 32. Androidの構成 Android Studio で「Blank Activity」を新規作成 ① ② ③
- 37. iOSの構成 Xcode で「Single View Application」を新規作成 ① ② ③ ④ ⑤
- 38. iOSの構成(Swift) Xcode で「Single View Application」を新規作成 ①② ③ ④ ⑤
- 45. C#メリット
- 47. .NET BCL プラットフォーム固有＋C#Core ファイル操作 System.IO ネットワーク操作 System.NET データ操作 System.Linq XML操作 System.XML 非同期操作 System.Threading
- 48. varで書ける バリアントじゃないよ NagaiName<String,String> n = new NagaiName<String,String>(); var n = new NagaiName<String,String>();
- 49. リスナー系がイベントになっている 別途リスナークラスを用意する必要はない //Java リスナークラスを作成してonClickをオーバーライドする button.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // 処理 } }); button.Click += 処理
- 50. ラムダ式 規模の小さい処理を最小スコープで記述できる runOnUiThread(new Runnable() { @Override public void run() { //UI処理 } } RunOnUiThread(() => UI処理 );
- 51. Linq 好きな人は、無いと辛い var ans1 = ar.Count(); var and2 = ar.Sum(n => n*2); var ans3 = ar.Where(n => n != 5).Sum();
- 52. Parallel やっぱり簡単に書けるのが嬉しい X foreach (var item in collection) { Thread.Sleep(1000); } Tasks.Parallel.ForEach(collection, item => { Thread.Sleep(1000); } );
- 53. async await 簡単に書けるのが、ただただ嬉しい button.Click += async (s, a) => { var res = await HeavyAsync(); //時間のかかる処理 button.Text = res.ToString();// UIスレッドで実行される };
- 54. Xamarin.Forms
- 56. Xamarin.Formsとは 独自ライブラリ（コード+XAML＋データバインディング） <?xml … ?> <ContentPage … > <Label Text="{Binding …}" … BindingContext="{…}“/> </ContentPage>
- 57. Xamarin.Forms 単一コードで、Android、Windows Phone、iOSで動作できる var map = new Map( ...) var pin = new Pin { Position = position, Label = "custom pin", ・・・ }; map.Pins.Add(pin); Content=new StackLayout { Children = { map } };
- 68. Xamarin.Formsの拡張
- 69. 独自コントロール BalloonView = Image + BoxView + Label XAMLで作成してclr-namespaceでインクルードして利用可能（コードビハイドあり）
- 71. DependencyService インターフェースによる委譲 //インターフェース定義 public interface ICMail { bool Send(string to, string message); } //機能の利用 DependencyService.Get<ICMail>().Send("to","message"); //機能の実装 [assembly: Xamarin.Forms.Dependency (typeof(CMail))] class CMail : ICMail { public bool Send(string to, string message) { } PCL 各PF
- 72. Xamarin.Formsの拡張 各PFで記述可能なものすべてがFormsでも利用可能 //インターフェース定義 public interface ICMail { bool Send(string to, string message); } //機能の利用 DependencyService.Get<ICMail>().Send("to","message"); //機能の実装 [assembly: Xamarin.Forms.Dependency (typeof(CMail))] class CMail : ICMail { public bool Send(string to, string message) { } 独自コントロール カスタムレンダラー DependencyService
- 73. 料金
- 75. INDIE・BUSINESSの違い Support in-house , headless builds , System.Data.SqlClient Indie 個人開発者、5名以内の会社・サポートなし（フォーラムのみ） アプリサイズの制限なし Xamarin Studio では、ほぼ制限ない開発 Business 法人向けライセンス Visual Studio での開発 ビジネス向け機能 Email サポート Xamarin 日本語情報「Xamarin のエディションについて」 http://ytabuchi.hatenablog.com/entry/2015/01/28/170126
- 76. MSDN subscribers https://xamarin.com/msdn can save 20% on the Business or Enterprise editions
- 79. Build INSIDER Xamarin逆引きTips http://www.buildinsider.net/mobile/xamarintips Xamarin情報 唯一の日本語解説書 「C#によるiOS、Android、Windowsアプリケーション開発入門」 増田 智明 (著), 大西 彰 (著) Build INSIDER インサイドXamarin http://www.buildinsider.net/mobile/insidexamarin
- 80. Xamarin 日本語情報 田淵義人 氏(@ytabuchi) http://ytabuchi.hatenablog.com/ Xamarin情報 Qiita キーワード「Xamarin」 http://qiita.com/search?utf8=%E2%9C%93 &sort=rel&q=Xamarin&sort=rel
- 82. 参考にさせて頂いた資料 インサイドXamarin 榎本 温 氏（@atsushieno） http://www.buildinsider.net/mobile/insidexamarin Xamarin逆引きTips 奥山 裕紳 氏（@amay077） http://www.buildinsider.net/mobile/xamarintips Xamarin.Formsの概要と カスタムコントロール 増田智明 氏(@moonmile) http://www.slideshare.net/moonmile/xamarinforms-41882310 Xamarin Advent Calendar 2014 作成:奥山 裕紳 氏（@amay077） http://qiita.com/advent-calendar/2014/xamarin iOS,Android,WindowsPhoneを開発者目線で比較 http://www.afp-records.com/android/ios_android_windowsphone_03.html