Successfully reported this slideshow.
Your SlideShare is downloading. ×

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

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad

Check these out next

1 of 45 Ad

ジェイソンナイト(.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

ジェイソンナイト(.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

Advertisement
Advertisement

More Related Content

More from Takashi Uemura (20)

Recently uploaded (20)

Advertisement

ジェイソンナイト(.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

×