Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Xamarinはじめました

3,454 views

Published on

第一回サトヤ勉強会で使用したセッション資料

Published in: Technology
  • Be the first to comment

Xamarinはじめました

  1. 1. Xamarinはじめました 八巻 雄哉 第1回サトヤ勉強会 2014/11/15
  2. 2. クロスプラットフォームアプリ開発
  3. 3. Web UI系(ハイブリッドアプリ) Webアプリを ラップする ネイティブアプリ モバイルWebサイト Cordova (PhoneGap、Monaca)
  4. 4. 共有コード 独自UI系 独自UIで UIコードも共有 iOS向け 独自UI Android向け 独自UI Windows向け 独自UI RAD Studio XE/Appmethod Adobe AIR 共有UIコード
  5. 5. ネイティブUI系(その1) それぞれ アプリをつくる iOSアプリ Androidアプリ Windows アプリ
  6. 6. 共有コード ネイティブUI系(その2) プラットフォー ム固有コード コードを共有して ネイティブアプリ iOS ネイティブUI Android ネイティブUI Windows ネイティブUI Xamarin(C#) Tatanium Mobile(JavaScript) RoboVM(Java) RubyMotion(Ruby) プラットフォー ム固有コード プラットフォー ム固有コード
  7. 7. 基本的に有償のツール
  8. 8. 学生は無料でINDIE版使えます
  9. 9. Visual Studio(Windows)
  10. 10. Xamarin Studio(WindowsとMac)
  11. 11. Xamarin Android Player(Preview)
  12. 12. C#と.NET基本クラスライブラリ(BCL)
  13. 13. Windows Phoneアプリの場合
  14. 14. iOSアプリの場合 iOSのAPIを100%カバー
  15. 15. Androidアプリの場合 AndroidのAPIを100%カバー
  16. 16. demo LINQ with Xamarin
  17. 17. Xamarin.Forms 共有コード 共有UIコード(Xamarin.Forms) iOS ネイティブUI Android ネイティブUI Windows ネイティブUI UIコードも共有して ネイティブアプリ Tatanium Mobile(JavaScript) もほぼ同じ仕組み
  18. 18. Xamarin.Forms.Labelクラスの場合 UILabel TextView TextBlock
  19. 19. ページ Content MasterDetail Navigation Tabbed Carousel
  20. 20. レイアウト Stack Absolute Relative Grid ContentView ScrollView Frame
  21. 21. ビュー(コントロール) ActivityIndicator BoxView Button DatePicker Editor Entry Image Label ListView Map OpenGLView Picker ProgressBar SearchBar Slider Stepper TableView TimePicker WebView EntryCell ImageCell SwitchCell TextCell ViewCell
  22. 22. demo FormsGallery
  23. 23. XAMLが使える <ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="MinimalMvvmLightSample.MainPage"> <StackLayout> <Label Text="{Binding MyMessage}" VerticalOptions="Center" HorizontalOptions="Center" Font="Large" /> <Button Command="{Binding IncrementCommand}" Text="Click Me!"/> </StackLayout> </ContentPage>
  24. 24. Xamarin.FormsのXAML 似てるけどいろいろ違うので、結構つまづく
  25. 25. demo XAML
  26. 26. データバインディング View ViewModel Model
  27. 27. demo Binding with MVVM Light Toolkit
  28. 28. Announcing .NET 2015
  29. 29. Announcing .NET 2015 .NETコアライブラリのOSS化 .NETコア部分のマルチプラットフォーム化 ASP.NETがLinux/Mac OS Xで公式サポートされる クロスプラットフォームモバイル開発のさらなる進化 Visual Studio != Windows系アプリ開発環境 Java、Android Debug Bridge(adb)、Apache Cordova、Xamarin用テンプ レート、Androidのエミュレータなどが入る OmniSharpへのコミットでWindows以外の.NET開発も支援 Vim、Emacs、Sublime TextなどにVisual Studioばりのコード補完機能を導入
  30. 30. MicrosoftのCEO、サティヤ・ナデラ、Apple、 Googleと比較して自社の本質を的確に指摘 – TechCrunch http://jp.techcrunch.com/2014/11/11/20141110heres-what-microsoft- ceo-satya-nadella-thinks-apple-and-google-do-best/ Microsoftのビジネスとは他の人々にソフトウェアなどのプロダクトを 開発する力を与えるところにある。 デベロッパーがアプリケーションを開発できるようにするプラット フォームを提供し、また誰であれコンピューティングに関連する人々 が所望の成果物を作れるようにする数々のツールを提供するところで こそ、Microsoftが真価を発揮し、本当の差別化を行えるのだと私は考 えている。 プラットフォームのプロバイダー、ツールのプロバイダーであること こそ、Microsoftの根本的なアイデンティティなのだ。
  31. 31. ComCamp 2015開催のお知らせ サトヤ仙台とエフスタ!!SENDAIによる合同開催の勉強会 日本マイクロソフト後援 日時:2015年1月31日(土) 場所:PARM-CITY131貸し会議室(マーブルロードおおまちアーケード) 内容:まだ未定(学生向けのセッションを1つ以上用意したい) 絶賛スピーカー募集中
  32. 32. Appendix
  33. 33. Xamarin.Formsの前提条件 Android 4.0以降 iOS 6.1以降 Windows Phone 8(Visual Studio使用)
  34. 34. 注意点 ソリューションファイルがある場所のパスにUnicode文字が含まれて いると「Unexpected Error」でビルドできない(Windows Phoneプロ ジェクトは大丈夫)。
  35. 35. XAMLについて知りたい Tech·Ed 2008 Yokohama 開発者なら知っておきたい XAML の書き方

×