Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
{"quotes":[{"high":"111.18","open":"109.75",
"bid":"111.09","currencyPairCode":"USDJPY",
"ask":"111.10","low":"109.59"},
{...
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",
...
{
"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(js...
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">

</head>
<body>
</body>
</html>
: Ajax
<!DOCTYPE HTML>
<html>
<head>
...
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":"Hell...
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
menu
coffee: 400
tea: 300
{"menu":{"coffee":400,"tea":300}}JSON
{
"menu":{
"coffee":400,
"tea":300
}
}
JSON
( )
"menu" valu...
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%2...
LinkData
http://linkdata.org/
http://express.heartrails.com/api.html
API
JSON(P)
JSON
{"response":{"prefecture":[" "," ","
"," "," "," "," ","
"," "," "," "," "," ","
"," "," "," "," ","
"," "," "," "," ...
JSON.parse
dataType: jsonp (json )
URL
sample3.html
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/
sitemap/0.9">
<url>
<loc>http://toy...
{"name":"Jason Voorhees"}
<?xml version="1.0" encoding="UTF-8"?>
<name>Jason Voorhees</name>
JSON
XML
1 

(name) (Jason Vo...
JSON
JSON
JSON
JavaScript
Ajax
@uemera uemura
ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会)
ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会)
ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会)
ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会)
ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会)
ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会)
ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会)
ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会)
ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会)
ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会)
ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会)
Upcoming SlideShare
Loading in …5
×

of

ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 1 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 2 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 3 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 4 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 5 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 6 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 7 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 8 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 9 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 10 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 11 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 12 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 13 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 14 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 15 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 16 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 17 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 18 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 19 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 20 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 21 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 22 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 23 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 24 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 25 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 26 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 27 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 28 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 29 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 30 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 31 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 32 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 33 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 34 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 35 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 36 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 37 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 38 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 39 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 40 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 41 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 42 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 43 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 44 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) Slide 45
Upcoming SlideShare
What to Upload to SlideShare
Next
Download to read offline and view in fullscreen.

1 Like

Share

Download to read offline

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

Download to read offline

ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会)
2018/7/13(金)に行った勉強会の動画です。

ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) - さくらクラブ(総合) | Doorkeeper
https://saku-love.doorkeeper.jp/event...

YouTube動画はこちら
https://www.youtube.com/watch?v=BUAcuHGwbTI

コンテンツ
・json拡張子とは? 知らない人向けの解説
・jsonと親和性が高いJavaScriptについて
・jsonはどこで使う? Ajaxでの利用シーン
・jsonと同じような目的で使われるxmlファイルの紹介
など。

サンプルコード(zipファイル)
http://toyao.net/jsonnight/sample_html.zip

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

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

  1. 1. {"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"}]}
  2. 2. Go : CP: 3355 HP: 320 (= ) ( )
  3. 3. CSV JSON XML / / / / null/Object/ ( ) ○ ○ ○ ☓ ○ ○
  4. 4. name Jason Voorhees key value {"name":"Jason Voorhees"}JSON { "name":"Jason Voorhees" } JSON ( )
  5. 5. { "name":"Jason Voorhees" } key value OK
 "( ) :( ){ }
  6. 6. https://lab.syncer.jp/Tool/JSON-Viewer/
  7. 7. name Jason Voorhees birthday 1946 6 13 {"name":"Jason Voorhees", "birthday":"1946 6 13 "} JSON { "name":"Jason Voorhees", "birthday":"1946 6 13 " } JSON ( )
  8. 8. { "name":"Jason Voorhees", "birthday":"1946 6 13 " } , ( )
  9. 9. CSV Excel 
 JSON JavaScript PHP JSON
  10. 10. http://toyao.net/jsonnight/sample_html.zip
  11. 11. <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
  12. 12. <!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
  13. 13. Web A B 1. 2. A.html 3. 
 4. B.html A B
  14. 14. : Google
  15. 15. Web A 1. 2. A.html 3. ( ) A Ajax
  16. 16. Web A Ajax JavaScript PHP Ajax HTML JSON
  17. 17. <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8">
 </head> <body> Hello World! </body> </html> HTML JSON { "text":"Hello World!" } HTML JSON
  18. 18. sample2.html Ajax
  19. 19. JSON {"time":"2018-07-06 17:19:31"} http://toyao.net/jsonnight/sample2.php
  20. 20. Web sample2.php JSON {"time":"2018-07-06 17:19:31"} sample2.html Ajax
  21. 21. sample2.html Ajax URL JSON
  22. 22. menu coffee: 400 tea: 300 {"menu":{"coffee":400,"tea":300}}JSON { "menu":{ "coffee":400, "tea":300 } } JSON ( ) "menu" value { }
  23. 23. osaka { "osaka":[ " ", " ", " " ] } JSON( ) key-value key
  24. 24. 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 "
  25. 25. LinkData http://linkdata.org/
  26. 26. http://express.heartrails.com/api.html
  27. 27. API JSON(P)
  28. 28. JSON {"response":{"prefecture":[" "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "]}} http://express.heartrails.com/api/json? method=getPrefectures
  29. 29. JSON.parse dataType: jsonp (json ) URL sample3.html
  30. 30. <?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
  31. 31. {"name":"Jason Voorhees"} <?xml version="1.0" encoding="UTF-8"?> <name>Jason Voorhees</name> JSON XML 1 (name) (Jason Voorhees)
  32. 32. JSON JSON JSON
  33. 33. JavaScript Ajax
  34. 34. @uemera uemura
  • uemera

    Nov. 24, 2018

ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) 2018/7/13(金)に行った勉強会の動画です。 ジェイソンナイト(.json拡張子について理解を深めるIT系勉強会) - さくらクラブ(総合) | Doorkeeper https://saku-love.doorkeeper.jp/event... YouTube動画はこちら https://www.youtube.com/watch?v=BUAcuHGwbTI コンテンツ ・json拡張子とは? 知らない人向けの解説 ・jsonと親和性が高いJavaScriptについて ・jsonはどこで使う? Ajaxでの利用シーン ・jsonと同じような目的で使われるxmlファイルの紹介 など。 サンプルコード(zipファイル) http://toyao.net/jsonnight/sample_html.zip

Views

Total views

1,264

On Slideshare

0

From embeds

0

Number of embeds

324

Actions

Downloads

2

Shares

0

Comments

0

Likes

1

×