{"id":1271,"date":"2019-06-06T22:51:13","date_gmt":"2019-06-06T13:51:13","guid":{"rendered":"https:\/\/hi3103.net\/notes\/?p=1271"},"modified":"2022-07-09T23:34:10","modified_gmt":"2022-07-09T14:34:10","slug":"youtube-data-api-v3-%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e4%bb%bb%e6%84%8f%e3%81%ae%e3%83%97%e3%83%ac%e3%82%a4%e3%83%aa%e3%82%b9%e3%83%88%e3%81%ae%e5%8b%95%e7%94%bb%e6%83%85%e5%a0%b1%e3%82%92json","status":"publish","type":"post","link":"https:\/\/hi3103.net\/notes\/web\/1271","title":{"rendered":"YouTube Data API v3 \u3092\u4f7f\u3063\u3066\u4efb\u610f\u306e\u30d7\u30ec\u30a4\u30ea\u30b9\u30c8\u306e\u52d5\u753b\u60c5\u5831\u3092JSON\u5f62\u5f0f\u3067\u53d6\u5f97\u3059\u308b jQuery + Ajax"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hi3103.net\/notes\/img\/uploads\/2019\/06\/1906-ytapi.png\" alt=\"\" width=\"800\" height=\"547\"  \/><\/p>\n<h3>\u6982\u8981<\/h3>\n<ul>\n<li><a href=\"https:\/\/hi3103.net\/\">\u3046\u3061\u306e\u30b5\u30a4\u30c8\u30c8\u30c3\u30d7<\/a>\u3067\u51fa\u529b\u3057\u3066\u3044\u308bYouTube\u52d5\u753b\u57cb\u3081\u8fbc\u307f\u306e\u51fa\u529b\u306b\u4f7f\u3063\u3066\u3044\u308b\u4ed5\u7d44\u307f\u306e\u5099\u5fd8\u9332\u3002<\/li>\n<li>\u30d7\u30ec\u30a4\u30ea\u30b9\u30c8\u306e\u60c5\u5831\uff08\u5165\u3063\u3066\u3044\u308b\u52d5\u753b\u60c5\u5831\u3082\u542b\u3080\uff09\u3092JSON\u5f62\u5f0f\u3067\u53d6\u5f97\u3059\u308b\u3068\u3053\u308d\u307e\u3067\u3092\u307e\u3068\u3081\u305f\u3002\n<ul>\n<li>\u5fdc\u7528\u3068\u3057\u3066\u30c1\u30e3\u30f3\u30cd\u30eb\u60c5\u5831\uff06\u691c\u7d22\u7d50\u679c\u3082\u53d6\u5f97\u3057\u3066\u904a\u3093\u3067\u307f\u305f\u3002<\/li>\n<\/ul>\n<\/li>\n<li>\u5b9f\u969b\u306biframe\u7b49HTML\u3067\u51fa\u529b\u3059\u308b\u306b\u306fJSON\u3092\u30d1\u30fc\u30b9\u3057\u3066\u7d44\u307f\u7acb\u3066\u308b\u5fc5\u8981\u3042\u308a\u3002<\/li>\n<\/ul>\n<p><!--more--><\/p>\n<h3>\u521d\u56de\u6e96\u5099<\/h3>\n<h4>Google Developers Console\u306e\u5229\u7528\u3092\u958b\u59cb<\/h4>\n<ol>\n<li>Google\u30a2\u30ab\u30a6\u30f3\u30c8\u306b\u30ed\u30b0\u30a4\u30f3<\/li>\n<li>Google Developers Console \u3092\u958b\u304f\n<ul>\n<li><a href=\"https:\/\/console.developers.google.com\/\">https:\/\/console.developers.google.com\/<\/a><\/li>\n<\/ul>\n<\/li>\n<li>\u5229\u7528\u6761\u4ef6\u7b49\u306b\u540c\u610f<\/li>\n<\/ol>\n<h4>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210<\/h4>\n<ul>\n<li>\n<p>\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u753b\u9762\u306b\u9078\u629e\u3067\u304d\u308b\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u304c\u306a\u3044\u306e\u3067[\u4f5c\u6210]\u3092\u30af\u30ea\u30c3\u30af<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hi3103.net\/notes\/img\/uploads\/2019\/04\/youtube_api_setup-1-1.png\" alt=\"\" width=\"1500\" height=\"313\"  \/>\n<\/li>\n<li>\n<p>\u4efb\u610f\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8ID\u3092\u3064\u3051\u308b\u305f\u3081\u306b[\u7de8\u96c6]\u3092\u30af\u30ea\u30c3\u30af<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hi3103.net\/notes\/img\/uploads\/2019\/04\/youtube_api_setup-1-2.png\" alt=\"\" width=\"709\" height=\"668\"  \/>\n<\/li>\n<li>\n<p>\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u540d\u30fb\u30d7\u30ed\u30b8\u30a7\u30af\u30c8ID\u3092\u5165\u529b\u3057\u3066[\u4f5c\u6210]\u3092\u30af\u30ea\u30c3\u30af<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hi3103.net\/notes\/img\/uploads\/2019\/04\/youtube_api_setup-1-3.png\" alt=\"\" width=\"709\" height=\"668\"  \/>\n<\/li>\n<li>\n<p>\u4f5c\u6210\u304c\u5b8c\u4e86\u3059\u308b\u3068\u901a\u77e5\u306b\u8868\u793a\u3055\u308c\u308b<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hi3103.net\/notes\/img\/uploads\/2019\/04\/youtube_api_setup-1-4.png\" alt=\"\" width=\"1500\" height=\"313\"  \/>\n<\/li>\n<\/ul>\n<h4>API\u3068\u30b5\u30fc\u30d3\u30b9\u3092\u6709\u52b9\u5316<\/h4>\n<ul>\n<li>\n<p>\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u304b\u3089[API\u3068\u30b5\u30fc\u30d3\u30b9\u3092\u6709\u52b9\u5316]\u3092\u30af\u30ea\u30c3\u30af<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hi3103.net\/notes\/img\/uploads\/2019\/04\/youtube_api_setup-2-1.png\" alt=\"\" width=\"1500\" height=\"313\"  \/>\n<\/li>\n<li>\n<p>\u691c\u7d22\u7a93\u304b\u3089 YouTube API \u3092\u691c\u7d22<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hi3103.net\/notes\/img\/uploads\/2019\/04\/youtube_api_setup-2-2.png\" alt=\"\" width=\"1500\" height=\"1013\"  \/>\n<\/li>\n<li>\n<p>\u5019\u88dc\u306b\u8868\u793a\u3055\u308c\u305f\u300cYouTube Data API v3\u300d\u3092\u30af\u30ea\u30c3\u30af<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hi3103.net\/notes\/img\/uploads\/2019\/04\/youtube_api_setup-2-3.png\" alt=\"\" width=\"1500\" height=\"782\"  \/>\n<\/li>\n<li>\n<p>[\u6709\u52b9\u306b\u3059\u308b]\u3092\u30af\u30ea\u30c3\u30af<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hi3103.net\/notes\/img\/uploads\/2019\/04\/youtube_api_setup-2-4.png\" alt=\"\" width=\"1500\" height=\"1013\"  \/>\n<\/li>\n<li>\n<p>\u5b8c\u4e86\u3059\u308b\u3068\u753b\u9762\u304c\u5207\u308a\u66ff\u308f\u308b<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hi3103.net\/notes\/img\/uploads\/2019\/04\/youtube_api_setup-2-5.png\" alt=\"\" width=\"1500\" height=\"1013\"  \/>\n<\/li>\n<\/ul>\n<h4>API\u30ad\u30fc\u3092\u4f5c\u6210<\/h4>\n<ul>\n<li>\n<p>\u30b5\u30a4\u30c9\u30d0\u30fc\u306e\u300c\u8a8d\u8a3c\u60c5\u5831\u300d\u3092\u958b\u304d\u3001[\u8a8d\u8a3c\u60c5\u5831\u3092\u4f5c\u6210]\u30d7\u30eb\u30c0\u30a6\u30f3\u3092\u30af\u30ea\u30c3\u30af<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hi3103.net\/notes\/img\/uploads\/2019\/04\/youtube_api_setup-3-1.png\" alt=\"\" width=\"1500\" height=\"750\"  \/>\n<\/li>\n<li>\n<p>\u9078\u629e\u80a2\u304b\u3089\u300cAPI\u30ad\u30fc\u300d\u3092\u9078\u629e<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hi3103.net\/notes\/img\/uploads\/2019\/04\/youtube_api_setup-3-2.png\" alt=\"\" width=\"730\" height=\"418\"  \/>\n<\/li>\n<li>\n<p>API\u30ad\u30fc\u304c\u4f5c\u6210\u3055\u308c\u308b\u306e\u3067\u3001\u8a73\u7d30\u306a\u8a2d\u5b9a\u3092\u3059\u308b\u305f\u3081\u306b[\u30ad\u30fc\u3092\u5236\u9650]\u3092\u30af\u30ea\u30c3\u30af<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hi3103.net\/notes\/img\/uploads\/2019\/04\/youtube_api_setup-3-3.png\" alt=\"\" width=\"740\" height=\"460\"  \/>\n<\/li>\n<li>\n<p>\u540d\u524d\u3092\u5165\u529b\u3057\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u5236\u9650\u3001API\u306e\u5236\u9650\u3092\u8a2d\u5b9a\u3059\u308b<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hi3103.net\/notes\/img\/uploads\/2019\/04\/youtube_api_setup-3-4.png\" alt=\"\" width=\"1500\" height=\"1042\"  \/>\n<\/li>\n<li>\n<p>\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u5236\u9650\uff1a\u300cHTTP\u30ea\u30d5\u30a1\u30e9\u30fc\uff08\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\uff09\u300d\u3092\u9078\u629e\u3057\u3001[\u9805\u76ee\u3092\u8ffd\u52a0]\u304b\u3089\u81ea\u30b5\u30a4\u30c8\u306e\u30c9\u30e1\u30a4\u30f3\u3092\u5165\u529b<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hi3103.net\/notes\/img\/uploads\/2019\/04\/youtube_api_setup-3-5.png\" alt=\"\" width=\"557\" height=\"494\"  \/>\n<\/li>\n<li>\n<p>API\u306e\u5236\u9650\uff1a\u300c\u30ad\u30fc\u3092\u5236\u9650\u300d\u3092\u9078\u629e\u3057\u3001[Select APIs]\u30d7\u30eb\u30c0\u30a6\u30f3\u304b\u3089\u300cYouTube Data API v3\u300d\u306b\u30c1\u30a7\u30c3\u30af\u3092\u5165\u308c\u3001[\u4fdd\u5b58]\u3092\u30af\u30ea\u30c3\u30af<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hi3103.net\/notes\/img\/uploads\/2019\/04\/youtube_api_setup-3-6.png\" alt=\"\" width=\"572\" height=\"355\"  \/>\n<\/li>\n<\/ul>\n<h3>jQuery + Ajax \u3067 YouTube Data API \u3092\u4f7f\u7528\u3059\u308b<\/h3>\n<h4>\u30d9\u30fc\u30b9\u306b\u306a\u308b\u66f8\u304d\u65b9<\/h4>\n<h5>1:\u51fa\u529b\u5148\u306e\u8981\u7d20 #hoge \u3092\u7528\u610f<\/h5>\n<pre><code class=\"language-html\">&lt;pre id=\"hoge\"&gt;&lt;\/pre&gt;&lt;!-- \/#hoge --&gt;<\/code><\/pre>\n<h5>2:jQuery\u3092\u8aad\u307f\u8fbc\u307f<\/h5>\n<pre><code class=\"language-html\">&lt;script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.3.1\/jquery.min.js\"&gt;&lt;\/script&gt; <\/code><\/pre>\n<h5>3:\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u8a18\u8ff0<\/h5>\n<ul>\n<li>\n<h3>hoge \u306e\u4e2d\u306bJSON\u5f62\u5f0f\u306e\u30ec\u30b9\u30dd\u30f3\u30b9\u7d50\u679c\u3092\u51fa\u529b<\/h3>\n<\/li>\n<li>\u30c7\u30fc\u30bf\u306e\u6574\u5f62\u306f\u4ee5\u4e0b\u306e\u30a8\u30f3\u30c8\u30ea\u30fc\u3092\u53c2\u8003\u3002\n<ul>\n<li><a href=\"https:\/\/shimz.me\/blog\/javascript\/3783\">JSON.stringify\u306e\u7b2c\uff12\u5f15\u6570\u3092\u4f7f\u3063\u3066\u51fa\u529b\u7d50\u679c(JSON)\u3092\u6574\u5f62\u3059\u308b \u2013 GUNMA GIS GEEK<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<pre><code class=\"language-html\">&lt;script&gt;\n$(function(){\n    $.ajax({\n        type: 'get',\/\/\u30ea\u30af\u30a8\u30b9\u30c8\u65b9\u6cd5\n        url: 'https:\/\/www.googleapis.com\/youtube\/v3\/XXXXXXXX',\/\/\u30ea\u30af\u30a8\u30b9\u30c8URL\n        dataType: 'json',\/\/\u53d6\u5f97\u3059\u308b\u30c7\u30fc\u30bf\u306e\u5f62\u5f0f\n        data: {\n            \/\/\u30ea\u30af\u30a8\u30b9\u30c8\u5185\u5bb9\u306b\u5fdc\u3058\u305f\u30d1\u30e9\u30e1\u30fc\u30bf\n            hoge: 'piyo',\n            \/\/\u4f7f\u7528\u3059\u308bAPI\u30ad\u30fc\n            key: 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX'\n        }\n    }).done(function() {\n        \/\/ \u6210\u529f\u6642\u306e\u52d5\u4f5c\u3092\u8a18\u8ff0\n        var jsonData = JSON.stringify(response, null , \"\\t\");\n        $('#hoge').text(jsonData);\n    }).fail(function() {\n        \/\/ \u5931\u6557\u6642\u306e\u52d5\u4f5c\u3092\u8a18\u8ff0\n        $('#hoge').text('\u5931\u6557\u3057\u307e\u3057\u305f');\n    });\n});\n&lt;\/script&gt;<\/code><\/pre>\n<h4>\u30d7\u30ec\u30a4\u30ea\u30b9\u30c8\u306e\u52d5\u753b\u60c5\u5831\u3092\u53d6\u5f97\u3059\u308b<\/h4>\n<h5>\u516c\u5f0f\u30ea\u30d5\u30a1\u30ec\u30f3\u30b9<\/h5>\n<p><a href=\"https:\/\/developers.google.com\/youtube\/v3\/docs\/playlistItems\/list\">PlaylistItems: list  |  YouTube Data API (v3)  |  Google Developers<\/a><\/p>\n<h5>\u30b5\u30f3\u30d7\u30eb<\/h5>\n<p><a href=\"https:\/\/hi3103.net\/study\/1906-ytapi\/playlistitems.html\">https:\/\/hi3103.net\/study\/1906-ytapi\/playlistitems.html<\/a><\/p>\n<h5>\u4f7f\u7528\u3059\u308bHTTP\u30ea\u30af\u30a8\u30b9\u30c8<\/h5>\n<pre><code>GET https:\/\/www.googleapis.com\/youtube\/v3\/playlistItems<\/code><\/pre>\n<h5>\u30bd\u30fc\u30b9\uff08\u4e00\u90e8\uff09<\/h5>\n<pre><code class=\"language-javascript\">$.ajax({\n    type: 'get',\/\/\u30ea\u30af\u30a8\u30b9\u30c8\u65b9\u6cd5\n    url: 'https:\/\/www.googleapis.com\/youtube\/v3\/playlistItems',\/\/\u30ea\u30af\u30a8\u30b9\u30c8URL\n    dataType: 'json',\/\/\u53d6\u5f97\u3059\u308b\u30c7\u30fc\u30bf\u306e\u5f62\u5f0f\n    data: {\n        \/\/\u53d6\u5f97\u3057\u305f\u3044\u60c5\u5831\u3092\u30bb\u30c3\u30c8(\u5fc5\u9808)\u203b\u8907\u6570\u306e\u5834\u5408\u306f\u30ab\u30f3\u30de\u533a\u5207\u308a\n        part: 'id,snippet,contentDetails,status',\n        \/\/\u30d7\u30ec\u30a4\u30ea\u30b9\u30c8ID\u3092\u30bb\u30c3\u30c8\n        playlistId: 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX',\n        \/\/\u6700\u5927\u53d6\u5f97\u4ef6\u6570\u3092\u30bb\u30c3\u30c8(\u30c7\u30d5\u30a9\u30eb\u30c8\u5024\u306f5)\n        maxResults: 3,\n        \/\/\u4f7f\u7528\u3059\u308bAPI\u30ad\u30fc\n        key: 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX'\n    }\n})\u4ee5\u4e0b\u7565<\/code><\/pre>\n<h5>\u30d7\u30ec\u30a4\u30ea\u30b9\u30c8ID\u306e\u8abf\u3079\u65b9<\/h5>\n<p>\u30d7\u30ec\u30a4\u30ea\u30b9\u30c8\u30da\u30fc\u30b8\u3092\u958b\u304d\u3001URL\u306b\u542b\u307e\u308c\u3066\u3044\u308blist\u30d1\u30e9\u30e1\u30fc\u30bf\u306e\u6587\u5b57\u5217\u3092\u63a7\u3048\u308b\u3002<\/p>\n<pre><code>https:\/\/www.youtube.com\/watch?v=\u3010\u52d5\u753bID\u3011&amp;list=\u3010\u30d7\u30ec\u30a4\u30ea\u30b9\u30c8ID\u3011<\/code><\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hi3103.net\/notes\/img\/uploads\/2019\/06\/youtube_playlist_id.png\" alt=\"YouTube\u30d7\u30ec\u30a4\u30ea\u30b9\u30c8ID\u306e\u78ba\u8a8d\u65b9\u6cd5\" width=\"547\" height=\"263\"  \/><\/p>\n<h3>\u5fdc\u7528\u7de8<\/h3>\n<h4>\u30c1\u30e3\u30f3\u30cd\u30eb\u60c5\u5831\u3092\u53d6\u5f97\u3059\u308b<\/h4>\n<h5>\u516c\u5f0f\u30ea\u30d5\u30a1\u30ec\u30f3\u30b9<\/h5>\n<p><a href=\"https:\/\/developers.google.com\/youtube\/v3\/docs\/channels\/list\">Channels: list  |  YouTube Data API (v3)  |  Google Developers<\/a><\/p>\n<h5>\u30b5\u30f3\u30d7\u30eb<\/h5>\n<p><a href=\"https:\/\/hi3103.net\/study\/1906-ytapi\/channels.html\">https:\/\/hi3103.net\/study\/1906-ytapi\/channels.html<\/a><\/p>\n<h5>\u4f7f\u7528\u3059\u308bHTTP\u30ea\u30af\u30a8\u30b9\u30c8<\/h5>\n<pre><code>GET https:\/\/www.googleapis.com\/youtube\/v3\/channels<\/code><\/pre>\n<h5>\u30bd\u30fc\u30b9\uff08\u4e00\u90e8\uff09<\/h5>\n<pre><code>$.ajax({\n    type: 'get',\/\/\u30ea\u30af\u30a8\u30b9\u30c8\u65b9\u6cd5\n    url: 'https:\/\/www.googleapis.com\/youtube\/v3\/channels',\/\/\u30ea\u30af\u30a8\u30b9\u30c8URL\n    dataType: 'json',\/\/\u53d6\u5f97\u3059\u308b\u30c7\u30fc\u30bf\u306e\u5f62\u5f0f\n    data: {\/\/\u30ea\u30af\u30a8\u30b9\u30c8\u5185\u5bb9\u306b\u5fdc\u3058\u305f\u30d1\u30e9\u30e1\u30fc\u30bf\n        \/\/\u53d6\u5f97\u3057\u305f\u3044\u60c5\u5831\u3092\u30bb\u30c3\u30c8(\u5fc5\u9808)\u203b\u8907\u6570\u306e\u5834\u5408\u306f\u30ab\u30f3\u30de\u533a\u5207\u308a\n        part: 'id,snippet,brandingSettings,contentDetails,invideoPromotion,statistics,topicDetails',\n        \/\/\u30c1\u30e3\u30f3\u30cd\u30ebID\u3092\u30bb\u30c3\u30c8\u203b\u8907\u6570\u306e\u5834\u5408\u306f\u30ab\u30f3\u30de\u533a\u5207\u308a\n        id: 'XXXXXXXXXXXXXXXXXXXXXXXX,XXXXXXXXXXXXXXXXXXXXXXXX',\n        \/\/\u4f7f\u7528\u3059\u308bAPI\u30ad\u30fc\n        key: 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX'\n    }\n})\u4ee5\u4e0b\u7565<\/code><\/pre>\n<h4>\u691c\u7d22\u7d50\u679c\u3092\u53d6\u5f97\u3059\u308b<\/h4>\n<h5>\u516c\u5f0f\u30ea\u30d5\u30a1\u30ec\u30f3\u30b9<\/h5>\n<p><a href=\"https:\/\/developers.google.com\/youtube\/v3\/docs\/search\/list\">Search: list  |  YouTube Data API (v3)  |  Google Developers<\/a><\/p>\n<h5>\u30b5\u30f3\u30d7\u30eb<\/h5>\n<p><a href=\"https:\/\/hi3103.net\/study\/1906-ytapi\/search.html\">https:\/\/hi3103.net\/study\/1906-ytapi\/search.html<\/a><\/p>\n<h5>\u4f7f\u7528\u3059\u308bHTTP\u30ea\u30af\u30a8\u30b9\u30c8<\/h5>\n<pre><code>GET https:\/\/www.googleapis.com\/youtube\/v3\/search<\/code><\/pre>\n<h5>\u30bd\u30fc\u30b9\uff08\u4e00\u90e8\uff09<\/h5>\n<ul>\n<li>\u8272\u3005\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u6307\u5b9a\u3057\u3066\u7d5e\u308a\u8fbc\u307f\u304c\u3067\u304d\u308b\u304c\u3001\u30d9\u30fc\u30b9\u306b\u306a\u308a\u305d\u3046\u306a\u3082\u306e\u3060\u3051\u30d4\u30c3\u30af\u30a2\u30c3\u30d7\u3002<\/li>\n<li>\u4f8b\u3068\u3057\u3066\u3001<a href=\"https:\/\/www.youtube.com\/channel\/UC0C-w0YjGpqDXGB8IHb662A\">Ed Sheeran\u306e\u30c1\u30e3\u30f3\u30cd\u30eb<\/a>\u5185\u3067\u300clive\u300d\u3092\u691c\u7d22\u3057\u3066\u30d2\u30c3\u30c8\u3057\u305f\u52d5\u753b\u30923\u4ef6\u8fd4\u3059\u3001\u3068\u3044\u3046\u8a2d\u5b9a\u3002\n<pre><code>$.ajax({\ntype: 'get',\/\/\u30ea\u30af\u30a8\u30b9\u30c8\u65b9\u6cd5\nurl: 'https:\/\/www.googleapis.com\/youtube\/v3\/search',\/\/\u30ea\u30af\u30a8\u30b9\u30c8URL\ndataType: 'json',\/\/\u53d6\u5f97\u3059\u308b\u30c7\u30fc\u30bf\u306e\u5f62\u5f0f\ndata: {\n    \/\/\u53d6\u5f97\u3057\u305f\u3044\u60c5\u5831\u3092\u30bb\u30c3\u30c8(\u5fc5\u9808)\u203b\u8907\u6570\u306e\u5834\u5408\u306f\u30ab\u30f3\u30de\u533a\u5207\u308a\n    part: 'id,snippet',\n    \/\/\u7279\u5b9a\u306e\u30c1\u30e3\u30f3\u30cd\u30eb\u306e\u4e2d\u3067\u306e\u307f\u691c\u7d22\u3059\u308b\u5834\u5408\u306f\u3001\u30c1\u30e3\u30f3\u30cd\u30ebID\u3092\u30bb\u30c3\u30c8\n    channelId: 'UC0C-w0YjGpqDXGB8IHb662A',\n    \/\/\u6700\u5927\u53d6\u5f97\u4ef6\u6570\u3092\u30bb\u30c3\u30c8(\u30c7\u30d5\u30a9\u30eb\u30c8\u5024\u306f5)\n    maxResults: 3,\n    \/\/\u30ea\u30bd\u30fc\u30b9\u306e\u4e26\u3079\u65b9\n    \/\/ [date] \u4f5c\u6210\u65e5\/\u65b0\u3057\u3044\u9806\n    \/\/ [rating] \u8a55\u4fa1\u306e\u9ad8\u3044\u9806\n    \/\/ [relevance] \u95a2\u9023\u6027\u304c\u9ad8\u3044\u9806(\u30c7\u30d5\u30a9\u30eb\u30c8)\n    \/\/ [title] \u30bf\u30a4\u30c8\u30ebABC\u9806\n    \/\/ [videoCount] \u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u52d5\u753b\u306e\u756a\u53f7\u9806\uff08\u964d\u9806\uff09\n    \/\/ [viewCount] \u518d\u751f\u56de\u6570\u306e\u591a\u3044\u9806\n    order: 'date',\n    \/\/ \u691c\u7d22\u30af\u30a8\u30ea\u3092\u30bb\u30c3\u30c8\n    q: 'live',\n    \/\/\u7279\u5b9a\u306e\u30bf\u30a4\u30d7\u306e\u30ea\u30bd\u30fc\u30b9\u306e\u307f\u306b\u5236\u9650(channel,playlist,video\u304b\u3089\u9078\u3076\/\u30c7\u30d5\u30a9\u30eb\u30c8\u306f\u5168\u90e8)\n    type: 'video',\n    \/\/\u4f7f\u7528\u3059\u308bAPI\u30ad\u30fc\n    key: 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX'\n}\n})\u4ee5\u4e0b\u7565<\/code><\/pre>\n<\/li>\n<\/ul>\n<h3>\u53c2\u8003\u30ea\u30d5\u30a1\u30ec\u30f3\u30b9<\/h3>\n<ul>\n<li><a href=\"https:\/\/developers.google.com\/youtube\/v3\/getting-started?hl=ja\">YouTube Data API \u306e\u6982\u8981  |  YouTube Data API (v3)  |  Google Developers<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/youtube\/registering_an_application?hl=ja\">\u627f\u8a8d\u306e\u8a8d\u8a3c\u60c5\u5831\u3092\u53d6\u5f97\u3059\u308b  |  YouTube Data API (v3)  |  Google Developers<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/youtube\/v3\/docs\/?hl=ja\">YouTube Data API  |  Google Developers<\/a><\/li>\n<li><a href=\"http:\/\/api.jquery.com\/jquery.ajax\/\">jQuery.ajax() | jQuery API Documentation<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>\u6982\u8981 \u3046\u3061\u306e\u30b5\u30a4\u30c8\u30c8\u30c3\u30d7\u3067\u51fa\u529b\u3057\u3066\u3044\u308bYouTube\u52d5\u753b\u57cb\u3081\u8fbc\u307f\u306e\u51fa\u529b\u306b\u4f7f\u3063\u3066\u3044\u308b\u4ed5\u7d44\u307f\u306e\u5099\u5fd8\u9332\u3002 \u30d7\u30ec\u30a4\u30ea\u30b9\u30c8\u306e\u60c5\u5831\uff08\u5165\u3063\u3066\u3044\u308b\u52d5\u753b\u60c5\u5831\u3082\u542b\u3080\uff09\u3092JSON\u5f62\u5f0f\u3067\u53d6\u5f97\u3059\u308b\u3068\u3053\u308d\u307e\u3067\u3092\u307e\u3068\u3081\u305f\u3002 \u5fdc\u7528\u3068\u3057\u3066\u30c1\u30e3\u30f3\u30cd\u30eb\u60c5\u5831\uff06 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1323,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[53],"tags":[90,91,44,87],"class_list":["post-1271","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web","tag-ajax","tag-api","tag-jquery","tag-youtube"],"_links":{"self":[{"href":"https:\/\/hi3103.net\/notes\/wp-json\/wp\/v2\/posts\/1271","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hi3103.net\/notes\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hi3103.net\/notes\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hi3103.net\/notes\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hi3103.net\/notes\/wp-json\/wp\/v2\/comments?post=1271"}],"version-history":[{"count":0,"href":"https:\/\/hi3103.net\/notes\/wp-json\/wp\/v2\/posts\/1271\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hi3103.net\/notes\/wp-json\/wp\/v2\/media\/1323"}],"wp:attachment":[{"href":"https:\/\/hi3103.net\/notes\/wp-json\/wp\/v2\/media?parent=1271"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hi3103.net\/notes\/wp-json\/wp\/v2\/categories?post=1271"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hi3103.net\/notes\/wp-json\/wp\/v2\/tags?post=1271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}