Name: プログレッシブWebアプリマニフェストの作成(P5D100) - Jesseとのライブコーディング (Creating a Progressive Web App Manifest (P5D100) - Live Coding with Jesse)
Uploaded: 2021-01-14T10:29:30.000Z
Duration: 1 h 28 min 52 s
Description: VoiceTubeの動画で発音を聞きながら英語表現を覚えよう！学べる英語：

everybody working a lot of coating with Jesse.

We're going to try to turn our react project into a progressive live at.

I've just upgraded to next 7.0 point one, and that's probably the only change that's happened to this project since the last time I screamed.

Other than I did emerge a few pull requests.

I know some of you are getting those Octoberfest PR is in eso Thank you for everybody who's, uh, who's helped out on that and, yeah, what did I do?

So I've been at the Reacts Advanced React training with Ryan Florence.

So I'm thinking I might make a video recap off what I learned there and put that on my YouTube channel.

So if anybody's interested in seeing that, you can check out my YouTube channel, the links.

In the description of this video, I'd like to get that done within the next day or two before I start to forget things and also want to thank everybody who has been helping out and sending the job openings.

I have three interviews coming up in the next two days and one phone call with a recruiter so a lot of lot of stuff happening, and I have two more interviews that are I need to be scheduled.

So there, like, most likely going to happen.

So as of right now that I'm thinking like five interviews will be happening in the month of October, I'm still waiting to hear back from a lot of a lot of companies.

So anyway, thanks again all your your advice and your links to jobs and things have been super helpful on.

I'll keep you updated as everything happens with that.

Me flip my screen here on if you're new, feel free to ask questions as we go along.

I'm gonna take breaks periodically and go back to a live chat and answer questions.

So just be patient with me and I will eventually get to your questions.

Let me let me bring over that lighthouse audit and we can start from there.

So if you never use lighthouse, I'll give you a little overview.

So if you go into depth tools, let's make this bigger, much bigger.

So if you open up deaf tools, which you could do by just, um I mean, there's multiple ways I guess you could get there.

I cannot remember what it is, but you could also just right click and go to inspect.

It will pop open these deaf tools and then up at the top.

If you click on audits, it would take you the audit page.

And you can run different artists for, like, sight speed, accessibility, search engine optimization, and you can also run one for a progressive Web.

So this is what I've just run and I got a 64.

So Number one I'm not registering a service worker, and that's a big deal.

You need a service worker for a progressive Web.

So that's where we're gonna start, is making sure we get that service worker register first.

After that, then we can look at some of these these other issues about having the proper icons and things like that.

You could see some of the other stuff we actually have already.

I'm just going to show you this so that you all know what what's needed cross browser.

Some of these are just basic that you usually do for site.

We do have some of the some content, even when job strips not available.

We have fast, low times, even on a three g network thehe dress bar matches, brand colors.

I didn't know that was That was the thing until just now.

Poor tang content this size directly for the view port eso All those things are check here in lighthouse for progressive.

With that, there's a lot of links to learn more as well.

But anyway, thank you so much for the shortcut.

I do want to say I see a lot of people saying Hi.

I'm not gonna go individually since there's so many Let's get started.

And first, what I want to do is let's go back to our code.

I made a separate branch to install the latest version of next in case it broke something.

And I'm just gonna keep going with all our change is on the same branch.

And then if we if everything works, we could merge it back in a master, hopefully at the end of the stream if we get it working.

So let me bring over some documentation as well.

So I just pasted this link in there so you can read this documentation too.

But I was doing a little research, and this seemed to work.

So there's been an open issue on the get a repo for next day s for at least a year, and the issue has been about offline support so that you could do progressive web itself.

So This was one of the latest entries, one of the latest posts on that long thread.

And it's supposed to generate a service worker that can help next to work off line.

And somebody else used tried it and it worked for them.

So there it says down here that there's been some updates for next seven.

So now that we've done that, let's install this Sue we need to do to get it working.

So let's go back here and they make us a bit bigger for everybody.

And we're using yarns were gonna do your ad next offline.

字幕リスト動画再生

プログレッシブWebアプリマニフェストの作成(P5D100) - Jesseとのライブコーディング (Creating a Progressive Web App Manifest (P5D100) - Live Coding with Jesse)

stuff

context

content

manifest