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.

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

609 views

Published on

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

Published in: Technology
  • Be the first to comment

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

×