Downloaded 22 times
Uploaded byYoshito Tabuchi
Xamarin概要＋最新情報
2017/5/27(土)に開催された「JXUGC #23 Xamarin 無料化一周年記念勉強会！」で発表した資料です。
More Related Content
Xamarin概要＋最新情報
- 1. Xamarin概要＋最新情報 2017/5/27(土) JXUGC #23 Xamarin無料化一周年記 念勉強会！ Japan Xamarin User Group 田淵義人＠エクセルソフト Twitter: @ytabuchi facebook: ytabuchi.xlsoft
- 2.
- 3. 営業(セールスエンジニア) 兼 新規事業開発室室長 Xamarin コミュニティエバンジェリスト Microsoft MVP Visual Studio and Development Technologies Xamarin MVP 連載・執筆 Build Insider Xamarin Tips .NET開発テクノロジ入門2016年版 コミュニティ Japan Xamarin User Group 主宰 Twitter: @ytabuchi facebook: ytabuchi.xlsoft Blog: Xamarin 日本語情報 4 田淵義人＠エクセルソフト
- 4. C# / .NET/ Visual Studio フル “ネイティブ” アプリ API 100% 移植 コード共通化 Xamarin 5
- 5. ２つの開発手法 Shared C# AppLogic (PCL) Shared XAML/C# UI Code (Xamarin.Forms) iOS C# UI Shared C# App Logic (PCL) Android C# UI Windows C# UI Xamarin.FormsXamarin Native ロジックのみ共通化 UIはネイティブで個別に作りこむ 6
- 6. 必要な知識 プラットフォーム 個別 Xamarin Native iOS APIObjective-C, Swift Xcode Android API Java Android Studio Windows API Visual StudioC# API 言語 統合開発環境 iOS API Objective-C, Swift Xcode Android API Java Android Studio Windows API Visual StudioC# Xamarin.Forms iOS API Android API Windows API Objective-C, Swift Xcode Java Android Studio Visual StudioC#Xamarin.Forms UI toolkit 7
- 7. UIは個別 ネイティブAPIは個別 PCL or Shared ネットワーク Json,XML 永続化 async/await 8 Xamarin ネイティブ iOS C# UI Shared C# App Logic (PCL) Android C# UI Windows C# UI Xamarin Native ロジックのみ共通化 UIはネイティブで個別に作りこむ
- 8.
- 9. 抽象化UIライブラリ 最大公約数 ワンソース・ネイティブUI/UX XAML / MVVM 拡張可能 10 Xamarin.Forms SharedC# App Logic (PCL) Shared XAML/C# UI Code (Xamarin.Forms) Xamarin.Forms
- 10.
- 11.
- 12.
- 13.
- 14. 18 <Grid> <Grid.RowDefinitions> <RowDefinition Height="*" /> <RowDefinitionHeight="3*" /> <RowDefinition Height="100" /> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto" /> <ColumnDefinition Width="*" /> </Grid.ColumnDefinitions> <BoxView Grid.Row="0" Grid.Column="0" BackgroundColor="Red" /> <BoxView Grid.Row="0" Grid.Column="1" BackgroundColor="Red" HeightRequest="50" WidthRequest="50" HorizontalOptions="Center" VerticalOptions="Center" /> <BoxView Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" BackgroundColor="Red" HeightRequest="100" VerticalOptions="Center" /> <BoxView Grid.Row="1" Grid.Column="0" BackgroundColor="Gray" Opacity="0.5" /> <BoxView Grid.Row="2" Grid.Column="0" BackgroundColor="Red" HeightRequest="50" WidthRequest="150" VerticalOptions="Start" /> <BoxView Grid.Row="2" Grid.Column="1" BackgroundColor="Red" Margin="0,0,20,0" WidthRequest="50" HorizontalOptions="End" /> </Grid>
- 15. Header と Footer シンプルなImageCell を使用 19 ListView
- 16. 20 <ListView ItemsSource="{Binding Items}"CachingStrategy="RecycleElement" HasUnevenRows="true" IsPullToRefreshEnabled="true" IsRefreshing="{Binding IsBusy, Mode=OneWay}" RefreshCommand="{Binding RefreshDataCommand}"> <ListView.Header> <StackLayout Padding="10" BackgroundColor="#dadada" HorizontalOptions="FillAndExpand" Orientation="Horizontal"> <Label FontAttributes="Bold" HorizontalOptions="FillAndExpand" HorizontalTextAlignment="Center" Text="Header" TextColor="Black" /> </StackLayout> </ListView.Header> <!--Built in Cells--> <ListView.ItemTemplate> <DataTemplate> <ImageCell Detail="{Binding Detail}" ImageSource="{Binding ImageUrl}" Text="{Binding Text}" /> </DataTemplate> </ListView.ItemTemplate> <ListView.Footer> <StackLayout Padding="10" BackgroundColor="#dadada" HorizontalOptions="FillAndExpand" Orientation="Horizontal"> <Label FontAttributes="Bold" HorizontalOptions="FillAndExpand" HorizontalTextAlignment="Center" Text="Footer" TextColor="Black" /> </StackLayout> </ListView.Footer> </ListView>
- 17. Visual Studio：表示＞その他のウィンドウ＞Xamarin.Forms Previewer VisualStudio for Mac：XAML ファイルを開いて右上のプレビューボタンをクリック 21 Forms Previewer
- 18. C#er/XAMLer/WPF/UWP → Forms 素早く簡単に作る→ Forms iOS/Android ネイティブ経験者 → ネイティブ きれいに細かく作る → ネイティブ 社内プロジェクト → ？？ 受託開発 → ？？ HTML/JS → Cordova? React Native? 23 Xamarin.Forms VS Xamarin ネイティブ
- 19. 最新情報 Build 2017 &de:code 2017
- 20. Visual Studio(for Mac)から転送されたソースコードをインタープリ タ形式で実行 XamarinLive Playerの仕組みを想像してた - ぴーさんログ Limitations – Xamarin Storyboard の一部の機能, XiB, axml などのリソースは使用できない。 reflection が限定サポート（SQLite や Json.NET などは使えない） 使ってみました Youtube ビデオ Xamarin Live Player
- 21.
- 22. Xamarin.Forms Feature Roadmap 2.3Q2 2017 3.0 Q3 2017 3.1 Q4 2017 27 ロードマップ
- 23. Blog Make Your Xamarin.FormsApps Even Better (and Faster!) Fast Renderers Label, Image, Button をより高速に描画できるように。 Startup Time Improvements Xamarin.Forms Init 時に時間が掛かっていた問題を解消。 28 Xamarin.Forms 2.3
- 24. Xamarin.Forms for Mac／WPF／Gtk# Xamarin.FormsEmbedding Xamarin.Forms のコントールを Xamarin.iOS, Xamarin.Android, UWP から呼び出せるよ うに。 Visual State Manager Xamarin.Forms で Visual State をサポート。コントロールの focus や disabled などの時に どのように表示されるかを指定可能に。 .NET Standard 2.0 サポート 藤原さんのブログ「.NET Standard のおさらい」を参照 CSS Layout & FlexLayout デザイナーにデザインを依頼できるようになるかも。CSS Styling and FlexBox のフォーラムを 参照。 29 Xamarin.Forms 3.0
- 25. Introducing XAML Standardand .NET Standard 2.0 XAML Standard がサポートされると、Xamarin.iOS／Xamarin.Android のアプリに <Label /> の代わりに <TextBlock /> を使えるようになります。 既存の開発者は何も変更はありません。 Windows Developer Blog の言う「既存」の開発者なので、恐らく WPF／UWP 側にコントロー ル名が寄ると思われます。 レポジトリ ドラフト 仕様を考えているところなので、Issue を投げてください。とのこと。 30 XAML Standard 1.0
- 26.
- 27.
- 28.
- 29. C# だけで iOS／Android／Macなど様々なアプリを開発できる Xamarin.Forms は単純に技術を追うだけでも楽しい Xamarin はいいぞ 34
- 30.