2018年1月25日(木)開催 「タガヤス その3 ーXamarinを学んでみよう」 セッション3資料

1. Xamarinを利用したアプリ開発
2018.01.25 タガヤス３

2. 自己紹介
• 氏家晋（Ujiie Kuni）
• I work at GrapeCity and live in Sendai.
• .NET界隈に生息して14年くらい
• SaaSやWeb APIとか試すのが好き
• Xamarinビギナー。触り始めて半年くらい

3. Xamarinを触り始めたきっかけ
• 弊社でリリースしている
ComponentOne Studio
for Xamarinにアサイン
されて触り始めた
（2017.07～）

4. Xamarinのいいトコロ
• Xamarin.Forms（XAML＆C#）でUIとロジックを共有してiOS、Android、
UWPアプリがサクッと作成できる。

5. Xamarinのいいトコロ
• 情報が豊富。サンプル、ドキュメントがたくさん公開されている。

6. Xamarinのいいトコロ
• .NET Standard 2.0に対応して使えるラ
イブラリが増えた
• Azure DocumentDB .NET SDK
（Azure Cosmos DB）
• LiteDB（SQLiteに代表されるローカ
ルDBの一つ。.NETなNoSQL）
• System.Text.Encoding.CodePages
（Shift-JISなCSVを扱える）

7. Xamarinのいいトコロ
• C#で書いたロジックをモバイル環境
以外でも再利用しやすい
• クラウド（.NET Core）
• Azure
• AWS
• GCP
• IBM Cloud
• オンプレミス
• Windows（WPF、UWP）
• Linux（.NET Core）
• macOS（.NET Core）

8. Xamarinのいいトコロ
• XAMLで書いたUIをモバイル環境以外でも利用できるようになる。ロード
マップではMacOS、WPF、Linuxもサポートが予定されている

9. Xamarinのちょっと大変なトコロ
• Xamarin.FormsだとOS固有の機能や動作が必要なアプリを作るのに手間
がかかる（ARKit、ARCore、etc.）

10. Xamarinのちょっと大変なトコロ
• 枯れた技術ではないのでアップデートが多い。アップデートしてビルドす
るとエラーになった、使っていたライブラリが対応していない…。

11. Xamarinのちょっと大変なトコロ
• 色々と覚えることが盛り沢山。でも調べる or 質問すれば大抵解決
（teratail、Qiita、JXUG）

12. Xamarin.Formsで作ったアプリ #1

13. 概要
• Connpassのイベント検
索アプリ
• イベントサーチAPIを利
用して入力したキーワー
ドにヒットしたイベント
を取得して表示する

14. 処理フロー
リクエスト（HTTP）
レスポンス（JSON）

15. イベントサーチAPI（リクエスト）

16. イベントサーチAPI（レスポンス）

17. DEMO

18. MainPage(XAML)

19. MainPage(C#)
• ボタンをクリック
（GetEvent）して入力
したテキストをAPIに渡
して呼び出す
• 結果をリスト（list）に
表示
• リストの項目をタップ
（OnSelection）して詳
細ページに移動

20. DetailPage(XAML)

21. DetailPage(C#)
• 選択したイベント情報
（eventItem）のWeb
ページをWebView
（detail）に表示

22. ロジック(C#)
• 入力したテキストをクエ
リパラメーター
（keyword）に設定して
APIをリクエスト
• レスポンス（JSON）を
デシリアライズしてイベ
ント情報（data）を取得
• イベント情報のリスト
（list）を作成して返す

23. ふりかえり
• Xamarin.Formsは画面とロジックを１つのソースコード（XAML＆C#）で
共通化できて便利。簡単に導入、作成できて修正や更新もカンタン
• UWPのWebViewではモバイル用のレスポンスシブな表示ではなくスケー
ルもされない。表示を調整しようとすると、各OSごとに個別に実装する
必要がある

24. Xamarin.Formsで作ったアプリ #2

25. 概要
• お天気アプリ
• お天気Webサービス
（Livedoor Weather
Web Service / LWWS）
を利用して入力した地域
の天気情報を取得して表
示する

26. DEMO

27. まとめ
• Xamarin.Formsでまずは簡単にア
プリ開発を始めてみましょう
• Try Xamarin(^^♪

28. デモのソース
• https://github.com/ukgraphics/ConnpassEventList
• https://github.com/ukgraphics/WeatherApp

29. ありがとうございました