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を利用したアプリ開発

952 views

Published on

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

Published in: Technology
  • Be the first to comment

Xamarinを利用したアプリ開発

  1. 1. Xamarinを利用したアプリ開発 2018.01.25 タガヤス3
  2. 2. 自己紹介 • 氏家晋(Ujiie Kuni) • I work at GrapeCity and live in Sendai. • .NET界隈に生息して14年くらい • SaaSやWeb APIとか試すのが好き • Xamarinビギナー。触り始めて半年くらい
  3. 3. Xamarinを触り始めたきっかけ • 弊社でリリースしている ComponentOne Studio for Xamarinにアサイン されて触り始めた (2017.07~)
  4. 4. Xamarinのいいトコロ • Xamarin.Forms(XAML&C#)でUIとロジックを共有してiOS、Android、 UWPアプリがサクッと作成できる。
  5. 5. Xamarinのいいトコロ • 情報が豊富。サンプル、ドキュメントがたくさん公開されている。
  6. 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. 7. Xamarinのいいトコロ • C#で書いたロジックをモバイル環境 以外でも再利用しやすい • クラウド(.NET Core) • Azure • AWS • GCP • IBM Cloud • オンプレミス • Windows(WPF、UWP) • Linux(.NET Core) • macOS(.NET Core)
  8. 8. Xamarinのいいトコロ • XAMLで書いたUIをモバイル環境以外でも利用できるようになる。ロード マップではMacOS、WPF、Linuxもサポートが予定されている
  9. 9. Xamarinのちょっと大変なトコロ • Xamarin.FormsだとOS固有の機能や動作が必要なアプリを作るのに手間 がかかる(ARKit、ARCore、etc.)
  10. 10. Xamarinのちょっと大変なトコロ • 枯れた技術ではないのでアップデートが多い。アップデートしてビルドす るとエラーになった、使っていたライブラリが対応していない…。
  11. 11. Xamarinのちょっと大変なトコロ • 色々と覚えることが盛り沢山。でも調べる or 質問すれば大抵解決 (teratail、Qiita、JXUG)
  12. 12. Xamarin.Formsで作ったアプリ #1
  13. 13. 概要 • Connpassのイベント検 索アプリ • イベントサーチAPIを利 用して入力したキーワー ドにヒットしたイベント を取得して表示する
  14. 14. 処理フロー リクエスト(HTTP) レスポンス(JSON)
  15. 15. イベントサーチAPI(リクエスト)
  16. 16. イベントサーチAPI(レスポンス)
  17. 17. DEMO
  18. 18. MainPage(XAML)
  19. 19. MainPage(C#) • ボタンをクリック (GetEvent)して入力 したテキストをAPIに渡 して呼び出す • 結果をリスト(list)に 表示 • リストの項目をタップ (OnSelection)して詳 細ページに移動
  20. 20. DetailPage(XAML)
  21. 21. DetailPage(C#) • 選択したイベント情報 (eventItem)のWeb ページをWebView (detail)に表示
  22. 22. ロジック(C#) • 入力したテキストをクエ リパラメーター (keyword)に設定して APIをリクエスト • レスポンス(JSON)を デシリアライズしてイベ ント情報(data)を取得 • イベント情報のリスト (list)を作成して返す
  23. 23. ふりかえり • Xamarin.Formsは画面とロジックを1つのソースコード(XAML&C#)で 共通化できて便利。簡単に導入、作成できて修正や更新もカンタン • UWPのWebViewではモバイル用のレスポンスシブな表示ではなくスケー ルもされない。表示を調整しようとすると、各OSごとに個別に実装する 必要がある
  24. 24. Xamarin.Formsで作ったアプリ #2
  25. 25. 概要 • お天気アプリ • お天気Webサービス (Livedoor Weather Web Service / LWWS) を利用して入力した地域 の天気情報を取得して表 示する
  26. 26. DEMO
  27. 27. まとめ • Xamarin.Formsでまずは簡単にア プリ開発を始めてみましょう • Try Xamarin(^^♪
  28. 28. デモのソース • https://github.com/ukgraphics/ConnpassEventList • https://github.com/ukgraphics/WeatherApp
  29. 29. ありがとうございました

×