Upgrade to Pro — share decks privately, control downloads, hide ads and more …

firebase勉強会資料

6cdb33045501f0d30733e9cdfb739f7e?s=47 gupuru
October 03, 2016
Programming
3
710

 firebase勉強会資料

https://github.com/gupuru/firebase-hands-on

6cdb33045501f0d30733e9cdfb739f7e?s=128

gupuru

October 03, 2016
Tweet

More Decks by gupuru

See All by gupuru
fukuoka_kt_1
6cdb33045501f0d30733e9cdfb739f7e?s=48 gupuru
0
57
ng-fukuoka-meetup-1
6cdb33045501f0d30733e9cdfb739f7e?s=48 gupuru
0
260
AngularとAzureのCustom Vision Serviceを使って 画像認識サイトを作ってみた
6cdb33045501f0d30733e9cdfb739f7e?s=48 gupuru
0
460
紙について少し詳しくなる10分間
6cdb33045501f0d30733e9cdfb739f7e?s=48 gupuru
0
260
make bot, fun bot
6cdb33045501f0d30733e9cdfb739f7e?s=48 gupuru
0
240
iOS and Android SVG
6cdb33045501f0d30733e9cdfb739f7e?s=48 gupuru
0
280
Firebaseについて
6cdb33045501f0d30733e9cdfb739f7e?s=48 gupuru
1
160
BLEを使って、すれ違い通信をやってみるよー
6cdb33045501f0d30733e9cdfb739f7e?s=48 gupuru
0
1.7k
HiyokoDeveloperMeeting
6cdb33045501f0d30733e9cdfb739f7e?s=48 gupuru
1
110

Other Decks in Programming

See All in Programming
クックパッドマートの失敗したデータ設計 Before / After 大放出
0be62f7ac4cc32f37f02a98aaeb86f5f?s=48 mokuzon
20
25k
ZOZOTOWNにおけるDatadogの活用と、それを支える全社管理者の取り組み / 2022-07-27
198d69383210fbec8c6bea4a35863c9d?s=48 tippy
0
2.9k
Scaling Productivity- How we have improved our dev experience
63c8b0590595c3de58406678ef99a6bf?s=48 sockeqwe
1
120
Rust on Lambda 大きめCSV生成
Bfcda4dca8fd6a07980ed8d5b21a572b?s=48 atsuyokota
1
390
「困りごと」から始める個人開発
4a0e3afe85259f2973dbc9386b6a4bb3?s=48 ikumatadokoro
4
240
Lookerとdbtの共存
739b3e6644385d832834f6d4db498642?s=48 ttccddtoki
0
610
Amazon Lookout for Visionで 筆跡鑑定してみた
B3cc0e7ba8e6c941f08a2e6f69d3e4c2?s=48 cmnakamurashogo
0
130
Introduction to Property-Based Testing @ COSCUP 2022
Fd9f21969cd8a0cbf0b2f48a9af0cc28?s=48 cybai
1
150
How to start contributing to Kubernetes Projects
Db3181d9b15867e445d87720bfc59577?s=48 ydfu
0
120
Rに管理されてみる
154699a2e3d8b497494a5ee118f211a5?s=48 kazutan
0
250
ECサイトの脆弱性診断をいい感じにやりたい/OWASPKansaiNight_LT1_220727
341ac9f717b3904d6674784c0fcd9cf2?s=48 owaspkansai
0
280
WindowsコンテナDojo：第6回 Red Hat OpenShift入門
E5eb221d34d4ffbe973f8542b4c3a00e?s=48 oniak3ibm
PRO
0
150

Featured

See All Featured
Stop Working from a Prison Cell
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
262
17k
The Success of Rails: Ensuring Growth for the Next 100 Years
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
14
3.8k
GitHub's CSS Performance
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1020
420k
Docker and Python
Ecdea9b9714877b86cee08458f085481?s=48 trallard
27
1.6k
Designing the Hi-DPI Web
C157b16234f1e75e8eac3698c1d4414a?s=48 ddemaree
272
32k
Fight the Zombie Pattern Library - RWD Summit 2016
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
226
15k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
88f4e84b94fe07cddbd9e6479d689192?s=48 soudai
39
13k
KATA
E9221b172e78e888355fa2fe4541b595?s=48 mclloyd
7
8.8k
BBQ
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
74
7.9k
ReactJS: Keep Simple. Everything can be a component!
Af6a12710770ad9a7cfd08c97efd40d3?s=48 pedronauck
655
120k
Building Your Own Lightsaber
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
95
4.7k
Automating Front-end Workflow
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
1351
200k

Transcript

  1. None

  2. About me ৽ݟ ߊฏ גࣜձࣾηϑϦͱ͍͏ձࣾͰɺYAMAPͷAndroidΞϓϦΛ࡞͍ͬͯΔ iOSΤϯδχΞͰ͢ɻ ࠷ۙ͸ɺTensorFlow, Docker, Angular2ͳͲ΍͍ͬͯͯiOSશવ Ͱ͖ͯͳ͍ʢٽʣ

    » Twitter: @gupuru » GitHub: gupuru

  3. ηϑϦ͸ɺͲΜͳاۀ͔ͱݴ͏ͱ…ࣾ௕͕ݘͰ͢ʂ

  4. FirebaseͬͯɺԿʁ

  5. Firebase » mBaaS » ΞϓϦ΍Web։ൃʹඞཁͳػೳ͕਺ଟ͘ఏڙ͞Ε͍ͯΔ » Google͕ӡӦ͍ͯ͠ΔαʔϏε » 2011೥ελʔτ(2014೥ޙ൒ʹGoogle͕ങऩ) »

    ແྉͰ͔ͭ͑Δ΋ͷ͕ଟ͍
  6. None
  7. None

  8. ͕࣌ؒڐ͢ݶΓɺ঺հ͍ͯ͘͠Αʔ

  9. Analytics

  10. Analytics » ϞόΠϧΞϓϦʹಛԽͨ͠ Google ΞφϦςΟΫεΈ͍ͨͳ΋ͷ » Πϕϯτܕ෼ੳπʔϧ » ແྉ »

    iOS, Android

  11. iOSͷಋೖ pod 'Firebase/Core' import UIKit import Firebase @UIApplicationMain class AppDelegate:

    UIResponder, UIApplicationDelegate { var window: UIWindow? func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool { //௥Ճ FIRApp.configure() return true } }

  12. Androidͷಋೖ compile 'com.google.firebase:firebase-core:9.6.1' public class MainActivity extends AppCompatActivity { private

    final MainActivity self = this; private FirebaseAnalytics mFirebaseAnalytics; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mFirebaseAnalytics = FirebaseAnalytics.getInstance(this); } }
  13. None

  14. Cloud Messaging

  15. Cloud Messaging » ϓογϡ௨஌ » iOS, Android, Web » ແྉ

    » Notification MessageͱData Messageͷ̎छྨ

  16. Notification Message { "to" : "HHwgIpoDKCIZvvDMExUdFQ3P1...", "notification" : { "body"

    : "΅Ͱ͍", "title" : "͍ͨͱΔ", "icon" : "myicon" } } curl --header "Authorization: key=...guQidTc7xzs8" \ --header Content-Type:"application/json" \ https://fcm.googleapis.com/fcm/send \ -d "{\"to\": \"...ifS-oaJevN_VwU0Y\",\"priority\":\"high\",\"notification\": {\"title\": \"this is title\", \"body\": \"this is body\"}}"

  17. Data Message { "to" : "xUdFQ3P1...", "data" : { "name"

    : "fox", "body" : "neko", "Place" : "horaana" }, } curl --header "Authorization: key=...guQidTc7xzs8" \ --header Content-Type:"application/json" \ https://fcm.googleapis.com/fcm/send \ -d "{\"to\": \"...aJevN_VwU0Y\",\"priority\":\"high\",\"data\": {\"custom_title\": \"this is custom title\", \"custom_body\": \"this is custom body\", \"icon\": \"ic_stat_ic_notification\"}}"

  18. Androidͷಋೖ compile 'com.google.firebase:firebase-messaging:9.6.1'

  19. tokenऔಘ FirebaseInstanceId.getInstance().getToken();

  20. ௨஌ͷϋϯυϦϯά public class MyFirebaseMessagingService extends FirebaseMessagingService { public void onMessageReceived(RemoteMessage

    remoteMessage) { Log.d(TAG, "From: " + remoteMessage.getFrom()); if (remoteMessage.getData() != null) { //data } if (remoteMessage.getNotification() != null) { //notification } } } <service android:name=".MyFirebaseMessagingService"> <intent-filter> <action android:name="com.google.firebase.MESSAGING_EVENT"/> </intent-filter> </service>

  21. Notifications

  22. Notifications » ϓογϡ௨஌ » Webίϯιʔϧ͔Β࢖͏(ίʔυΛॻ͘ඞཁͳ͠) » ແྉ » iOS, Android

  23. None

  24. Authentication

  25. Authentication » ϩάΠϯपΓ » ϝΞυ, ಗ໊ΞΧ΢ϯτ, Google, Facebook, Twitter, GitHubͳͲʹରԠ

    » ແྉ » FirebaseUIΛ࢖͑͹ɺuiͳͲ΋؆୯ʹ࣮૷Ͱ͖Δ » iOS, Android, Web
  26. None

  27. Androidͷಋೖ(firebase UI) compile 'com.firebaseui:firebase-ui-auth:0.6.0' FirebaseAuth auth = FirebaseAuth.getInstance(); if (auth.getCurrentUser()

    != null) { //ϩάΠϯࡁΈ } else { startActivityForResult( AuthUI.getInstance().createSignInIntentBuilder().build(), RC_SIGN_IN); } protected void onActivityResult(int requestCode, int resultCode, Intent data) { super.onActivityResult(requestCode, resultCode, data); if (requestCode == RC_SIGN_IN) { if (resultCode == RESULT_OK) { // ϩάΠϯ੒ޭ } } }

  28. Webͷ৔߹ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Firebase ui sample</title>

    <!-- firebaseͷ͋ΕΛషͬͯ͜͜ʹ --> <script src="https://www.gstatic.com/firebasejs/ui/live/0.5/firebase-ui-auth.js"></script> <link type="text/css" rel="stylesheet" href="https://www.gstatic.com/firebasejs/ui/live/0.5/firebase-ui-auth.css" /> <script type="text/javascript"> // FirebaseUI config. var uiConfig = { 'signInSuccessUrl': '੒ޭޙͷurl', 'signInOptions': [ firebase.auth.FacebookAuthProvider.PROVIDER_ID, firebase.auth.EmailAuthProvider.PROVIDER_ID ], }; var ui = new firebaseui.auth.AuthUI(firebase.auth()); ui.start('#firebaseui-auth-container', uiConfig); </script> </head> <body> <div id="firebaseui-auth-container"></div> </body> </html>
  29. None

  30. Realtime Database

  31. Realtime Database » NoSQL JSON σʔλϕʔε » ϦΞϧλΠϜಉظ(ΦϑϥΠϯରԠ) » iOS,

    Android, Web » ༗ྉ(ແྉ࿮͋Γ)

  32. iOSͷಋೖ pod 'Firebase/Database' import UIKit import Firebase @UIApplicationMain class AppDelegate:

    UIResponder, UIApplicationDelegate { var window: UIWindow? func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool { //௥Ճ FIRApp.configure() return true } }

  33. import UIKit import FirebaseDatabase class ViewController: UIViewController { let rootRef

    = FIRDatabase.database().reference() override func viewDidLoad() { super.viewDidLoad() //ಡΈࠐΈ rootRef.observe(.value, with: { snapshot in print("\(snapshot.key) -> \(snapshot.value)") }) //ॻ͖ࠐΈ rootRef.child("food").setValue("ΓΜ͝͞·") } }
  34. None

  35. Storage

  36. Storage » ετϨʔδ(S3ʹ͍͔ۙ΋) » ը૾, ಈը, Ի੠ͳͲͷμ΢ϯϩʔυ, Ξοϓϩʔυ » iOS,

    Android, Web » ༗ྉ(ແྉ࿮͋Γ)

  37. iOSͷಋೖ pod 'Firebase/Storage' import UIKit import Firebase @UIApplicationMain class AppDelegate:

    UIResponder, UIApplicationDelegate { var window: UIWindow? func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool { //௥Ճ FIRApp.configure() return true } }

  38. Ξοϓϩʔυ import FirebaseStorage class ViewController: UIViewController { let storage =

    FIRStorage.storage() override func viewDidLoad() { super.viewDidLoad() let storageRef = storage.reference(forURL: "gs://fir-handson-ce2a8.appspot.com") if let data = UIImagePNGRepresentation(UIImage(named: "ie")!) { let riversRef = storageRef.child("images/ie.png") riversRef.put(data, metadata: nil, completion: { metaData, error in print(metaData) print(error) }) } } }
  39. None

  40. μ΢ϯϩʔυ import FirebaseStorage class ViewController: UIViewController { let storage =

    FIRStorage.storage() override func viewDidLoad() { super.viewDidLoad() let storageRef = storage.reference(forURL: "gs://fir-handson-ce2a8.appspot.com") let ieRef = storageRef.child("images/hogehoge.png") ieRef.data(withMaxSize: 1 * 1024 * 1024) { (data, error) -> Void in if (error != nil) { print(error) } else { let image: UIImage! = UIImage(data: data!) } } } }
  41. None

  42. Hosting

  43. Hosting » WebαΠτެ։ » HTTP/2, SSL » ༗ྉ(ແྉ࿮͋Γ) » ಠࣗυϝΠϯՄೳ(ແྉ)

  44. ಋೖ npm install -g firebase-tools ॳظԽ firebase init

  45. None

  46. ެ։ firebase deploy ֬ೝ firebase open

  47. Crash Reporting

  48. Crash Reporting » ΫϥογϡϨϙʔτ » ϕʔλ » ແྉ » iOS,

    Android

  49. Androidͷಋೖ compile 'com.google.firebase:firebase-crash:9.6.1'

  50. None

  51. Remote Config

  52. Remote Config » Ϋϥ΢υͰϞόΠϧΞϓϦͷઃఆ஋Λ؅ཧͰ͖ΔαʔϏε » iOS, Android » ແྉ

  53. Androidͷಋೖ compile 'com.google.firebase:firebase-config:9.6.1'

  54. σϑΥϧτ஋ͷઃఆ <?xml version="1.0" encoding="utf-8"?> <defaultsMap> <entry> <key>test</key> <value>ͯ͢</value> </entry> </defaultsMap>

  55. FirebaseRemoteConfig remoteConfig; remoteConfig = FirebaseRemoteConfig.getInstansce(); //σϕϩούʔϞʔυࢦఆ FirebaseRemoteConfigSettings configSettings = new

    FirebaseRemoteConfigSettings.Builder() .setDeveloperModeEnabled(BuildConfig.DEBUG) .build(); remoteConfig.setConfigSettings(configSettings); //σϑΥϧτͷ஋ΛಡΈࠐΉ remoteConfig.setDefaults(R.xml.remote_config_defaults); remoteConfig.fetch(43200) .addOnCompleteListener(new OnCompleteListener<Void>() { @Override public void onComplete(@NonNull Task<Void> task) { if (task.isSuccessful()) { //஋Λ൓ө remoteConfig.activateFetched(); } else { //fetchࣦഊ } } });
  56. None

  57. App Indexing

  58. App Indexing » ΢ΣϒαΠτͱΞϓϦΛඥ෇͚Δ » ແྉ » iOS, Android

  59. ɹσΟʔϓϦϯΫͷઃఆ(Andoirdͷ৔߹) <activity android:name=".MainActivity"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" />

    <action android:name="android.intent.action.VIEW" /> <data android:scheme="https" android:host="fir-sample-51a1e.firebaseapp.com" /> <category android:name="android.intent.category.DEFAULT" /> <category android:name="android.intent.category.BROWSABLE" /> </intent-filter> </activity>

  60. ςετ adb shell am start -a android.intent.action.VIEW -d "url" com.example.hoe

  61. Dynamic Links

  62. Dynamic Links » ΞϓϦͷΠϯετʔϧଅਐ » ແྉ » iOS, Android

  63. Androidͷಋೖ compile 'com.google.firebase:firebase-invites:9.6.1'

  64. None

  65. Invites

  66. Invites » γΣΞػೳ » ແྉ » iOS, Android

  67. Androidͷಋೖ compile 'com.google.firebase:firebase-invites:9.6.1' ※Dynamic Linksͷ༗ޮ͕ඞཁ

  68. ট଴ Intent intent = new AppInviteInvitation.IntentBuilder(getString(R.string.invitation_title)) .setMessage(getString(R.string.invitation_message)) .setDeepLink(Uri.parse(getString(R.string.invitation_deep_link))) .setCustomImage(Uri.parse(getString(R.string.invitation_custom_image))) .setCallToActionText(getString(R.string.invitation_cta))

    .build(); startActivityForResult(intent, REQUEST_INVITE); ݁Ռ @Override protected void onActivityResult(int requestCode, int resultCode, Intent data) { super.onActivityResult(requestCode, resultCode, data); if (requestCode == REQUEST_INVITE) { if (resultCode == RESULT_OK) { String[] ids = AppInviteInvitation.getInvitationIds(resultCode, data); for (String id : ids) { Log.d(TAG, "onActivityResult: sent invitation " + id); } } } }

  69. ड৴ @Override protected void onCreate(Bundle savedInstanceState) { mGoogleApiClient = new

    GoogleApiClient.Builder(this) .addApi(AppInvite.API) .enableAutoManage(this, this) .build(); boolean autoLaunchDeepLink = true; AppInvite.AppInviteApi.getInvitation(mGoogleApiClient, this, autoLaunchDeepLink) .setResultCallback( new ResultCallback<AppInviteInvitationResult>() { @Override public void onResult(AppInviteInvitationResult result) { if (result.getStatus().isSuccess()) { Intent intent = result.getInvitationIntent(); String deepLink = AppInviteReferral.getDeepLink(intent); String invitationId = AppInviteReferral.getInvitationId(intent); } } }); }

  70. ·ͱΊ

  71. Firebaseศརͩͧ(ŋТŋ)b

  72. ࠷ޙʹݴ͍๨Εͨ͜ͱ͕...

  73. ࣾ௕ͷ໊લ͸ɺϋφͪΌΜͰ͢ʢসʣ

  74. ͝ਗ਼ௌɺ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ