xamarin を使用したc# によるモバイルアプリ作成

Xamarin を使用した C# によるモバイルアプリ作成

2015/8/7 日本マイクロソフト大阪支社

エクセルソフト株式会社

Business Development Manager

田淵義人

ytabuchi@xlsoft.com

03-5440-7875 / 080-7015-3586

自己紹介 • 田淵義人• 目指せ！Xamarin エバンジェリスト

• 目指せ！開発もチョットデキル営業

• 目指せ！Xamarin でググれの自己紹介

• Twitter, SNS, Web, HTML5/CSS/JS, モバイル/ガジェット, Web マーケティングなどが好き

• Twitter: @ytabuchi

• facebook: ytabuchi.xlsoft

• Blog: http://ytabuchi.hatenablog.com/

宣伝 • ユーザーグループに是非ご参加ください• http://jxug.org

• Xamarin 日本語情報• http://ytabuchi.hatenablog.com

• Xamarin 本• http://www.amazon.co.jp/dp/4822298345 (書籍)

• http://www.amazon.co.jp/gp/product/B00MN5P6PY (Kindle)

• ペゾルドさんの Xamarin.Forms 本 (PDF)

• http://bit.ly/xmfbook

はじめに

アプリはスマホの利用時間の72%

• スマートフォンの利用時間全体のうち、アプリからの利用時間は Web ブラウザの約2.5倍で、全体の72％を占めている

http://www.netratings.co.jp/news_release/2014/10/Newsrelease20141001.html

セッションゴール

・Xamarin ネイティブでの開発手法を知る・Xamarin.Forms での開発手法を知る・Xamarin.Forms に興味を持つ、使ってみる

モバイルアプリ開発に求められるもの

今までのアプリ開発

モバイル向けクロスプラットフォーム開発環境

“No silver bullet”

Xamarin（ザマリン）・ C# / .NET / Visual Studio・ “ネイティブ” アプリ・ API 100% 移植・コード共通化

業務アプリ, 社内アプリ開発者×Xamarin

iOS / Androidネイティブアプリ開発者×Xamarin

C# / .NET / Visual Studio

C# で開発 • 使い慣れた開発環境 Visual Studio で開発

• async/await, LINQ, ラムダ式などの実装が使える

• Java, Objective-C, Swift 記述不要

• NuGet ライブラリ、MS エコシステム• 31,490 unique packages

• Json.NET, HttpClient, SQLite, RestSharp, Reactive Extensions, MvvmCross

var ret = from p in List<Person>where p.Age >= 20select p;

Windows API

iOSAPI

100% 対応

AndroidAPI

100% 対応

Xamarin を使用した開発

.NET BCL (Mono)

• System.IO• ファイル操作の共通化

• System.NET• ネットワーク操作の共通化

• System.Linq• データ操作の簡素化、共通化

• System.XML• XML 操作の簡素化、共通化

• System.Threading• 上記全般もですが、非同期処理の恩恵

デモ

デモ振り返り • サンプルプロジェクト• GitHub

• XLsoft サイトからのダウンロード

• Xamarin ネイティブの開発手法• エクセルソフトのドキュメントページの

• Hello, iPhone

• Hello, Android

• Storyboard Editor, Android Designer

• Segue や Intent の考え方

コード共通化

Xamarin を使用した開発

Xamarin.Forms - 画面の共通化

UI “コード”の共通化

ビルド時にネイティブ UI にマップ

XAML

Pages

Content MasterDetail Navigation Tabbed Carousel

Layouts

Stack Absolute Relative Grid ContentView ScrollView Frame

Controls

ActivityIndicator BoxView Button DatePicker Editor

Entry Image Label ListView Map

OpenGLView Picker ProgressBar SearchBar Slider

Stepper TableView TimePicker WebView EntryCell

ImageCell SwitchCell TextCell ViewCell

デモ

デモ振り返り • サンプルプロジェクト• GitHub

• XLsoft サイトからのダウンロード

• ViewCell を使用した ListView• Working with ListView (Xamarin 公式)

• Xamarin MVP Adam さんの Recipe

• Data Binding

• IValueConverter

• Xamarin.Forms for Windows• Windows Phone / Windows ストア

事例

NHK 紅白

フェンリル株式会社様

http://biz.fenrir-inc.com/application_development/casestudy_app/nhk_kouhaku.html

みんなのてんこ

• Xamarin.Forms ＆ BLE 活用事例

株式会社クレスコ様

http://www.xlsoft.com/jp/products/xamarin/apps_minnano_tenko.html

melocy(メロシー)

• Xamarin.Android + NDK 活用事例

株式会社 ignote

http://www.xlsoft.com/jp/products/xamarin/apps_melocy.html

ルナルナ体温ノート

株式会社エムティーアイ様

http://www.xlsoft.com/jp/products/xamarin/apps_mti.html

評価版

http://j.mp/xm-eval

まとめ

Xamarin（ザマリン）・ C# / .NET・ “ネイティブ” アプリ・ API 100% 移植・コード共通化

Xamarin.Forms - 画面の共通化

UI “コード”の共通化

ビルド時にネイティブ UI にマップ

XAML

ご清聴ありがとうございます

ご質問がありましたら、田淵までお気軽にどうぞytabuchi@xlsoft.com080-7015-3586 / 03-5440-7875Twitter: @ytabuchiBlog: http://ytabuchi.hatenablog.com/