Name: React Nativeを使って脳のコンピュータアプリを作る - Jesseのライブコーディング (Build a Brain Computer App with React Native - Live Coding with Jesse)
Uploaded: 2021-01-14T10:22:26.000Z
Duration: 1 h 23 min 38 s
Description: VoiceTubeの動画で発音を聞きながら英語表現を覚えよう！学べる英語：

過去形

It's been, uh, since new years since I did a stream on free code camp.

And I have a new mike, so let me know how it sounds.

I actually get the, uh I got a nice upgrade here.

So this is one of the yeti, um, Microphones s o.

I saw a lot of lot of streamers using those that good reviews, so I figured, you know, I've been doing this for a while.

And I was doing some podcast lately, and the audio quality is obviously very important.

But today I wantto program something that's gonna work with with this little headset.

Uh, this is the See if I can get the Loga own plug it.

So once we get it hooked up, maybe I'll try putting it on, see what we can do with it.

But the, uh, I did a video on my channel kind of introducing what this thing could do and knowing a little demo of it.

So if you're interested in learning more about that particular headset.

Check out my my YouTube channel links in the description and you could see it was one of, like, the last few videos I did.

But today I wanna actually code a an app, a react native app that'll run on mobile that will sync up with this headset and allow you to do some stuff.

So phase one of this app is going to be Ah, just just sink the device up and track your focus.

And if you start to lose focus, we're going to do something on the phone.

Maybe vibrate the phone or, um, make a little noise, something like that.

Phase one that I'd like to actually get out on the app store.

Maybe add more features, see if he could make more things happen in terms of focus.

I'd love to be ableto have it run on like android auto so you could track your focus while you're driving and getting alert.

If you start to lose, focus eso position some cool things you could do beyond.

So let's check out the video if you want to learn more about it.

But basically it's possible with this device.

Thio, think about doing something like moving your arm something, whatever, whatever you want to think about and then trigger and action.

So any action you could think of for either something on the Internet or an Internet of things connected device S O.

I'm hoping to do a lot of cool stuff with this, but first step is we just need to get it hooked up in working with an app.

And, um so that's what we're going to start with.

So basically all I've done, if you haven't seen my my lifestream before, the idea is I it's There's no prep work beforehand.

I don't rehearse, Uh, or you can do that much research beforehand because I wanted to be as authentic as possible in terms of what a developer would go through when they're approaching new problems in trying to solve things on the fly.

We're gonna code during the timer when the timer goes off, I'm going to check the live chat.

So there's a lot of activity in the live chat, and I just want to say hey to everybody in the chat now and let you know I'm not ignoring your questions.

I'm gonna get to all your questions and comments, but I just get a coat a little bit first.

So actually didn't get my timer up beforehand, so let me let me do that.

Let me show you my screen while I'm doing this.

Now, you don't have to look at me as much happen in my time I've lost my timer at Oh, uh um I just need a Pomodoro timer.

I was using a Pomodoro timer that somebody who used to watch the live streams made and I had it up on my screen, but I close it.

And let's do let me just give you the basics of what I've done here in the code.

A project using Expo eso expo is a, um, a way to use react native, uh, that if you're not familiar with react.

Native is using JavaScript to build android and IOS and Web APS.

It makes react native easier to work with.

This is pretty much the latest version, and there might be some minor versions after this, but, uh, we're pretty up to date.

I have four kids, and they're all running around, so, uh, you may may hear that.

And I'm sorry if nobody wants to go side with you, buddy, go ahead upstairs.

No, look, you know, Jember, you already I could do, but please take your sister upstairs, okay?

Look, why don't you sit over there and you could watch the life Shame.

My five year was very upset because no one ever simply for you to go outside with him.

So So, uh, damn it All right, so the, um that's really track boat react.

Natives were using react native with Expo, and we're just going through the package.

Jason, basically, my my point of going through this was I'm pretty sure we're, like, pretty up to date on most of the packages.

So, um, we should be doing pretty good with that.

So typescript is something you can use with javascript to help Have be, like, a more strongly typed version of javascript.

Uh, there's a tiny info about typescript out there, so I'm not gonna take a ton of time to explain it.

But basically, like the Java script, you see might have a few things that are different than normal in there.

Otherwise, it works just like normal JavaScript.

All right, so let me slide this over, You show you what I have so far.

I just took the boilerplate that expo gives you that lets you run a nap.

And I added in some of this authentication stuff.

Now let me copy and paste in the starter, get every boat into the chat so you all can check out to get her repo that I'm gonna be pulling some code from And I haven't put my code on get up yet, but I will.

And I'll include that link in the in the description.

So the creators of the neuropsychology notion brain computer have already made a react, uh, kind of getting started Repo.

So it's for react not for react native, but I think we can use it and make it work to authenticate and be able to sync up our device with, um with an app s.

So that's where I pulled some of this code from.

字幕リスト動画再生

React Nativeを使って脳のコンピュータアプリを作る - Jesseのライブコーディング (Build a Brain Computer App with React Native - Live Coding with Jesse)

stuff

subscribe

authentic

awesome