{"id":232,"date":"2015-03-06T02:53:00","date_gmt":"2015-03-06T02:53:00","guid":{"rendered":"https:\/\/appstars.jp\/?p=232"},"modified":"2020-05-15T09:54:42","modified_gmt":"2020-05-15T09:54:42","slug":"youtube%e3%81%aeurl%e3%82%92javascript%e3%81%a7%e8%87%aa%e5%8b%95%e3%81%a7%e5%9f%8b%e3%82%81%e8%be%bc%e3%81%bf%e3%83%97%e3%83%ac%e3%82%a4%e3%83%a4%e3%83%bc%e3%81%ab%e3%81%99%e3%82%8b","status":"publish","type":"post","link":"https:\/\/appstars.jp\/archive\/638","title":{"rendered":"YouTube\u306eURL\u3092JavaScript\u3067\u81ea\u52d5\u3067\u57cb\u3081\u8fbc\u307f\u30d7\u30ec\u30a4\u30e4\u30fc\u306b\u3059\u308b"},"content":{"rendered":"\n<p>\u6975\u79d8\u3067\u904b\u55b6\u3057\u3066\u3044\u308b\u300cSHINDAN.in\u300d\u3068\u3044\u3046\u3082\u306e\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u540d\u524d\u8a3a\u65ad\u3092\u4f5c\u6210\u3059\u308b\u30b5\u30a4\u30c8\u3067\u3059\u3002\u305d\u3057\u3066\u3088\u304f\u8003\u3048\u305f\u3089\u6975\u79d8\u3067\u306f\u306a\u304b\u3063\u305f\u3067\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"600\" height=\"300\" src=\"https:\/\/appstars.jp\/wp-content\/uploads\/2020\/05\/shindan_step_1.png\" alt=\"\" class=\"wp-image-233\" srcset=\"https:\/\/appstars.jp\/wp-content\/uploads\/2020\/05\/shindan_step_1.png 600w, https:\/\/appstars.jp\/wp-content\/uploads\/2020\/05\/shindan_step_1-300x150.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>\u305f\u3060\u540d\u524d\u8a3a\u65ad\u3067\u7d50\u679c\u3092\u51fa\u3059\u3060\u3051\u3058\u3083\u3001<br>\u306a\u3093\u3060\u304b\u3042\u308a\u304d\u305f\u308a\u3067\u30a4\u30f3\u30d1\u30af\u30c8\u304c\u306a\u3044\u3088\u3046\u306a\u6c17\u304c\u3059\u308b\u306e\u3067\u3001<br><strong>\u4eca\u65e5\u306f\u8a3a\u65ad\u7d50\u679c\u306bYouTube\u306eURL\u3092\u5165\u308c\u308b\u3068\u57cb\u3081\u8fbc\u307f\u30d7\u30ec\u30a4\u30e4\u30fc\u306b\u5909\u63db\u3059\u308b\u3088\u3046\u306bJavaScript\u3067\u5b9f\u88c5\u3057\u305f\u3044\u3068\u601d\u3044\u307e\u3059\u3002<\/strong><\/p>\n\n\n\n<h3>1.\u96e3\u3057\u3044\u8a71\u3058\u3083\u306a\u3044<\/h3>\n\n\n\n<p>\u3071\u3063\u3068\u898b\u96e3\u3057\u3044\u3088\u3046\u306a\u6c17\u304c\u3057\u307e\u3059\u304c\u3001\u305d\u3093\u306a\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<p>\u8981\u3059\u308b\u306b&#8230;<\/p>\n\n\n\n<p>\u3053\u3093\u306aURL\u3092\u691c\u77e5\u3057\u3066\u3001<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"\u307c\u306e\u307c\u306e\u304c\u6771\u4eac\u306b\u6765\u305f\uff01\" width=\"900\" height=\"506\" src=\"https:\/\/www.youtube.com\/embed\/6CKZgIYJa3o?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>\u3053\u3093\u306a\u98a8\u306b\u57cb\u3081\u8fbc\u307f\u30d7\u30ec\u30a4\u30e4\u30fc\u306e\u30b3\u30fc\u30c9\u306b\u5909\u63db\u3059\u308b\u3060\u3051\u306a\u306e\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"has-background has-pale-cyan-blue-background-color\">&lt;iframe&nbsp;src=&#8221;http:\/\/www.youtube.com\/embed\/6CKZgIYJa3o&#8221;&nbsp;frameborder=&#8221;0&#8243;&nbsp;allowfullscreen&gt;&lt;\/iframe&gt;<\/p>\n\n\n\n<h3>2.\u6ce8\u610f\u70b9<\/h3>\n\n\n\n<p>YouTube\u306e\u30ea\u30f3\u30af\u306f\u4e3b\u306b2\u7a2e\u985e\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u3053\u306e\u3088\u3046\u306bGET\u5024\u304c\u3064\u3044\u305f\u901a\u5e38\u306eURL\u3068\u3001<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"\u307c\u306e\u307c\u306e\u304c\u6771\u4eac\u306b\u6765\u305f\uff01\" width=\"900\" height=\"506\" src=\"https:\/\/www.youtube.com\/embed\/6CKZgIYJa3o?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>YouTube\u304c\u63d0\u4f9b\u3057\u3066\u3044\u308b\u77ed\u7e2eURL\u3067\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"\u307c\u306e\u307c\u306e\u304c\u6771\u4eac\u306b\u6765\u305f\uff01\" width=\"900\" height=\"506\" src=\"https:\/\/www.youtube.com\/embed\/6CKZgIYJa3o?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>\u3053\u306e\u3069\u3061\u3089\u306b\u3082\u5bfe\u5fdc\u3057\u305f\u30b3\u30fc\u30c9\u3092\u66f8\u304d\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<h3>3.\u3044\u3056\u5b9f\u88c5<\/h3>\n\n\n\n<p>\u3048\u3044\u3084\u3063<\/p>\n\n\n\n<p class=\"has-background has-pale-cyan-blue-background-color\">\/\/HTML\u30c7\u30b3\u30fc\u30c9\u3059\u308b\u95a2\u6570<br>var&nbsp;decodeHTML&nbsp;=&nbsp;function(str) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;decoded&nbsp;=&nbsp;$(&#8220;&lt;div\/&gt;&#8221;).html(str).text();<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;decoded;<br>};<\/p>\n\n\n\n<p class=\"has-background has-pale-cyan-blue-background-color\">\/\/PHP\u3067\u8a00\u3046preg_match_all\u3092\u3084\u3063\u3066\u304f\u308c\u308b\u95a2\u6570<br>var&nbsp;preg_match_all&nbsp;=&nbsp;function(regex, haystack) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;globalMatch&nbsp;=&nbsp;haystack.match(regex);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;matchArray&nbsp;=&nbsp;new&nbsp;Array();<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;for(var&nbsp;i&nbsp;in&nbsp;globalMatch) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;try&nbsp;{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;nonGlobalRegex&nbsp;=&nbsp;new&nbsp;RegExp(regex);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;nonGlobalMatch&nbsp;=&nbsp;globalMatch[i].match(nonGlobalRegex);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;matchArray.push(nonGlobalMatch[0]);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;catch(e){}<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;matchArray;<br>};<\/p>\n\n\n\n<p class=\"has-background has-pale-cyan-blue-background-color\">\/\/URL\u304b\u3089GET\u5024\u306eKey\u3092\u6307\u5b9a\u3057\u305f\u3089\u53d6\u3063\u3066\u6765\u3066\u304f\u308c\u308b<br>var&nbsp;getParameterByName&nbsp;=&nbsp;function(name, url) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;query_string&nbsp;=&nbsp;url.split(&#8220;?&#8221;);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(query_string.length&nbsp;&gt;=&nbsp;2) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;params&nbsp;=&nbsp;query_string[1].split(&#8220;&amp;&#8221;);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;i&nbsp;=&nbsp;0;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;while(i&nbsp;&lt;&nbsp;params.length) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;param_item&nbsp;=&nbsp;params[i].split(&#8220;=&#8221;);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(param_item[0]&nbsp;==&nbsp;name)&nbsp;return&nbsp;param_item[1];<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;i++;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;&#8220;&#8221;;<br>};<\/p>\n\n\n\n<p class=\"has-background has-pale-cyan-blue-background-color\">\/\/YouTube\u306e\u57cb\u3081\u8fbc\u307f<br>var&nbsp;youTubeEmbed =&nbsp;function(text) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;URLs =&nbsp;preg_match_all(\/(\\b(https?|ftp|file):\\\/\\\/[-A-Z0-9+&amp;@#\\\/%?=~_|!:,.;]*[-A-Z0-9+&amp;@#\\\/%=~_|])\/ig, text);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;for(var&nbsp;i&nbsp;=&nbsp;0; i&nbsp;&lt;&nbsp;URLs.length; i++) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;url&nbsp;=&nbsp;URLs[i];<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(url.match(\/(?:http:\\\/\\\/)?(?:www\\.)?(?:youtube\\.com|youtu\\.be)\\\/(?:watch\\\/)?(.+)\/g)) {&nbsp;\/\/YouTube\u306e\u30ea\u30f3\u30af\u304b\u3069\u3046\u304b\u5224\u5b9a<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;youTubeId&nbsp;=&nbsp;getParameterByName(&#8216;v&#8217;,&nbsp;decodeHTML(url));<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(youTubeId&nbsp;==&nbsp;&#8221;) youTubeId&nbsp;=&nbsp;url.replace(\/(?:http:\\\/\\\/)?(?:www\\.)?(?:youtube\\.com|youtu\\.be)\\\/(?:watch\\\/)?(.+)\/g,&nbsp;&#8216;$1&#8217;);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;youTubeId&nbsp;=&nbsp;(youTubeId.split(&#8216;#&#8217;))[0];&nbsp;\/\/\u6642\u9593\u6307\u5b9a\u3092\u6d88\u3059\u3002\uff08\u6b8b\u3057\u305f\u3044\u5834\u5408\u306f\u3053\u306e\u51e6\u7406\u3044\u3089\u306a\u3044\u3088\u3063\uff09<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text&nbsp;= text.replace(url,&nbsp;&#8216;&lt;iframe src=&#8221;http:\/\/www.youtube.com\/embed\/&#8217;+youTubeId+'&#8221; frameborder=&#8221;0&#8243; allowfullscreen&gt;&lt;\/iframe&gt;&#8217;);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;text;<br>};<\/p>\n\n\n\n<p>\u3053\u3093\u306a\u611f\u3058\u3002<\/p>\n\n\n\n<p>\u95a2\u6570\u540d\u3084\u30b3\u30e1\u30f3\u30c8\u30a2\u30a6\u30c8\u3092\u898b\u308c\u3070\u610f\u5473\u306f\u5206\u304b\u308b\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p>\uff08\u6b63\u898f\u8868\u73fe\u306b\u3064\u3044\u3066\u306f\u3058\u30fc\u3063\u3068\u898b\u3066\u308c\u3070\u305d\u306e\u3046\u3061\u5206\u304b\u308b\u6c17\u304c\u3059\u308b\u4eca\u65e5\u3053\u306e\u3054\u308d\u3002\uff09<\/p>\n\n\n\n<p>\u3061\u3083\u3093\u3068\u52d5\u304f\u304b\u3069\u3046\u304b\u8a66\u3057\u3066\u307f\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"has-background has-pale-cyan-blue-background-color\">var&nbsp;text&nbsp;=&nbsp;&#8216;https:\/\/www.youtube.com\/watch?v=6CKZgIYJa3o\u3068\u3044\u3046\u30ea\u30f3\u30af\u3068http:\/\/youtu.be\/6CKZgIYJa3o\u3068\u3044\u3046\u30ea\u30f3\u30af\u3067\u3059\u3002&#8217;;<br>console.log(youTubeEmbed(text));<\/p>\n\n\n\n<p>\u7d50\u679c\u306f<\/p>\n\n\n\n<p class=\"has-background has-pale-cyan-blue-background-color\">&lt;iframe&nbsp;src=&#8221;http:\/\/www.youtube.com\/embed\/6CKZgIYJa3o&#8221;&nbsp;frameborder=&#8221;0&#8243;&nbsp;allowfullscreen&gt;&lt;\/iframe&gt;\u3068\u3044\u3046\u30ea\u30f3\u30af\u3068&lt;iframe&nbsp;src=&#8221;http:\/\/www.youtube.com\/embed\/6CKZgIYJa3o&#8221;&nbsp;frameborder=&#8221;0&#8243;&nbsp;allowfullscreen&gt;&lt;\/iframe&gt;\u3068\u3044\u3046\u30ea\u30f3\u30af\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u3069\u3061\u3089\u306eURL\u3067\u3082\u3061\u3083\u3093\u3068\u5909\u63db\u3067\u304d\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p>\u3070\u3063\u3061\u3050\u30fc\u3067\u3059\u3002<\/p>\n\n\n\n<h3>4.\u30b5\u30a4\u30c8\u306b\u4e57\u305b\u308b<\/h3>\n\n\n\n<p>CSS\u3067\u30d7\u30ec\u30a4\u30e4\u30fc\u306e\u30b5\u30a4\u30ba\u3092\u7d71\u4e00\u3057\u305f\u3044\u306e\u3067&lt;iframe&gt;\u3092&lt;div&gt;\u8981\u7d20\u3067\u56f2\u307f\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p>\u305d\u3057\u3066\u732b\u306eYouTubed\u52d5\u753b\u3092100\u500b\u96c6\u3081\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p>\u305d\u3093\u3067\u3082\u3063\u3066\u300c\u4eca\u65e5\u306e\u732b\u52d5\u753b\u300d\u306a\u308b\u3082\u306e\u3092\u4f5c\u6210\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p>\u21d2 \u4eca\u65e5\u306e\u732b\u52d5\u753b &#8211; SHINDAN.in<\/p>\n\n\n\n<p>\u3044\u3044\u611f\u3058\u3067\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u6975\u79d8\u3067\u904b\u55b6\u3057\u3066\u3044\u308b\u300cSHINDAN.in\u300d\u3068\u3044\u3046\u3082\u306e\u304c\u3042\u308a\u307e\u3059\u3002 \u540d\u524d\u8a3a\u65ad\u3092\u4f5c\u6210\u3059\u308b\u30b5\u30a4\u30c8\u3067\u3059\u3002\u305d\u3057\u3066\u3088\u304f\u8003\u3048\u305f\u3089\u6975\u79d8\u3067\u306f\u306a\u304b\u3063\u305f\u3067\u3059\u3002 \u305f\u3060\u540d\u524d\u8a3a\u65ad\u3067\u7d50\u679c\u3092\u51fa\u3059\u3060\u3051\u3058\u3083\u3001\u306a\u3093\u3060\u304b\u3042\u308a\u304d\u305f\u308a\u3067\u30a4\u30f3\u30d1\u30af\u30c8\u304c\u306a\u3044\u3088\u3046\u306a\u6c17\u304c\u3059\u308b\u306e\u3067\u3001\u4eca\u65e5\u306f\u8a3a\u65ad\u7d50\u679c\u306bYouTube\u306eURL\u3092\u5165\u308c\u308b\u3068\u57cb\u3081\u8fbc\u307f\u30d7\u30ec\u30a4\u30e4\u30fc\u306b\u5909\u63db\u3059\u308b\u3088\u3046\u306bJavaScript\u3067\u5b9f\u88c5\u3057\u305f\u3044\u3068\u601d\u3044\u307e\u3059\u3002 1.\u96e3\u3057\u3044\u8a71\u3058\u3083\u306a\u3044 \u3071\u3063\u3068\u898b\u96e3\u3057\u3044\u3088\u3046\u306a\u6c17\u304c\u3057\u307e\u3059\u304c\u3001\u305d\u3093\u306a\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u3002 \u8981\u3059\u308b\u306b&#8230; \u3053\u3093\u306aURL\u3092\u691c\u77e5\u3057\u3066\u3001 \u3053\u3093\u306a\u98a8\u306b\u57cb\u3081\u8fbc\u307f\u30d7\u30ec\u30a4\u30e4\u30fc\u306e\u30b3\u30fc\u30c9\u306b\u5909\u63db\u3059\u308b\u3060\u3051\u306a\u306e\u3067\u3059\u3002 &lt;iframe&nbsp;src=&#8221;http:\/\/www.youtube.com\/embed\/6CKZgIYJa3o&#8221;&nbsp;frameborder=&#8221;0&#8243;&nbsp;allowfullscreen&gt;&lt;\/iframe&gt; 2.\u6ce8\u610f\u70b9 YouTube\u306e\u30ea\u30f3\u30af\u306f\u4e3b\u306b2\u7a2e\u985e\u3042\u308a\u307e\u3059\u3002 \u3053\u306e\u3088\u3046\u306bGET\u5024\u304c\u3064\u3044\u305f\u901a\u5e38\u306eURL\u3068\u3001 YouTube\u304c\u63d0\u4f9b\u3057\u3066\u3044\u308b\u77ed\u7e2eURL\u3067\u3059\u3002 \u3053\u306e\u3069\u3061\u3089\u306b\u3082\u5bfe\u5fdc\u3057\u305f\u30b3\u30fc\u30c9\u3092\u66f8\u304d\u307e\u3057\u3087\u3046\u3002 3.\u3044\u3056\u5b9f\u88c5 \u3048\u3044\u3084\u3063 \/\/HTML\u30c7\u30b3\u30fc\u30c9\u3059\u308b\u95a2\u6570var&nbsp;decodeHTML&nbsp;=&nbsp;function(str) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;decoded&nbsp;=&nbsp;$(&#8220;&lt;div\/&gt;&#8221;).html(str).text();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;decoded;}; \/\/PHP\u3067\u8a00\u3046preg_match_all\u3092\u3084\u3063\u3066\u304f\u308c\u308b\u95a2\u6570var&nbsp;preg_match_all&nbsp;=&nbsp;function(regex, haystack) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;globalMatch&nbsp;=&nbsp;haystack.match(regex);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;matchArray&nbsp;=&nbsp;new&nbsp;Array();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;for(var&nbsp;i&nbsp;in&nbsp;globalMatch) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;try&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;nonGlobalRegex&nbsp;=&nbsp;new&nbsp;RegExp(regex);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;nonGlobalMatch&nbsp;=&nbsp;globalMatch[i].match(nonGlobalRegex);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;matchArray.push(nonGlobalMatch[0]);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;catch(e){}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;matchArray;}; \/\/URL\u304b\u3089GET\u5024\u306eKey\u3092\u6307\u5b9a\u3057\u305f\u3089\u53d6\u3063\u3066\u6765\u3066\u304f\u308c\u308bvar&nbsp;getParameterByName&nbsp;=&nbsp;function(name, url) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;query_string&nbsp;=&nbsp;url.split(&#8220;?&#8221;);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(query_string.length&nbsp;&gt;=&nbsp;2) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;params&nbsp;=&nbsp;query_string[1].split(&#8220;&amp;&#8221;);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;i&nbsp;=&nbsp;0;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;while(i&nbsp;&lt;&nbsp;params.length) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;param_item&nbsp;=&nbsp;params[i].split(&#8220;=&#8221;);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(param_item[0]&nbsp;==&nbsp;name)&nbsp;return&nbsp;param_item[1];&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;i++;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;&#8220;&#8221;;}; \/\/YouTube\u306e\u57cb\u3081\u8fbc\u307fvar&nbsp;youTubeEmbed =&nbsp;function(text) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;URLs =&nbsp;preg_match_all(\/(\\b(https?|ftp|file):\\\/\\\/[-A-Z0-9+&amp;@#\\\/%?=~_|!:,.;]*[-A-Z0-9+&amp;@#\\\/%=~_|])\/ig, text);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;for(var&nbsp;i&nbsp;=&nbsp;0; i&nbsp;&lt;&nbsp;URLs.length; i++) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;url&nbsp;=&nbsp;URLs[i];&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(url.match(\/(?:http:\\\/\\\/)?(?:www\\.)?(?:youtube\\.com|youtu\\.be)\\\/(?:watch\\\/)?(.+)\/g)) {&nbsp;\/\/YouTube\u306e\u30ea\u30f3\u30af\u304b\u3069\u3046\u304b\u5224\u5b9a&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;youTubeId&nbsp;=&nbsp;getParameterByName(&#8216;v&#8217;,&nbsp;decodeHTML(url));&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(youTubeId&nbsp;==&nbsp;&#8221;) youTubeId&nbsp;=&nbsp;url.replace(\/(?:http:\\\/\\\/)?(?:www\\.)?(?:youtube\\.com|youtu\\.be)\\\/(?:watch\\\/)?(.+)\/g,&nbsp;&#8216;$1&#8217;);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;youTubeId&nbsp;=&nbsp;(youTubeId.split(&#8216;#&#8217;))[0];&nbsp;\/\/\u6642\u9593\u6307\u5b9a\u3092\u6d88\u3059\u3002\uff08\u6b8b\u3057\u305f\u3044\u5834\u5408\u306f\u3053\u306e\u51e6\u7406\u3044\u3089\u306a\u3044\u3088\u3063\uff09&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text&nbsp;= text.replace(url,&nbsp;&#8216;&lt;iframe src=&#8221;http:\/\/www.youtube.com\/embed\/&#8217;+youTubeId+&#8217;&#8221; frameborder=&#8221;0&#8243; allowfullscreen&gt;&lt;\/iframe&gt;&#8217;);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;text;}; \u3053\u3093\u306a\u611f\u3058\u3002 \u95a2\u6570\u540d\u3084\u30b3\u30e1\u30f3\u30c8\u30a2\u30a6\u30c8\u3092\u898b\u308c\u3070\u610f\u5473\u306f\u5206\u304b\u308b\u3068\u601d\u3044\u307e\u3059\u3002 \uff08\u6b63\u898f\u8868\u73fe\u306b\u3064\u3044\u3066\u306f\u3058\u30fc\u3063\u3068\u898b\u3066\u308c\u3070\u305d\u306e\u3046\u3061\u5206\u304b\u308b\u6c17\u304c\u3059\u308b\u4eca\u65e5\u3053\u306e\u3054\u308d\u3002\uff09 \u3061\u3083\u3093\u3068\u52d5\u304f\u304b\u3069\u3046\u304b\u8a66\u3057\u3066\u307f\u307e\u3059\u3002 var&nbsp;text&nbsp;=&nbsp;&#8216;https:\/\/www.youtube.com\/watch?v=6CKZgIYJa3o\u3068\u3044\u3046\u30ea\u30f3\u30af\u3068http:\/\/youtu.be\/6CKZgIYJa3o\u3068\u3044\u3046\u30ea\u30f3\u30af\u3067\u3059\u3002&#8217;;console.log(youTubeEmbed(text)); \u7d50\u679c\u306f &lt;iframe&nbsp;src=&#8221;http:\/\/www.youtube.com\/embed\/6CKZgIYJa3o&#8221;&nbsp;frameborder=&#8221;0&#8243;&nbsp;allowfullscreen&gt;&lt;\/iframe&gt;\u3068\u3044\u3046\u30ea\u30f3\u30af\u3068&lt;iframe&nbsp;src=&#8221;http:\/\/www.youtube.com\/embed\/6CKZgIYJa3o&#8221;&nbsp;frameborder=&#8221;0&#8243;&nbsp;allowfullscreen&gt;&lt;\/iframe&gt;\u3068\u3044\u3046\u30ea\u30f3\u30af\u3067\u3059\u3002 \u3069\u3061\u3089\u306eURL\u3067\u3082\u3061\u3083\u3093\u3068\u5909\u63db\u3067\u304d\u307e\u3057\u305f\u3002 \u3070\u3063\u3061\u3050\u30fc\u3067\u3059\u3002 4.\u30b5\u30a4\u30c8\u306b\u4e57\u305b\u308b CSS\u3067\u30d7\u30ec\u30a4\u30e4\u30fc\u306e\u30b5\u30a4\u30ba\u3092\u7d71\u4e00\u3057\u305f\u3044\u306e\u3067&lt;iframe&gt;\u3092&lt;div&gt;\u8981\u7d20\u3067\u56f2\u307f\u307e\u3057\u305f\u3002 \u305d\u3057\u3066\u732b\u306eYouTubed\u52d5\u753b\u3092100\u500b\u96c6\u3081\u307e\u3057\u305f\u3002 \u305d\u3093\u3067\u3082\u3063\u3066\u300c\u4eca\u65e5\u306e\u732b\u52d5\u753b\u300d\u306a\u308b\u3082\u306e\u3092\u4f5c\u6210\u3057\u307e\u3057\u305f\u3002 \u21d2 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":236,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[24,44],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.6.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>YouTube\u306eURL\u3092JavaScript\u3067\u81ea\u52d5\u3067\u57cb\u3081\u8fbc\u307f\u30d7\u30ec\u30a4\u30e4\u30fc\u306b\u3059\u308b - \u3042\u3077\u3059\u305f - iPhone\u3068Web\u3068\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u3068<\/title>\n<meta name=\"description\" content=\"YouTube\u306eURL\u3092avaScript\u3067\u81ea\u52d5\u3067\u57cb\u3081\u8fbc\u307f\u305f\u3044\u6c17\u5206\u3067\u3059\u3002\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/appstars.jp\/archive\/638\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"YouTube\u306eURL\u3092JavaScript\u3067\u81ea\u52d5\u3067\u57cb\u3081\u8fbc\u307f\u30d7\u30ec\u30a4\u30e4\u30fc\u306b\u3059\u308b - \u3042\u3077\u3059\u305f - iPhone\u3068Web\u3068\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u3068\" \/>\n<meta property=\"og:description\" content=\"YouTube\u306eURL\u3092avaScript\u3067\u81ea\u52d5\u3067\u57cb\u3081\u8fbc\u307f\u305f\u3044\u6c17\u5206\u3067\u3059\u3002\" \/>\n<meta property=\"og:url\" content=\"https:\/\/appstars.jp\/archive\/638\/\" \/>\n<meta property=\"og:site_name\" content=\"\u3042\u3077\u3059\u305f - iPhone\u3068Web\u3068\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u3068\" \/>\n<meta property=\"article:published_time\" content=\"2015-03-06T02:53:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-05-15T09:54:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/appstars.jp\/wp-content\/uploads\/2020\/05\/YouTube\u306eURL\u3092JavaScript.png\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Hoshino\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hoshino\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/appstars.jp\/archive\/638\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/appstars.jp\/archive\/638\/\"},\"author\":{\"name\":\"Hoshino\",\"@id\":\"https:\/\/appstars.jp\/#\/schema\/person\/68359ed5ff906907debbfe8ade4ac9e1\"},\"headline\":\"YouTube\u306eURL\u3092JavaScript\u3067\u81ea\u52d5\u3067\u57cb\u3081\u8fbc\u307f\u30d7\u30ec\u30a4\u30e4\u30fc\u306b\u3059\u308b\",\"datePublished\":\"2015-03-06T02:53:00+00:00\",\"dateModified\":\"2020-05-15T09:54:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/appstars.jp\/archive\/638\/\"},\"wordCount\":932,\"publisher\":{\"@id\":\"https:\/\/appstars.jp\/#organization\"},\"articleSection\":[\"JavaScript\",\"\u958b\u767a\u65e5\u8a8c\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/appstars.jp\/archive\/638\/\",\"url\":\"https:\/\/appstars.jp\/archive\/638\/\",\"name\":\"YouTube\u306eURL\u3092JavaScript\u3067\u81ea\u52d5\u3067\u57cb\u3081\u8fbc\u307f\u30d7\u30ec\u30a4\u30e4\u30fc\u306b\u3059\u308b - \u3042\u3077\u3059\u305f - iPhone\u3068Web\u3068\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u3068\",\"isPartOf\":{\"@id\":\"https:\/\/appstars.jp\/#website\"},\"datePublished\":\"2015-03-06T02:53:00+00:00\",\"dateModified\":\"2020-05-15T09:54:42+00:00\",\"description\":\"YouTube\u306eURL\u3092avaScript\u3067\u81ea\u52d5\u3067\u57cb\u3081\u8fbc\u307f\u305f\u3044\u6c17\u5206\u3067\u3059\u3002\",\"breadcrumb\":{\"@id\":\"https:\/\/appstars.jp\/archive\/638\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/appstars.jp\/archive\/638\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/appstars.jp\/archive\/638\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/appstars.jp\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"YouTube\u306eURL\u3092JavaScript\u3067\u81ea\u52d5\u3067\u57cb\u3081\u8fbc\u307f\u30d7\u30ec\u30a4\u30e4\u30fc\u306b\u3059\u308b\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/appstars.jp\/#website\",\"url\":\"https:\/\/appstars.jp\/\",\"name\":\"\u3042\u3077\u3059\u305f - iPhone\u3068Web\u3068\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u3068\",\"description\":\"\u3042\u3077\u3059\u305f - iPhone\u3068Web\u3068\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u3068\",\"publisher\":{\"@id\":\"https:\/\/appstars.jp\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/appstars.jp\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/appstars.jp\/#organization\",\"name\":\"\u3042\u3077\u3059\u305f - iPhone\u3068Web\u3068\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u3068\",\"url\":\"https:\/\/appstars.jp\/\",\"sameAs\":[],\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/appstars.jp\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/appstars.jp\/wp-content\/uploads\/2020\/05\/cropped-\u3042\u3077\u3059\u305fLogo-1.png\",\"contentUrl\":\"https:\/\/appstars.jp\/wp-content\/uploads\/2020\/05\/cropped-\u3042\u3077\u3059\u305fLogo-1.png\",\"width\":150,\"height\":105,\"caption\":\"\u3042\u3077\u3059\u305f - iPhone\u3068Web\u3068\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u3068\"},\"image\":{\"@id\":\"https:\/\/appstars.jp\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/appstars.jp\/#\/schema\/person\/68359ed5ff906907debbfe8ade4ac9e1\",\"name\":\"Hoshino\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/appstars.jp\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/628fa2e9c0e1c0c50668a4b38dc08cbd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/628fa2e9c0e1c0c50668a4b38dc08cbd?s=96&d=mm&r=g\",\"caption\":\"Hoshino\"},\"sameAs\":[\"http:\/\/appstars.jp\"],\"url\":\"https:\/\/appstars.jp\/author\/appstarssupport\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"YouTube\u306eURL\u3092JavaScript\u3067\u81ea\u52d5\u3067\u57cb\u3081\u8fbc\u307f\u30d7\u30ec\u30a4\u30e4\u30fc\u306b\u3059\u308b - \u3042\u3077\u3059\u305f - iPhone\u3068Web\u3068\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u3068","description":"YouTube\u306eURL\u3092avaScript\u3067\u81ea\u52d5\u3067\u57cb\u3081\u8fbc\u307f\u305f\u3044\u6c17\u5206\u3067\u3059\u3002","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/appstars.jp\/archive\/638\/","og_locale":"en_US","og_type":"article","og_title":"YouTube\u306eURL\u3092JavaScript\u3067\u81ea\u52d5\u3067\u57cb\u3081\u8fbc\u307f\u30d7\u30ec\u30a4\u30e4\u30fc\u306b\u3059\u308b - \u3042\u3077\u3059\u305f - iPhone\u3068Web\u3068\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u3068","og_description":"YouTube\u306eURL\u3092avaScript\u3067\u81ea\u52d5\u3067\u57cb\u3081\u8fbc\u307f\u305f\u3044\u6c17\u5206\u3067\u3059\u3002","og_url":"https:\/\/appstars.jp\/archive\/638\/","og_site_name":"\u3042\u3077\u3059\u305f - iPhone\u3068Web\u3068\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u3068","article_published_time":"2015-03-06T02:53:00+00:00","article_modified_time":"2020-05-15T09:54:42+00:00","og_image":[{"width":800,"height":400,"url":"https:\/\/appstars.jp\/wp-content\/uploads\/2020\/05\/YouTube\u306eURL\u3092JavaScript.png","type":"image\/png"}],"author":"Hoshino","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Hoshino","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/appstars.jp\/archive\/638\/#article","isPartOf":{"@id":"https:\/\/appstars.jp\/archive\/638\/"},"author":{"name":"Hoshino","@id":"https:\/\/appstars.jp\/#\/schema\/person\/68359ed5ff906907debbfe8ade4ac9e1"},"headline":"YouTube\u306eURL\u3092JavaScript\u3067\u81ea\u52d5\u3067\u57cb\u3081\u8fbc\u307f\u30d7\u30ec\u30a4\u30e4\u30fc\u306b\u3059\u308b","datePublished":"2015-03-06T02:53:00+00:00","dateModified":"2020-05-15T09:54:42+00:00","mainEntityOfPage":{"@id":"https:\/\/appstars.jp\/archive\/638\/"},"wordCount":932,"publisher":{"@id":"https:\/\/appstars.jp\/#organization"},"articleSection":["JavaScript","\u958b\u767a\u65e5\u8a8c"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/appstars.jp\/archive\/638\/","url":"https:\/\/appstars.jp\/archive\/638\/","name":"YouTube\u306eURL\u3092JavaScript\u3067\u81ea\u52d5\u3067\u57cb\u3081\u8fbc\u307f\u30d7\u30ec\u30a4\u30e4\u30fc\u306b\u3059\u308b - \u3042\u3077\u3059\u305f - iPhone\u3068Web\u3068\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u3068","isPartOf":{"@id":"https:\/\/appstars.jp\/#website"},"datePublished":"2015-03-06T02:53:00+00:00","dateModified":"2020-05-15T09:54:42+00:00","description":"YouTube\u306eURL\u3092avaScript\u3067\u81ea\u52d5\u3067\u57cb\u3081\u8fbc\u307f\u305f\u3044\u6c17\u5206\u3067\u3059\u3002","breadcrumb":{"@id":"https:\/\/appstars.jp\/archive\/638\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/appstars.jp\/archive\/638\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/appstars.jp\/archive\/638\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/appstars.jp\/"},{"@type":"ListItem","position":2,"name":"YouTube\u306eURL\u3092JavaScript\u3067\u81ea\u52d5\u3067\u57cb\u3081\u8fbc\u307f\u30d7\u30ec\u30a4\u30e4\u30fc\u306b\u3059\u308b"}]},{"@type":"WebSite","@id":"https:\/\/appstars.jp\/#website","url":"https:\/\/appstars.jp\/","name":"\u3042\u3077\u3059\u305f - iPhone\u3068Web\u3068\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u3068","description":"\u3042\u3077\u3059\u305f - iPhone\u3068Web\u3068\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u3068","publisher":{"@id":"https:\/\/appstars.jp\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/appstars.jp\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/appstars.jp\/#organization","name":"\u3042\u3077\u3059\u305f - iPhone\u3068Web\u3068\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u3068","url":"https:\/\/appstars.jp\/","sameAs":[],"logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/appstars.jp\/#\/schema\/logo\/image\/","url":"https:\/\/appstars.jp\/wp-content\/uploads\/2020\/05\/cropped-\u3042\u3077\u3059\u305fLogo-1.png","contentUrl":"https:\/\/appstars.jp\/wp-content\/uploads\/2020\/05\/cropped-\u3042\u3077\u3059\u305fLogo-1.png","width":150,"height":105,"caption":"\u3042\u3077\u3059\u305f - iPhone\u3068Web\u3068\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u3068"},"image":{"@id":"https:\/\/appstars.jp\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/appstars.jp\/#\/schema\/person\/68359ed5ff906907debbfe8ade4ac9e1","name":"Hoshino","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/appstars.jp\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/628fa2e9c0e1c0c50668a4b38dc08cbd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/628fa2e9c0e1c0c50668a4b38dc08cbd?s=96&d=mm&r=g","caption":"Hoshino"},"sameAs":["http:\/\/appstars.jp"],"url":"https:\/\/appstars.jp\/author\/appstarssupport\/"}]}},"_links":{"self":[{"href":"https:\/\/appstars.jp\/wp-json\/wp\/v2\/posts\/232"}],"collection":[{"href":"https:\/\/appstars.jp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/appstars.jp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/appstars.jp\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/appstars.jp\/wp-json\/wp\/v2\/comments?post=232"}],"version-history":[{"count":0,"href":"https:\/\/appstars.jp\/wp-json\/wp\/v2\/posts\/232\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/appstars.jp\/wp-json\/wp\/v2\/media\/236"}],"wp:attachment":[{"href":"https:\/\/appstars.jp\/wp-json\/wp\/v2\/media?parent=232"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/appstars.jp\/wp-json\/wp\/v2\/categories?post=232"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/appstars.jp\/wp-json\/wp\/v2\/tags?post=232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}