YoutubeAPIでチャンネルの最新動画をWEBサイトに表示させる方法

で望ましい結果がでるかといわれると微妙。

書いてある事は初心者にはとても有用でありがたいのだが、このサイトに到達するまでが苦労の連続だった。

APIってなんぞやとかになると思うけど。

プログラムーアプリ＝ＡＰＩ

厳密に違うかもしれないが、便利なアプリを作って、アプリ同士を連結させますよというのがＡＰＩみたいなもん。

最近ツイッターやらアマゾンやら使いやすいシステムの裏にはＡＰＩがあると思うとＡＰＩすごくねと思う。

最近やたらＩＴの進化してる感じがすると思ってたわけですよ。

肝心な本題に戻りますが、自分が一瞬止まったのが下記の部分↓↓

取得したjsonからajax通信で動画IDを取得してhtml表示させる。

（#^ω^）イライラ　　　なんのこっちゃ・・・・・

青い部分をいじるだけでよかった(‘ω’)　ＵＲＬいじるだけですね

<div id="youtubeList"></div>

<script>
$.ajax({
  type: 'GET',
  url: 'https://www.googleapis.com/youtube/v3/search?part=snippet&channelId={Channel ID}&maxResults=5&order=date&type=video&key={API Key}',
  datatype: 'json',
  success: function(json){
    num = json.items.length;
    for(var i = 0; i < num ; i++){
        var ID = json.items[i].id.videoId;
        $("#youtubeList").append('<iframe width="560" height="315" src="https://www.youtube.com/embed/' + ID + '" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>');
    }
  },
  error: function(){
    alert('error');
  }
});
</script>