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.

使った気になれるFirebase

1,680 views

Published on

http://isao.connpass.com/event/40442/
こちらの資料です。

Published in: Mobile
  • Be the first to comment

使った気になれるFirebase

  1. 1. You feel like you used it properly with 9/28/2016 @mfks17 ISAO Meetup #5 #ISAOcorp
  2. 2. 🆔mfks17 ♑️Motohiko Fukase 🇯🇵Kanagawa, Japan 🔗http://mfks17.org 🏢ISAO Corporation #ISAOcorp 自己紹介
  3. 3. Contribution🌟 https://github.com/mfks17/bitbar-plugin-github-trending
  4. 4. #ISAOcorp
  5. 5. Question❓❔ #ISAOcorp
  6. 6. Firebase バリバリ使ってます🔥 #ISAOcorp
  7. 7. AST対応✅ #ISAOcorp
  8. 8. Xcode8, Swift3, iOS10 📱 #ISAOcorp
  9. 9. 🙋🙆🙅
  10. 10. アジェンダ • Firebaseの概要 • Firebaseの組み込み方法 • TIPS #ISAOcorp
  11. 11. 話さない事 • Androidの事😱 • Hacking • 導入してどうだったか #ISAOcorp
  12. 12. アジェンダ • Firebaseの概要 • Firebaseの組み込み方法 • TIPS #ISAOcorp
  13. 13. その前に • Firebaseはなにが良いのか • メリット • 似たサービス #ISAOcorp
  14. 14. • Firebaseはなにが良いのか ? https://firebase.google.com/ #ISAOcorp
  15. 15. メリット • 沢山の機能を単一の画面で管理できる • バックエンドのサーバ構築運用を丸投げできる • モバイル側の実装に集中できる • Push、Crash reporting、Analytics、etc.., アプリ開発に必要な機能が1通りそろっている #ISAOcorp
  16. 16. 頑張って欲しいところ • アカウントの権限が柔軟に指定できない • Googleさん色々に委ねる • Chatツールなどの連携
  17. 17. 似たサービス • ニフティクラウド mobile backend • Repro #ISAOcorp
  18. 18. ニフティクラウド mobile backend
  19. 19. Repro
  20. 20. アジェンダ • Firebaseの概要 • Firebaseの組み込み方法 • TIPS #ISAOcorp
  21. 21. Firebaseの概要 ・Firebaseは、Googleが約2年前に買収 したBackend as a Service(BaaS)、モ バイルプラットフォームです🚀 ・今回のGoogle/IOで2.0になり機能が 強化されました🎉 #ISAOcorp
  22. 22. Firebaseの概要 • Firebaseの機能 • 完全無料 • プランにより有料 #ISAOcorp
  23. 23. 完全無料 ・Firebase Analytics ・Firebase App Indexing ・Firebase Authentication ・Firebase Dynamic Links ・Firebase Invites ・Firebase Notifications ・Firebase Crash Reporting ・Firebase Remote Config #ISAOcorp
  24. 24. プランによって変動 ・Firebase Realtime Database ・Firebase Storage ・Firebase Hosting ・Test Lab ・Firebase Cloud Messaging(FCM) #ISAOcorp
  25. 25. 3つのプラン ・十分に利用できる無料プラン ・月額が予測可能な初期スタートアップ向けの 固定レートプラン ・大規模アプリ対応の従量プラン #ISAOcorp
  26. 26. https://firebase.google.com/pricing/ Firebaseの料金体系 #ISAOcorp
  27. 27. https://firebase.google.com/pricing/ Firebaseの料金体系 #ISAOcorp
  28. 28. Firebaseの料金体系 #ISAOcorp https://firebase.google.com/pricing/
  29. 29. アジェンダ • Firebaseの概要 • Firebaseの組み込み方法 • TIPS #ISAOcorp
  30. 30. Firebaseの組み込み方法 • Firebase Notificationsの例 #ISAOcorp https://goo.gl/UHs1GM
  31. 31. Firebaseの組み込み方法 • 手順 • App IDの発行 • Xcodeでプロジェクトを作成 • Firebaseのconsoleでアプリを登録する • Xcodeでプロジェクトの設定をする • Firebase consoleでの設定 • Push通知を送る #ISAOcorp
  32. 32. Firebaseの組み込み方法 • App IDの作成 • iOS Developer CenterのCertificates, Identifiers & ProfilesでApp IDを発行 #ISAOcorp
  33. 33. Firebaseの組み込み方法 • Firebaseのconsoleでアプリを登録する https://console.firebase.google.com/ #ISAOcorp
  34. 34. Firebaseの組み込み方法 #ISAOcorp
  35. 35. Firebaseの組み込み方法 bundle ID (App Store ID)を入力 #ISAOcorp
  36. 36. Firebaseの組み込み方法 plistファイルをDL #ISAOcorp
  37. 37. Firebaseの組み込み方法 各機能毎にplistのDLを要求されるので、その都度最新の ファイルをプロジェクトに組み込む必要がある #ISAOcorp
  38. 38. Firebaseの組み込み方法 • ライブラリのDL • Cocoa pods • pod install #ISAOcorp
  39. 39. Firebaseの組み込み方法 D&Dする #ISAOcorp
  40. 40. Firebaseの組み込み方法 func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool { FIRApp.configure() let types: UIUserNotificationType = [UIUserNotificationType.Badge, UIUserNotificationType.Alert, UIUserNotificationType.Sound] let settings: UIUserNotificationSettings = UIUserNotificationSettings( forTypes: types, categories: nil ) application.registerUserNotificationSettings( settings ) application.registerForRemoteNotifications() return true } #ISAOcorp
  41. 41. Firebaseの組み込み方法 func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool { FIRApp.configure() let types: UIUserNotificationType = [UIUserNotificationType.Badge, UIUserNotificationType.Alert, UIUserNotificationType.Sound] let settings: UIUserNotificationSettings = UIUserNotificationSettings( forTypes: types, categories: nil ) application.registerUserNotificationSettings( settings ) application.registerForRemoteNotifications() return true } #ISAOcorp
  42. 42. Firebaseの組み込み方法 #ISAOcorp func registerForPushNotifications(application: UIApplication) { let settings: UIUserNotificationSettings = UIUserNotificationSettings(forTypes: [.Alert, .Badge, .Sound], categories: nil) application.registerUserNotificationSettings(settings) application.registerForRemoteNotifications() } func tokenRefreshNotificaiton(notification: NSNotification) { let refreshedToken = FIRInstanceID.instanceID().token()! } ttps://gist.github.com/mfks17/54839374f088f28b9b7fc803ad467cf
  43. 43. Firebaseの組み込み方法 • コンソール画面でアプリのプロジェクトのセッティ ングを行う • 証明書をDev,Prodそれぞれの環境毎にアップロー ドする #ISAOcorp
  44. 44. Firebaseの組み込み方法 #ISAOcorp
  45. 45. Firebaseの組み込み方法 • こんな感じでシンプルなPush通知を送る事ができ ます。 #ISAOcorp
  46. 46. Firebaseの組み込み方法 • まとめ • App IDの発行 • Xcodeでプロジェクトを作成 • Firebaseのconsoleでアプリを登録する • Xcodeでプロジェクトの設定をする • Firebase consoleでの設定 • Push通知を送る #ISAOcorp
  47. 47. アジェンダ • Firebaseの概要 • Firebaseの組み込み方法 • TIPS #ISAOcorp#ISAOcorp
  48. 48. iOS 10、Xcode 8、Swift 3 • Dynamic Links、Invites、App Indexing • アプリの再ビルドのみでOK • Firebase Analytics • 新しいライブラリでビルドすればOK • Firebase Cloud Messaging • 近々対応予定 • サンプルコードのSwift3化は近々対応予定 https://googledevjp.blogspot.jp/2016/09/ios-10-xcode-8-and-swift-3.html #ISAOcorp
  49. 49. iOS 10、Xcode 8、Swift 3 • Dynamic Links、Invites、App Indexing • アプリの再ビルドのみでOK • Firebase Analytics • 新しいライブラリでビルドすればOK • Firebase Cloud Messaging • 近々対応予定👍 • サンプルコードのSwift3化は近々対応予定👍 https://googledevjp.blogspot.jp/2016/09/ios-10-xcode-8-and-swift-3.html #ISAOcorp
  50. 50. iOS 10、Xcode 8、Swift 3 • Dynamic Links、Invites、App Indexing • アプリの再ビルドのみでOK • Firebase Analytics • 新しいライブラリでビルドすればOK • Firebase Cloud Messaging • 近々対応予定👍 • サンプルコードのSwift3化は近々対応予定👍 https://googledevjp.blogspot.jp/2016/09/ios-10-xcode-8-and-swift-3.html #ISAOcorp 対応必要 アップデートドキュメント参照
  51. 51. サンプルコード • https://github.com/firebase • なかの人がメンテしている • 手元で確認はしていないが、Swift3に対応してい る旨のコミットコメントあり #ISAOcorp
  52. 52. 参照 • Firebaseに関する投稿 - Qiita • Firebase (@Firebase) | Twitter • スマホアプリ開発を加速する,Firebaseを使ってみ よう • Firebase Google Group #ISAOcorp
  53. 53. まとめ • まだまだ、再スタートをして約半年🚼 • Googleさんの今後にご期待ください😎 • Googleさんのレールに乗る事になるが、 アプリのコンテキストを考慮して、導入出来る 所は導入していきたい🔥 #ISAOcorp
  54. 54. ご静聴ありがとうございました😄 #ISAOcorp
  55. 55. We are hiring!🙌🙌🙌 https://www.isao.co.jp/recruit/ #ISAOcorp
  56. 56. QA🤔 #ISAOcorp

×