Name: 極限状態のJS。難民支援運動のためのWebApps by Taylor Fairbank｜JSConf Bp 2019 (JS in Extreme Conditions: WebApps for the Refugee Aid Movement by Taylor Fairbank | JSConf Bp 2019)
Uploaded: 2021-01-14T10:25:24.000Z
Duration: 31 min 29 s
Description: VoiceTubeの動画で発音を聞きながら英語表現を覚えよう！学べる英語：

And today we're going to talk about JavaScript performance in extreme environments through the lens of our production Web app for refugee aid groups.

Um, so start off with some background on the aid movement.

Setting performance goals is always a great place to start when diving into this stuff and outlining a strategy and then look at the tools and techniques we use to improve performance in our own app.

Um, this is my first ever tech talk, both as an attendee and the speaker, so really on.

I just want to emphasize like I'm nothing special.

I needed to do this to make our stuff work in the field.

But the takeaway from that is that you can do this to you don't have to be an expert.

It's not using some really advanced a p I or anything.

So hopefully on Monday you can go in, take a look at some performance in your own abs.

So the refugee movement is one of the largest grassroots you know, volunteer driven things in the world.

It has had tens of thousands of volunteers working with hundreds of grassroots aid groups welcome millions of newcomers to Europe.

It's kind of this interesting network of distributed autonomous groups that each do their own part independently, which means they can respond really quickly to changing conditions or new needs that governments or larger multinational NGOs tent.

But there's lots of communication overhead and lots of inefficiencies around these administrative processes.

There on the left is Stephanie, who's ah, admin at Movement on the Ground will be talking about some of their work on the island of Lesbos later.

Saara say hi if you see around the conference and on the right is Regina, who has started an aid group that takes donated laptops and equipment, loads educational content on them and sends them to informal schools in camps.

So I think it's really cool to see women at the forefront of this movement.

Um, and this is something that's not going to be solved within our lifetimes.

There's 70 million displaced people in the world today, 20 million of them are refugees in another country.

Um, and due to climate change, we're looking at up to one billion displaced people in the world by 2050.

So this is something that we need to pay attention to.

For now on, I'm really grateful to indigenous people all over the world and our youth like Greta, who are fighting, you know, to reduce the impact of climate change.

We have three main areas of our platform.

There's kind of discovery and networking.

There's the supply chain eso tools around, getting things from A to B.

And there's the knowledge sharing section toe help, you know, share knowledge, things like that.

So our goal is to increase collaboration, save time and help groups make smarter, better decisions, really by just surfacing more information in a centralized place and an easy to consume and structured way.

But the important thing is that our tech empowers groups, which means if they can't use it, if it doesn't work, where their ad, then what are we doing?

Um, so yeah, we're free as in freedom and beer.

We're using the GPL, and we're a non profit.

So it's free frayed groups, and this is gonna be important when we talk about testing strategies and stuff.

Um, I'm the only full time Dev on our team.

We have a great team of remote volunteers s o.

We need to approach kind of performance testing through the lens of a scrappy, you know, volunteer driven nonprofit.

Not through, like a $1,000,000 lab or something that you can just have a bunch of boxes like Automate all of this away.

Coop, Just a couple of slides here about our tech.

This is the aid marketplace, the inventory manager.

Or you can see what's available and what people need.

Coordinator helps you keep track of decisions that you make where things are going and this is great, cause it it shows you.

Hey, the town next door is sending a shipment.

I could just throw some stuff on there on bacon, include it rather than sending another one myself.

So the impact in the real world we coordinated a shipment of 180,000 bars of soap from Glasgow to carrying city in Scotland's.

It went to central warehouses in Athens and Thessaloniki, and they distributed it to dozens of aid groups all over Greece, including the islands and, most importantly, the end result.

We get this to the people who need it most, so that was kind of the intrasection.

Now we're going to take a look at some of the extreme environments that are users operated.

It's on the remote Greek island of Lesbos, right next to the Turkish border.

It's a former prison designed to hold 2000 inmates on dhe.

That's the kind of prison section right there.

There are currently 10,000 newcomers living in the Moria refugee camp, and you can see the massive overflow area and kind of an informal camp in the foreground there that's called the olive grove.

So this is the kind of quarter outside Moria surrounded by barbed wire on dhe.

This is what you see every day as an aid worker.

You're doing all sorts of things to help people out 10 to 12 hours a day.

You don't get a lot of time to go back to the office and jump on the WiFi or charge your phone up.

There's not really any power infrastructure there.

So we have to take all of this into account when we're trying to figure out how to make our app work for for the aid workers.

But there is a little bit of interesting.

You have search and rescue ships at sea who are on the ocean for months at a time.

Um, and you have human rights like observers were on borders.

This is a photo of the Hungarian Serbian border, which has 500 kilometers of razor wire on.

So the human rights observers are gonna be out in remote parts of the country, remote villages on kind of monitoring for things like border pushback, stuff like that and last but not least, my favorite place, which is warehouses.

That warehouse was actually the old 2003 Olympic basketball stadium in Greece, like just a ton of fun to walk around and explore, um, and aid groups Really like they just popped up overnight.

They asked the government, Hey, can we have some space?

And they have to work with what they're given.

So it's not something where they can design a connected infrastructure, set up the wife.

You know, it's like, here's a shed in my backyard.

Here's a converted basketball stadium, you know, make it work.

極限状態のJS。難民支援運動のためのWebApps by Taylor Fairbank｜JSConf Bp 2019 (JS in Extreme Conditions: WebApps for the Refugee Aid Movement by Taylor Fairbank | JSConf Bp 2019)