Name: 1.2 表形式データ - JavaScriptでデータとAPIを扱う (1.2 Tabular Data - Working With Data & APIs in JavaScript)
Uploaded: 2021-01-14T10:43:07.000Z
Duration: 17 min 15 s
Description: VoiceTubeの動画で発音を聞きながら英語表現を覚えよう！学べる英語：

Hello, and welcome to the second video in Module One

of, Working With Data & APIS in JavaScript.

Now, we're going to do some real stuff in this video.

but the previous video was just about practicing with the fetch

and we weren't doing anything with that data yet.

formats for storing data in a table format, in tabular data.

The one that I want to look at in this video,

and probably I would think is the most common one, is CSV,

The first line of text, after all, this file, the CSV file,

It might function as something like a hedero.

So it might have something like, Item, comma, Cuteness.

So you're going to have a table of things and a cuteness score.

So all the rest of the lines would have the actual items

Because we live in a world where everything has a cuteness

But I want to do something with real data, data that's

grab with the fetch function, load onto my web page,

and do something with, for example, graph.

And so the data set that I'm going to show you,

and Space Administration, in particular from the Goddard

This CSV file includes the combined global average land

surface air and sea surface water temperature

The values that are actually in the data set

are the difference from the mean temperature.

And what do I mean by the mean temperature?

Well, it so happens that there is the average world

temperature, as recorded from 1951 to 1980, which also

recorded an average by NASA, the Earth Observatory website,

So the data in this CSV file is the difference from the mean,

from 14 degrees Celsius, from combined land surface

air and sea surface water temperature from 1880

So I want to load that CSV file, parse it, graph it,

The first part, that you're watching right now,

is just loading the CSV file, parsing it.

as a console log in the browser, in the Chrome Developer Tools.

And then once I see I have the data there,

I'm going to graph it using a particular JavaScript library,

I'll talk about some other ways that you can choose

first going to want to grab that CSV file

and have it stored locally on your computer.

You just want to go to data.giss.nasa.gov/gistemp.

The URL's here and in the video's description.

And then you want to scroll all the way down and find the place

on the web page that says, Tables of Global

and Hemispheric Monthly Means and Zonal Annual Means.

So, there are actually a ton of different data sets on this web

graphing a different data set on this web page.

But the one that I'm using is the last entry

on that section called, Zonal Annual Means,

You'll notice there's also a TXT file format, that's probably

tab delimited so that the sort of data records

have tabs in between them instead of commas.

Again, there's a variety of different formats,

but the CSV is the one that I'm going to use.

if you want to follow along, let's check in

So what I have is some boiler plate HTML.

with a title, a head, a body, and an empty script tag.

I've got links to where the data is coming from,

just to make sure I'm referencing and crediting

字幕リスト動画再生

1.2 表形式データ - JavaScriptでデータとAPIを扱う (1.2 Tabular Data - Working With Data & APIs in JavaScript)

stuff

ultimately

sort

present