Placeholder Image

字幕表 動画を再生する

  • Yeah, Theo, that was Yeah.

  • We put him back on music in the pokey Do.

  • Except that I'll be showing you guys today.

  • Finally finish it up, though.

  • Good grief.

  • That's lab.

  • Turn down the volume on my computer.

  • But what's up, guys?

  • For us?

  • Not here.

  • You're watching Idol Journey episode in 19.

  • Now, if you just came for the firebase in geo fire tutorial which, by the way, is gonna be, like at least a two part tutorial where we create a pokey finder slash pokey radar app where in this tutorial we're going to kind of go over the map aspect of things and then setting up firebase and geo fire.

  • And then in the future, videos of Idol journey, we're gonna finish the app, you know, step by step.

  • But if you just came for the editorial, Yeah, putting time stamp either in description or in one of a comment down in the common section.

  • So check that out if you just want the tutorial.

  • But if you want to stay before we get to that, I'm going to.

  • So you talk about where I am in my eyes development journey, as well as go over the pokey Dex app for the record that that firebase in jail fire app is pokey finder app.

  • So this was kind of like a prerequisite is making that the pokey Dex app Just Pokemon, That's why.

  • But as for the update, I am currently, of course, working on the fire racing Geo fire, pokey finder app and I've gotten down.

  • The maps have gotten down.

  • Everything that I go over later in this course or just the maps Firebase set up Geo fire.

  • What not finished the Pokey Dex app.

  • And there's a slight announcement.

  • You know, I said, I'm gonna build my social network out.

  • My brother just called me this morning and he proposed an idea of a different app that no understand, like better.

  • And he's actually going to be building a full on business plan and writing down a whole lot of things of what he wants in the app and just planning out basically everything to dish off to me so I can create it.

  • And he already basically runs a business right now.

  • So I don't know if I if I want to fulfill the other social networking app I told you about Or if I'm going to go with this one or from just gonna create the other ones, it's just I need a side before, like the next week or two, because that's when I'm going to start the fire based social network app anyway.

  • So it's a lot to think about it.

  • It's just there's nothing set in stone.

  • I may still go with the other one, like I said, but I just figured I'd document this and just let you guys know that there's some thoughts going round my head with what I want to do with, uh, my first relapse.

  • So yeah, big news, big.

  • Let's go ahead and check out this poky Dex app that I turned the volume down on so you won't be blasted.

  • But I'll show you the value.

  • Don't worry.

  • So let me, uh, let me set this up and let's move on over to the computer.

  • All right, guys.

  • So here we are, as you can see, what the pocket is that we have model of you controller.

  • Similar to last time.

  • You have resource is utilities and whatnot.

  • But all of this code is on.

  • Get hub and you'll notice as mentioned in last video that, uh, maybe I didn't have so much in that Put him on Swift.

  • But you'll notice that I put a lot of comments in there because as I would like to repeat this because it's pretty important, I write the code and that helps me learn.

  • And then right after I write that little bit of code I write in outlets.

  • Well, that's not really that much of a description.

  • So let's come over to V.

  • C.

  • So this it sets a number of items in the section, although this is pretty self explanatory because down here it says number of items in section.

  • If I write it once in code, right it twice or do the second time in English and then afterwards I kind of talk about it with you guys.

  • It helps me remember a whole lot more.

  • So it's just something that I may implement in like a real world up, who knows?

  • But it helps me learn as of right now, so I'm gonna stick with it, and it's not like it hurts any code.

  • It's just a comment, but let's go on to the simulator.

  • Uh, here it is And here's the Pokey Necks simulator.

  • Let me see if I could make this window a little bit bigger.

  • There we go.

  • So here's a Pokey Dex simulator and all right, let me turn this all the way up just so you guys could hear it on their uh, all right, enough of that.

  • All right, I like Put him on.

  • What can I say?

  • But as you can see as last time, we have search the search bar up here.

  • And just like last week, everything's still the same.

  • If I back space, the keyboard's his peers.

  • If I search, the keyboard disappears.

  • And, of course, if I type and Jay anything he put him on with the letter J in it will come up.

  • But I still haven't figured out.

  • I don't know if it's just a simulated thing, or if there's another way to do it the way I I already explained that less video.

  • But when I hit X, the keyboard doesn't disappear.

  • That's my main problem.

  • So if you can help with, that would be great.

  • I went over it last week, so I'm not gonna go over it again.

  • But the main difference between this app and last week's app is instead of when we hit this, it just shows like puppets.

  • Or or if we had this situation charge hard, all it would do is just show the name of the Pokemon.

  • And that was like the first step to make sure Segway works.

  • The VC is good to go and connecting What not?

  • But this week the final application will Final Four this learning purposes.

  • Let me Don't let me tap on charm 1,000,000.

  • So we have bio and moves and I said, it's done for learning purposes because we didn't implement moves because that would have been the same exact thing is we're doing on this side.

  • We're just be learning it again.

  • But we've already done it multiple times, meaning we use Ah pokey a p I and we implemented earn our assets, images and whatnot.

  • But for the pokey AP, I had the type of each Pokemon, the name of each Pokemon, the defense, height, weight, I D based attack and its evolution process and levels and all that good stuff what we did for each thing.

  • So for tight, for wait for height for defense, we looked into the J A p I.

  • The Jason data comforted that Jason Data using a Jason converter just so we could read it easier and using their types like their value names and whatnot in their types of values.

  • So, like energy or string or whatever, Maybe we imported were able to take that whenever we whenever we click on charm 1,000,000 take char millions information like fire wait and all that good stuff and put it into this view controller into this you I But as you can see, here is our main story board instead of having so we had this VC last time instead of just having a simple officer labeled down here with a blue background, we have the same bar up here, basically.

  • So it's a clean transition from one to the other when in the actual app.

  • And then we implemented this bio moves as you saw moves.

  • We don't we didn't do anything with that Or else I think if we were to do that, we would created another VC.

  • Maybe.

  • I don't know.

  • Don't don't quote me on that, but I'm still learning.

  • So you ii image view, we implement it that we implement three of those, actually, because this is the ivy sore, for example.

  • And this would be an ivy storing this would be a Venus or and then, of course, we have the type just like you also.

  • And then also you see how this is a box right here.

  • This is where the description is supposed to be right now.

  • See, I have two spaces in there, just like everything else.

  • I don't understand why it's not working, but with this description box.

  • I did implement a minimal thoughts.

  • Font scale didn't want to be too big.

  • And I also implemented lines.

  • So this has has, ah maximum of 10 lines or has 10 lines that I am able to use.

  • And there's ah, holo.

  • Thanks constraints.

  • What not?

  • And we throw moments deck use we threw.

  • What we did was through this and this and a stack of you and then this in this like heightened polka dots instead of you.

  • And then type in defense of stack view like those across from each other.

  • And then we threw each of those in the stack.

  • You just to make it implement better.

  • So, for example, see, we have that stack view.

  • And within that we have that that's within this deck view.

  • It just helps with space and whatnot.

  • And then come on over to, uh here.

  • So, as you can see right here is function update You.

  • I we have a whole lot of other attack label information.

  • Uh, so we have all these ivy outlets week for name label, main image description label.

  • And that is you could see by the names is relative to the you I that you just saw me bring that up.

  • So and the combo box or type?

  • Height, weight, defense type, height, weight, defense.

  • That's that's how it correlates.

  • And it's connected to that VC.

  • And as we come down, you can see where we update the U I.

  • So whenever we click on Ivy sore, it'll bring up eyesores.

  • Attack, defense, height, weight, type of description.

  • Like I said, all of this information is on get of.

  • I'm not here to teach you about this puppy decks up.

  • I'm here to teach you about the firebase angio fire here in a second.

  • So let me go ahead and close this down.

  • I'm going to go ahead and run the pokey finder app and go through the fire base in selling geo fire.

  • Well, first, before we go into that, we have to have something to attach it to.

  • So we'll have to create the X code, and you can attach firebase to that immediately.

  • But we're going to do is create the map first.

  • So basically the pokey finder app, it's for Pokemon.

  • Go.

  • You know, Pokemon, go If you've ever played it or even in maps, you're walking around the map.

  • You're like a little blue dot on the map and you can walk around whatnot.

  • That's basically what we're gonna be making.

  • And there's a few things that you have to implement in order to get it working.

  • Right.

  • So that's what we're gonna do first.

  • And they're one in fluent Firebase Jo Fire and that'll be it.

  • All right, so I had to come on over to my desk because holding my lot talking from the camera just wasn't doing it.

  • So I'm here at my desk.

  • We're going to go over the pokey radar, Appleby finder app, whatever you wanna call it, and I've already made it.

  • I'm not gonna cut it with you.

  • guys, it's really not that much that I've that I've done.

  • It's just like a few you, I'll show you.

  • But right after this is when we're going to go over the firebase in geo fire because a lot of people are here, they're just looking bloody all.

  • They're just looking to do implement firebase angio fire into Europe location that you've already created, so not necessarily make the poor curator at.

  • So let's just go ahead and talk about what I've done so far.

  • After all, this is Ida Journey.

  • So I must do that.

  • So over here at the main story board, all we did was a matter of you set the constraints in a button and made that button graphic as you can see over on the assets.

  • If this wishes to load, we have 100 51 Pokemon and we have yeah, 100.

  • Anyone putting on a few other apse A few of the pictures, I mean, and that's it for the main dot storyboard is just the button.

  • Second straits met view Second Streets and that's it.

  • You can shoulder is the only other file that we've messed with.

  • And, as you can see, we've imported map kit.

  • We made sure our view controller has Matt View, delegate location, manager, delegate.

  • We have our burials and Constance what?

  • Not on.

  • Then a insider view did load function.

  • We have, ah, user tracking mode format few and that, as you can see here, the Met follows the user's location.

  • So you know how when you're driving and you're using a GPS or if using apple maps or Google maps, you stay in the center and the so basically the screen follows you around instead of you like driving like you just see the blue dot go off the screen.

  • You have Japan.

  • That's what this is.

  • So it follows the blue dot that follows you on the map in the application.

  • And then, uh, we had to create this location all status right here for this function, location, all status.

  • Or we created this in order to implement inside.

  • Here's how it should work it and on Lee find location when map is in use.

  • So basically we implemented that.

  • So if you close out is just running in the background test task, it isn't draining your battery by finding your location and only find your location when the when the application is open and we have to ask, Can we access your location?

  • And that's why we don't go into this right here.

  • And this is location manager.

  • In order to do this, we had the implement location and your function, and that's what all of this is for.

  • In order for us to prompt, Kimmy, access your location and let's keep moving on are another function center map on location determines the size of the region shown on the map.

  • So basically, when you open up apple maps, you'll notice How do you know what?

  • Let me open it up right now.

  • You'll notice how like it opens it up to a certain Let me just open up Google map so it opens it up.

  • Uh, I'm on that, but it opens up too, to make your shirts that big.

  • Sorry about this, guys.

  • Let me, uh, get that focused in there, but it opens up to make sure it's that big right?

  • See wherever, Wherever the dot is, and then the screen is that big, you could set it so it opens up.

  • That big chord opens up this big order opens up this big.

  • You know, that's basically what that is.

  • Let me let me get me focused.

  • And that's basically what That it's so right.

  • Um, here.

  • I just I just remember that this is awfully small screen.

  • You may not be able to see the phone, but I'm sure you understand what I'm saying so determines how far away you are.

  • How much of the map you can see when you open the when you open the app.

  • So let's move on from that tells map to center.

  • So this you can probably implement a button with this.

  • You know how I'm not gonna go back on the on the phone because you may not be able to see it, but you know how you can hit that button and it centers.

  • It goes back to you being center.

  • That's what this is.

  • And it just tells the map to center you and what we also implement is make sure it doesn't auto center when you're trying to pan.

  • So if you're trying to pin over like you're here, you're here and you're trying to pan over to some, uh, CIA Pokemon over there.

  • You don't want, uh, toe Auto Center or else you won't be able to paint.

  • And that would be, uh that would be a hassle.

  • And then down here on our map view function, replace blue dot with ash for user's location.

  • Like you.

  • You know how on the application you just all blue dot That represented me instead, Like this.

  • Let's go back to assets.

  • Let me just show you it's a image of ash.

  • Ketchum, if you If you're familiar with Pokemon Ash right here, uh, this is you basically in the application, and that's what we did.

  • And that's basically it.

  • That's what we did.

  • We have ivy action for our pok ball button we have up here or Ivy outlet format view.

  • And like I said, yep, that's it.

  • So now let's implement firebase into our application.

  • I assume you already have firebase account and ignore these perpetrators.

  • I'm just gonna create another one named Pookie Radar.

  • These aren't hooked up to anything but pokey radar.

  • So you want to create it?

  • You know what?

  • Whatever helps you remember, sir.

  • Right here it's named puppy radar.