今からはじめる Xamarin.Forms 開発
~Build 2018 で発表された最新情報も添えて~
AD45
川合 俊介(かわい しゅんすけ)
💛
@_shunsuke_kawai
自己紹介
Agenda
会社紹介
日本能率協会
グループ
(社)日本能率協会
(社)企業情報化
協会
(株)日本能率協会
総合研究所
(MDB)
(社)日本プラント
メンテナンス協会
(社)日本工業
英語協会
(株)日本能率協会
マネジメントセンター
(能率手帳・出版事業)
(株)日本能率協会コンサルティング
(経営コンサルティング/ TPM コンサルティング)
株式会社ジェーエムエーシステムズ
本社所在地 東京都港区海岸1-16-1
ニューピア竹芝サウスタワー18F
設立 1971年11月1日
売上高 94.58億円(2016年度)
従業員数 389名(2017年4月現在)
主な活動 システムインテグレーション、
ソフトウェア販売/導入、
インフラ/ネットワーク構築
Web ページ http://www.jmas.co.jp/
JMAS のモバイル向けシステム開発
フロントアプリケーション開発
(iPhone/iPad/Android/Windows)
クラウド環境構築・運用
(AWS/Azure/IBM Cloud 他)
バックエンドシステム開発
(既存業務システム・コンテンツ管理、他)
約100社 700超
プロジェクト
Enterprise
B to B
B to C
Event App
イベントアプリの歴史
Microsoft
Foresight
Microsoft
Tech Summit
2016
de:code
2017
Microsoft
Tech Summit
2017
de:code
2018
2016 2017 2018
イベントアプリ機能
機能名 機能
お知らせ
・プッシュ通知された情報や運営からのお知らせ情報を
一覧表示
・選択されたお知らせの詳細画面表示
マイスケジュール ・セッション検索で登録したスケジュールを一覧表示
セッション検索
・全セッションを一覧表示(フィルター・検索機能付
き)
・セッションの詳細画面表示
・セッションの参加登録
アンケート
・参加したセッションのアンケートを一覧表示
・セッションのアンケートの回答・送信
スタンプラリー
・Sifty を活用したスタンプの撮影・獲得
・獲得したスタンプの一覧表示
・景品交換
会場マップ(混雑状況表示)
・会場マップ表示
・CityVision を活用したラウンジ・トイレ等の混雑状況
セッション聴講者属性表示
グラフ 表示内容
事前申込者の担当領域
当該セッションの事前申込者を5つの属性
(開発・Web・インフラ・ビジネス・その他)に分類し
割合を表示
セッション参加者の担当領
域
当該セッションの実際の参加者を5つの属性
(開発・Web・インフラ・ビジネス・その他)に分類し
割合を表示
プライマリーで利用してい
る
プラットフォーム
(TOP5)
当該セッションの実際の参加者が主に利用している
プラットフォームの TOP5 とその他の割合を表示
(ex: Microsoft Azure, Amazon Web Services, etc.)
最も利用されている開発言
語(TOP5)
当該セッションの実際の参加者が主に使用している
言語の TOP5 とその他の割合を表示
(ex: C#, Node.js, Swift, etc.)
混雑状況可視化
車のカウント 人のカウント モノのカウント
• 交通量調査
• 都市や町の設計
• イベントの集客調査
http://www.m2m-cloud.jp/cityvision/
混雑状況可視化
スタンプラリー
QRコードやARマーカー不要コンテンツはさまざま PR、販促に活躍
https://www.denso-communications.jp/sifty/
企業・団体の
PR、販促に有効!
スマホを活用した
各種ガイドに有効!
ユーザーのフォロー対策
に有効!!
スタンプラリー
「スタンプを撮影する」を選択 会場内の
スタンプラリーボードを撮影
スタンプをGet!
Xamarin
Xamarin とは
<参考>Xamarin(ザマリン) とはなんぞや
http://qiita.com/amay077/items/38ee79b3e3e88cf751b9
2 つの開発手法
Traditional Xamarin approach
(Xamarin Native)
Shared C# App Logic
(PCL/Shared/.net Standard)
Shared XAML/C# UI Code
(Xamarin.Forms)
iOS
C# UI
Shared C# App Logic
(PCL/Shared/.net Standard)
Android
C# UI
Windows
C# UI
Xamarin.Forms
Xamarin.Forms
Preview
https://github.com/xamarin/Xamarin.Forms/wiki/Platform-Support
Xamarin.Forms
Control Customize
イベントアプリのコード共有率
Xamarin.Forms の標準コントロール
Android.Widget.CheckBox
??? Windows.UI.Xaml.
Controls.CheckBox
×
⇒iOS にはない
⇒Xamarin.Forms 標準
コントロールにはない
Xamarin.Forms
概要
Custom Renderer • コントロールのクラスに適用
• カスタムコントロール的
Effects • コントロールのインスタンスに適用
• Custom Renderer より手軽に利用可能
Dependency Service • 各プラットフォーム固有の機能を利用
Behaviors • 機能を添付
Xamarin.Forms Customize
Demo
https://github.com/shunsuke-kawai/decode18_AD45_ControlDemo
Xamarin 最新情報
Xamarin.Forms 3.0
XAML Standard
Windows 10 XAML Xamarin.Forms XAML
XAML Standard
https://www.slideshare.net/mishizaki1/xaml-standard
Accelerometer
App Information
Battery
Clipboard
Compass
Connectivity
Data Transfer
Device Display Information
Device Information
Email
File System Helpers
Flashlight
Xamarin.Essentials (pre-release)
Geocoding
Geolocation
Gyroscope
Magnetometer
Open Browser
Phone Dialer
Preferences
Screen Lock
Secure Storage
SMS
Text-to-Speech
Version Tracking
Vibrate
https://docs.microsoft.com/en-us/xamarin/essentials/?context=xamarin/xamarin-forms
Xamarin Live XXXX (preview)
Xamarin Live Player
Demo (成功率 50%)
Xamarin Live Player (preview)
https://docs.microsoft.com/en-us/xamarin/tools/live-player/
Xamarin Live Reload
Demo (成功率 20%)
Xamarin Live Reload (preview)
https://docs.microsoft.com/en-us/xamarin/xamarin-forms/xaml/live-reload
Visual Studio App Center
Visual Studio App Center
34
Build
35
Build
36
Test
37
Distribute
38
Crash
39
Analytics
40
Push
41
まとめ
まとめ
関連セッション
http://jxug.org/
ユーザーグループへ参加しよう!
Ask the Speaker のご案内
ブレイクアウトセッション終了後の休憩
時間に、
登壇したスピーカーに直接ご質問いただ
ける
コーナーを 「Ask The Speakers」 Room
に
用意しております。セッション内容のよ
り深い
理解のため、ぜひお役立てください。
「Ask The Speakers」
セッションアンケートにご協力ください。
Twitter のご案内

今からはじめる Xamarin.Forms 開発

Editor's Notes

  • #12 City Visionは歩行者や車、モノの計測を、画像や動画から画像分析で行いカウントを行います。 これまでの人の手で行われてきた交通量調査を画像分析で行うことにより、精度のばらつきを抑え、長期間の計測を現実にします。いつ広場に人が集まるのか、渋滞を緩和するにはどうしたらよいのか、など様々な課題を解決するための材料をCity Visionで収集し、より良い街づくりに貢献します。
  • #13 ここはさらっと
  • #19 ユーザー インターフェイスは、ターゲット プラットフォームのネイティブ コントロールを使用してレンダリングされるため、Xamarin.Forms アプリケーションでは各プラットフォームの外観を維持できます。 Xamarin.Forms のアプリケーションはネイティブ アプリケーションであるため、ブラウザー サンドボックス、限定的な API、パフォーマンスの低さなど他のツールキットにあるような制限はありません。 さらに、ユーザー インターフェイスの一部を Xamarin.Forms で作成し、他の部分はネイティブ UI ツールキットを使用してアプリケーションを作成することもできます。