ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会)

Takashi Uemura
Takashi UemuraフリーランスSE
ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会)
ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会)
ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会)
ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会)
ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会)
{"quotes":[{"high":"111.18","open":"109.75",
"bid":"111.09","currencyPairCode":"USDJPY",
"ask":"111.10","low":"109.59"},
{"high":"121.64","open":"119.27","bid":"121.4
8","currencyPairCode":"EURJPY","ask":"121.50"
,"low":"119.05"},
{"high":"142.60","open":"140.43","bid":"142.5
5","currencyPairCode":"GBPJPY","ask":"142.58"
,"low":"140.05"}]}
ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会)
ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会)
Go
:
CP: 3355
HP: 320
(= )
( )
CSV JSON XML
/
/ / /
null/Object/


( )
○ ○ ○
☓ ○ ○
name Jason Voorhees
key value
{"name":"Jason Voorhees"}JSON
{
"name":"Jason Voorhees"
}
JSON
( )
{
"name":"Jason Voorhees"
}
key value
OK

"(
)
:( ){ }
https://lab.syncer.jp/Tool/JSON-Viewer/
name Jason Voorhees
birthday 1946 6 13
{"name":"Jason Voorhees",
"birthday":"1946 6 13 "}
JSON
{
"name":"Jason Voorhees",
"birthday":"1946 6 13 "
}
JSON
( )
{
"name":"Jason Voorhees",
"birthday":"1946 6 13 "
}
, ( )
CSV Excel 

JSON JavaScript
PHP
JSON
http://toyao.net/jsonnight/sample_html.zip
<html>
<body>
json
<script>
var jsonstr = '{"name":"Jason Voorhees", 
"birthday":"1946 6 13 "}';
var pdata = JSON.parse(jsonstr);
console.log(pdata);
</script>
</body>
</html>
JSON
JSON
JSON
sample1.html
ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会)
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">

</head>
<body>
</body>
</html>
: Ajax
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">

</head>
<body>
</body>
</html>
AAA.html BBB.html
HTML HTML
Web
A
B
1.
2. A.html
3. 

4. B.html
A
B
: Google
Web
A
1.
2. A.html
3. (
)
A
Ajax
Web
A
Ajax
JavaScript
PHP
Ajax
HTML
JSON
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">

</head>
<body>
Hello World!
</body>
</html>
HTML JSON
{
"text":"Hello World!"
}
HTML JSON
sample2.html
Ajax
JSON
{"time":"2018-07-06 17:19:31"}
http://toyao.net/jsonnight/sample2.php
Web
sample2.php
JSON
{"time":"2018-07-06 17:19:31"}
sample2.html
Ajax
sample2.html
Ajax URL
JSON
ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会)
menu
coffee: 400
tea: 300
{"menu":{"coffee":400,"tea":300}}JSON
{
"menu":{
"coffee":400,
"tea":300
}
}
JSON
( )
"menu" value { }
osaka
{
"osaka":[
" ",
" ",
" "
]
}
JSON( )
key-value key
JSON
http://www.trident-game.com/blog/2015/10/14/
json /
"
JavaScript/JSON -
http://kimoota.wiki.fc2.com/wiki/JavaScript%2FJSON
"
JSON (JSON )
https://www.json.org/json-ja.html
"
ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会)
LinkData
http://linkdata.org/
http://express.heartrails.com/api.html
API
JSON(P)
JSON
{"response":{"prefecture":[" "," ","
"," "," "," "," ","
"," "," "," "," "," ","
"," "," "," "," ","
"," "," "," "," "," ","
"," "," "," "," ","
"," "," "," "," "," ","
"," "," "," "," ","
"," "," "," "," "," ","
"]}}
http://express.heartrails.com/api/json?
method=getPrefectures
JSON.parse
dataType: jsonp (json )
URL
sample3.html
ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会)
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/
sitemap/0.9">
<url>
<loc>http://toyao.net</loc>
<lastmod>2018-07-12T05:00:01+09:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0</priority>
</url>
<url>
<loc>http://toyao.net.net/blog</loc>
<lastmod>2018-07-12T05:00:01+09:00</lastmod>
<changefreq>daily</changefreq>
sitemap.xml
{"name":"Jason Voorhees"}
<?xml version="1.0" encoding="UTF-8"?>
<name>Jason Voorhees</name>
JSON
XML
1 

(name) (Jason Voorhees)
JSON
JSON
JSON
JavaScript
Ajax
@uemera uemura
1 of 45

More Related Content

More from Takashi Uemura(20)

WordPressの使えるプラグイン2013WordPressの使えるプラグイン2013
WordPressの使えるプラグイン2013
Takashi Uemura25.3K views
What's new! TwentyThirteen + WordPress3.6What's new! TwentyThirteen + WordPress3.6
What's new! TwentyThirteen + WordPress3.6
Takashi Uemura20.2K views
WordCampOsaka2012 闇WordCamp XOOPS編WordCampOsaka2012 闇WordCamp XOOPS編
WordCampOsaka2012 闇WordCamp XOOPS編
Takashi Uemura1.4K views
WordCampOsaka2012 WordPressあるあるWordCampOsaka2012 WordPressあるある
WordCampOsaka2012 WordPressあるある
Takashi Uemura2.5K views

Recently uploaded(20)

Java Platform Approach 1.0 - Picnic MeetupJava Platform Approach 1.0 - Picnic Meetup
Java Platform Approach 1.0 - Picnic Meetup
Rick Ossendrijver23 views
ThroughputThroughput
Throughput
Moisés Armani Ramírez28 views
Liqid: Composable CXL PreviewLiqid: Composable CXL Preview
Liqid: Composable CXL Preview
CXL Forum118 views
Green Leaf Consulting: Capabilities DeckGreen Leaf Consulting: Capabilities Deck
Green Leaf Consulting: Capabilities Deck
GreenLeafConsulting170 views

ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会)