★動画編集外注

参加者向け資料配布

パートナー
スライド提供

サムネURL

★本名

サムネ用素材（任意）

動画編集責任者

タイムテーブル

カテゴリー
（AWS、アプリ、データ分析、デザイン、マネジメント、ほか）

タイムコード

サムネイルのキャッチコピー

★登壇者名

SNS投稿文

初稿納品まで
の時間（h）

YouTube概要欄の必要情報を記載しましたか？

パートナー
スライドURL

備考

動画編集
外注依頼日

パートナー
英語セッション

Tシャツ回答

パートナー
素材到着予定日

★セッションレベル

YouTube予約済

納品締切日

★サムネイルの外注

セッション
レポート
タイトル

YouTube URL

公開予定日

サムネイル作成者

バディ

提出予定日
確認状況

バディ
※ビデオの方は必須

管理用番号

YouTube公開

サムネ用キーワード

YouTube概要欄

サムネ状況

SNS拡散

サムネイル文言

文言チェック

★タグをつけるとしたら？
※セル内改行禁止

パートナー
担当者

Status

ポータルに動画リンク

最終編集者

運営から依頼

★動画制作の経験はありますか？

セッションレベル

セッション
レポートブログURL

★セッションタイトル

★所属企業

★セッション概要

★肩書

★所属部署

時間

セッション時間

★ライブ/ビデオ ※一部調整中

★ブログのauthorページURL

★タグ

﻿★登壇者名

Web表示用

★講演予定時間※ライブセッションは40分予定

Show All

This page will automatically be redirected to DevelopersIO2023

DevelopersIO 2023を4年ぶりに東京でリアル開催します。7/7(金)、8(土)の2日間に40セッション、全国5都市でも開催と盛りだくさん！ぜひお早めに参加登録ください。

<div id="fb-root"></div>
  <script async defer crossorigin="anonymous" src="https://connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v7.0" nonce="FqfzccgM"></script>

<div class="header pc-block">
  <div class="inner">
    <div class="header_logo"><a href="https://classmethod.jp/" target="_blank"><svg id="logp" xmlns="http://www.w3.org/2000/svg" width="126" height="27.902" viewBox="0 0 126 27.902">
<g id="グループ_2" data-name="グループ 2" transform="translate(0)">
  <path id="パス_13" data-name="パス 13" d="M123.063,1.47a1.471,1.471,0,0,1,1.47,1.47V24.679a1.757,1.757,0,0,1-1.756,1.756H3.223a1.755,1.755,0,0,1-1.756-1.756V3.223A1.755,1.755,0,0,1,3.223,1.467H104.654a.289.289,0,0,1,.213.1l3.943,4.375a1.466,1.466,0,0,0,2.076,0l3.943-4.375a.284.284,0,0,1,.213-.1h8.023Zm0-1.47h-8.62a.32.32,0,0,0-.232.1l-3.839,4.267a.12.12,0,0,0-.016.019.734.734,0,0,1-1.022,0,.084.084,0,0,1-.016-.019L105.489.111A.332.332,0,0,0,105.235,0H3.223A3.225,3.225,0,0,0,0,3.223V24.679A3.223,3.223,0,0,0,3.223,27.9H122.777A3.223,3.223,0,0,0,126,24.679V2.937A2.94,2.94,0,0,0,123.063,0" transform="translate(0)" fill="#fff"/>
  <path id="パス_14" data-name="パス 14" d="M24.892,34.573a.37.37,0,0,1,.356.416v1.649c0,.229-.124.334-.356.334h-3.4c-1.919,0-2.211.648-2.211,3.276s.292,3.276,2.211,3.276h3.4c.229,0,.356.1.356.315v1.668c0,.251-.124.356-.356.4a17.625,17.625,0,0,1-3.4.292c-4.445,0-5.3-1.354-5.3-5.948s.855-5.948,5.3-5.948a19.338,19.338,0,0,1,3.4.27" transform="translate(-11.046 -23.415)" fill="#fff"/>
  <path id="パス_15" data-name="パス 15" d="M51.826,26.08a.291.291,0,0,1,.292.292V40.3a.293.293,0,0,1-.292.292H49.341a.294.294,0,0,1-.311-.311V26.391a.29.29,0,0,1,.292-.311Z" transform="translate(-33.452 -17.806)" fill="#fff"/>
  <path id="パス_16" data-name="パス 16" d="M225.4,40.1v.648c0,.416-.124.562-.667.562h-6.551c.041,1.878.543,2.211,2.357,2.211h3.717a.291.291,0,0,1,.292.292v1.744a.323.323,0,0,1-.292.34,21.458,21.458,0,0,1-3.984.292c-4.216,0-5.239-1.188-5.239-5.948s1.023-5.948,5.239-5.948,5.112,1.147,5.134,5.8m-7.241-.813h4.13c-.022-1.836-.5-2.316-2.024-2.316s-2.087.48-2.107,2.316" transform="translate(-146.762 -23.415)" fill="#fff"/>
  <path id="パス_17" data-name="パス 17" d="M256.836,37.912h-.918c-.918,0-1.23-.165-1.23-1.064V31.376h1.986a.3.3,0,0,0,.289-.315V28.977a.29.29,0,0,0-.289-.292h-1.986V26.362a.3.3,0,0,0-.292-.292h-2.5a.294.294,0,0,0-.292.292V37.889c0,2.631,1.627,2.691,3.422,2.691a8.952,8.952,0,0,0,1.773-.187.347.347,0,0,0,.334-.4V38.223a.289.289,0,0,0-.292-.311" transform="translate(-171.719 -17.799)" fill="#fff"/>
  <path id="パス_18" data-name="パス 18" d="M321.054,40.248c0,4.756-.982,5.948-5.322,5.948s-5.322-1.188-5.322-5.948,1-5.948,5.322-5.948,5.322,1.169,5.322,5.948m-7.533,0c0,2.631.311,3.276,2.211,3.276s2.234-.648,2.234-3.276-.311-3.276-2.234-3.276-2.211.648-2.211,3.276" transform="translate(-211.874 -23.415)" fill="#fff"/>
  <path id="パス_19" data-name="パス 19" d="M280.516,28.847a14.78,14.78,0,0,0-4.445,0V26.372a.29.29,0,0,0-.292-.292h-2.507a.291.291,0,0,0-.292.292V40.279a.292.292,0,0,0,.292.311h2.507a.287.287,0,0,0,.292-.292V34.633c0-2.227.064-3.276,2.211-3.276s2.246,1.048,2.234,3.276c-.013,2.259,0,5.665,0,5.665a.291.291,0,0,0,.292.292h2.507a.294.294,0,0,0,.292-.292V34.052c0-3.352-.807-4.791-3.088-5.208" transform="translate(-186.314 -17.806)" fill="#fff"/>
  <path id="パス_20" data-name="パス 20" d="M357.94,25.75a.291.291,0,0,1,.311.292V39.123c0,.594-.251.807-.877.921a27.837,27.837,0,0,1-4.149.321c-4.483,0-5.4-1.233-5.4-5.926s.928-5.967,5.077-5.967a13.729,13.729,0,0,1,2.269.124V26.058a.29.29,0,0,1,.289-.305h2.488Zm-4.655,5.411c-2.106,0-2.38.562-2.38,3.257,0,2.462.168,3.276,2.253,3.276a14.036,14.036,0,0,0,2-.146V31.161h-1.878Z" transform="translate(-237.398 -17.581)" fill="#fff"/>
  <path id="パス_21" data-name="パス 21" d="M72.385,37.9V44.7c0,.778-.111,1.061-1.245,1.226a29.581,29.581,0,0,1-3.949.289c-3.13,0-4.779-.334-4.82-3.609.041-2.818,1.5-3.422,4.277-3.422H69.3v-.753c0-1-.626-1.439-1.96-1.439H63.558a.3.3,0,0,1-.292-.311V34.965a.327.327,0,0,1,.292-.334,19.074,19.074,0,0,1,3.778-.311c4.13,0,5.049,1.334,5.049,3.59M66.9,41.186c-1.083,0-1.462.356-1.462,1.252,0,1,.458,1.274,1.773,1.274A9.854,9.854,0,0,0,69.3,43.5V41.186Z" transform="translate(-42.569 -23.429)" fill="#fff"/>
  <path id="パス_22" data-name="パス 22" d="M102.509,36.833h4.34a.3.3,0,0,0,.292-.311v-1.7a.332.332,0,0,0-.356-.305c-.715-.073-1.687-.149-2.847-.184-.34-.016-1.354-.022-1.474-.022-2.65,0-4.445.626-4.445,3.047v.334a2.9,2.9,0,0,0,2.192,3.13s2.952,1.058,3.047,1.1c.461.229.626.48.626.8v.21c0,.521-.416.75-1.23.75h-4.34a.3.3,0,0,0-.292.315v1.69c0,.1.064.289.356.311.715.073,1.687.149,2.847.184.34.016,1.354.022,1.474.022,2.65,0,4.445-.626,4.445-3.047v-.334a2.9,2.9,0,0,0-2.192-3.13s-2.952-1.058-3.047-1.1c-.461-.229-.626-.48-.626-.8v-.21c0-.521.416-.753,1.23-.753" transform="translate(-66.9 -23.422)" fill="#fff"/>
  <path id="パス_23" data-name="パス 23" d="M135.029,36.833h4.34a.3.3,0,0,0,.292-.311v-1.7a.332.332,0,0,0-.356-.305c-.715-.073-1.687-.149-2.847-.184-.34-.016-1.354-.022-1.474-.022-2.65,0-4.445.626-4.445,3.047v.334a2.9,2.9,0,0,0,2.192,3.13s2.952,1.058,3.047,1.1c.461.229.626.48.626.8v.21c0,.521-.416.75-1.23.75h-4.34a.3.3,0,0,0-.292.315v1.69c0,.1.064.289.356.311.715.073,1.687.149,2.847.184.34.016,1.353.022,1.474.022,2.65,0,4.445-.626,4.445-3.047v-.334a2.9,2.9,0,0,0-2.192-3.13s-2.952-1.058-3.047-1.1c-.461-.229-.626-.48-.626-.8v-.21c0-.521.416-.753,1.23-.753" transform="translate(-89.096 -23.422)" fill="#fff"/>
  <path id="パス_24" data-name="パス 24" d="M173.909,34.323a6.722,6.722,0,0,0-3.022.527,6.435,6.435,0,0,0-3.022-.527c-3.736,0-4.566,1.147-4.566,5v6.6a.293.293,0,0,0,.292.292h2.5a.3.3,0,0,0,.292-.292V40.112c0-2.526.238-3.015,1.481-3.107,1.157.086,1.442.518,1.477,2.621v6.291a.3.3,0,0,0,.3.292h2.5a.293.293,0,0,0,.292-.292V39.626c.035-2.107.321-2.539,1.477-2.624,1.242.092,1.481.581,1.481,3.107v5.808a.293.293,0,0,0,.292.292h2.5a.3.3,0,0,0,.292-.292v-6.6c0-3.851-.81-5-4.566-5" transform="translate(-111.457 -23.429)" fill="#fff"/>
</g>
</svg></a>
</div>
    <Ul>
      <li><a href="#section-block-45e9ef3a923a4597afbce787640cf188">ビデオセッション</a></li>
      <li><a href="#section-block-7d7df222ff01491982c2bc01e00d35c0">セッションDAY1</a></li>
      <li><a href="#section-block-a30dc2bbd67742c8a0e16f982d84defa">セッションDAY2</a></li>
      <li><a href="#section-block-da2e5ecb1c644b00b6cb7241d9ce93b6">開催概要</a></li>
    </Ul>
    
    <div class="header_share">
      

      <div>
        <a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-text="DevelopersIO 2023 〜GETだけじゃもったいない、PUTしてPOSTする2日間" data-hashtags="devio2023" data-show-count="false">Tweet</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
      </div>

      <div class="fb-share-button" data-href="https://event.classmethod.jp/developers-io/2023" data-layout="button" data-size="small"><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fevent.classmethod.jp%2Fm%2Fdevelopers-io%2Fm%2F2023&amp;src=sdkpreparse" class="fb-xfbml-parse-ignore">シェア</a></div>
    </div>
  </div>
</div>

<footer>
      <div class="inner">
        <p class="copyright">© Classmethod, Inc.</p>
      </div>
    <div id="toInquiry"><a href="#section-block-90c0f93e29d549e6a64fb83f70ab242d"><img src="https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/cm-event/c4c5be18-4a79-46bb-866d-92c54e99d0c4/dd2b7b464add46ed54b64c6468f1753e.png" alt="チケット好評発売中"></a></div>
    
  </footer>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript" src="https://classmethod.jp/m/developers-io/2021/js/jquery_easing.min.js"></script>
<script type="text/javascript" src="https://classmethod.jp/m/developers-io/2021/js/jquery.waypoints.min.js"></script>
<script>!function(a){var e="https://www.googleapis.com/youtube/v3/playlistItems?";e+="type=video";a(function(){a.ajax({url:"https://www.googleapis.com/youtube/v3/playlistItems?type=video&part=snippet&playlistId=PLL6J8djFsPBWjsVl0WsEpaTF9gkG3fy-P&maxResults=6&key=AIzaSyAEs_8iLhj4CSCd8-9dRDT0PuN8FkRKmjc",dataType:"jsonp"}).done(function(e){if(e.items){var i=e;let t="",o="";for(let e=0;e<i.items.length;e++)o=(o='<iframe width="560" height="315" src="https://www.youtube.com/embed/')+i.items[e].snippet.resourceId.videoId+'?autoplay=0&amp;controls=1&amp;disablekb=0&amp;loop=1&amp;showinfo=0&amp;rel=0&amp;iv_load_policy=3&list=PLL6J8djFsPBWjsVl0WsEpaTF9gkG3fy-P" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>',t+="<li>"+o+"</li>";a("#videoList").html(t)}else console.log(e),alert("該当するデータが見つかりませんでした")}).fail(function(e){alert("通信に失敗しました")})})}((window,jQuery)),window.addEventListener("message",function(e){var t;"https://go.pardot.com"!=e.origin&&"https://info.classmethod.jp"!=e.origin||null!=(t=document.getElementById("iframe-form"))&&(t.height=e.data)},!1);
</script>
<script>!function(win,$){function smoothScroll(){$('a[href^="#"]').on("click",(function(){var speed=800,href=$(this).attr("href");if("#"==href||""==href)return!1;var target,position=$(href).offset().top-60;return $("body,html").animate({scrollTop:position},800,"easeOutExpo"),!1}))}function setWaypoint(){$("#section-block-383e02f3c07848358bae256b0ab61e7d ul").eq(0).addClass("active");$("#section-block-383e02f3c07848358bae256b0ab61e7d .notion-collection").eq(0).addClass("active");for(var IDLIST=["#section-block-45e9ef3a923a4597afbce787640cf188","#section-block-7d7df222ff01491982c2bc01e00d35c0","#section-block-a30dc2bbd67742c8a0e16f982d84defa","#section-block-da2e5ecb1c644b00b6cb7241d9ce93b6"],i=0;i<IDLIST.length;i++)$(IDLIST[i]).waypoint((function(direction){var keyTxt=this.key,index=keyTxt.substr(keyTxt.length-1);"down"==direction?($(".header li a").removeClass("current"),$(".header li a").eq(index).addClass("current")):($(".header li a").removeClass("current"),0!=index&&$(".header li a").eq(index-1).addClass("current"))}),{offset:"10%"})}function tabCgangeSet(){$("#section-block-383e02f3c07848358bae256b0ab61e7d ul").on("click",(function(){var index=$(this).index();$("#section-block-383e02f3c07848358bae256b0ab61e7d ul").removeClass("active"),$("#section-block-383e02f3c07848358bae256b0ab61e7d .notion-collection").removeClass("active"),$(this).addClass("active"),$("#section-block-383e02f3c07848358bae256b0ab61e7d .notion-collection").eq(index - 1).addClass("active")}))}function videoHeightSet(){var windowWith;if($(window).width()>769){var videoHeight=$("#section-block-383e02f3c07848358bae256b0ab61e7d .notion-collection.active .live-session_days_box_live ul").height();$(".live-session_days.active .live-session_days_box_vod ul").css("height",videoHeight)}}$((function(){smoothScroll(),tabCgangeSet()})),$(win).on("load",(function(){setWaypoint()}))}(window,jQuery);
</script>

DevelopersIO 2023 〜GETだけじゃもったいない、PUTしてPOSTする2日間〜

「Classmethod Odyssey」は2024年7月に1ヶ月にわたって開催するテックとビジネスの祭典です。オフラインは全部で4日間、生成AIやデータ分析をテーマとしたハンズオンセッションも多数用意しています。

<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TJXBQB" height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> 
<script>
  (function($){
    //DOMが生成されたら実行
    $(function(){    
    });
  
    //画像も含めたページ全体がロードされたら実行
    $(window).on('load', function(){
      tabCgangeSet();
      setTimetable();
      setapplyBtn();
    });
  
    //タブ切替え
    function tabCgangeSet(){
      //Days class付与
      // $("#block-78aa6472fe86426ebe044f763bbdb597").addClass("is-show");

      $('.tab').on('click', function(){
        let index = $(this).index();
        $('.tab').removeClass('is-active');
        $('.notion-row').removeClass('is-show');
        $(this).addClass('is-active');
        $('.notion-row').eq(index).addClass('is-show');
      })
    }

    function setTimetable() {
    //現在表示しているタイムテーブル
    let current; //クエリを取得
    let queryStr = window.location.search.slice(1); //クエリがあったら該当のタイムテーブルを表示

    if (queryStr == -1) {
      current = 3; //初期表示
    } else if (queryStr == 'day1') {
      current = 0;
    } else if (queryStr == 'day2') {
        current = 1;
    } else if (queryStr == 'day3') {
        current = 2;
    } else if (queryStr == 'day4') {
        current = 3;
    } else if (queryStr == 'day5') {
        current = 4;
    } else if (queryStr == 'day6') {
        current = 5;
    } else if (queryStr == 'day7') {
        current = 6;
    } else if (queryStr == 'day8') {
        current = 7;
    } else if (queryStr == 'day9') {
        current = 8;
    } else if (queryStr == 'day10') {
        current = 9;
    } else if (queryStr == 'day11') {
        current = 10;
    } else if (queryStr == 'day12') {
        current = 11;
    } else {
        current = 3; //初期表示
    }

    changeTimetable(current); //タブをクリックするとタイムテーブル切り替え

    function changeTimetable(i) {
      //tab切り替え
      $('.tab').removeClass('is-active');
      $('.tab').eq(i).addClass('is-active');
    
      $('.notion-row').removeClass('is-show');
      $('.notion-row').eq(i).addClass('is-show');
    }
  }

  // SP用申込みボタン
  function setapplyBtn() {
    // if (window.innerWidth < 768) {
      let applyBtn = $('#applyBtn');
      $(window).scroll(function () {
          if ($(this).scrollTop() > 300) {
              applyBtn.addClass('slideIn');
          } else {
              applyBtn.removeClass('slideIn');
          }
      });
    // }
  }
}(jQuery));  
</script>

Classmethod Odyssey クラスメソッド設立20周年テックイベント オフライン日程セッション紹介

「Classmethod Odyssey」は2024年7月に1ヶ月にわたって開催するテックとビジネスの祭典です。オンラインは全部で12日間、生成AIやクラウド技術をはじめとした100を超えるセッションをお届けします。

<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TJXBQB" height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> 
<script>
  (function($){
    //DOMが生成されたら実行
    $(function(){    
    });
  
    //画像も含めたページ全体がロードされたら実行
    $(window).on('load', function(){
      tabCgangeSet();
      setTimetable();
      setapplyBtn();
    });
  
    //タブ切替え
    function tabCgangeSet(){
      //Days class付与
      // $("#block-78aa6472fe86426ebe044f763bbdb597").addClass("is-show");

      $('.tab').on('click', function(){
        let index = $(this).index();
        $('.tab').removeClass('is-active');
        $('.notion-row').removeClass('is-show');
        $(this).addClass('is-active');
        $('.notion-row').eq(index).addClass('is-show');
      })
    }

    function setTimetable() {
    //現在表示しているタイムテーブル
    let current; //クエリを取得
    let queryStr = window.location.search.slice(1); //クエリがあったら該当のタイムテーブルを表示

    if (queryStr == -1) {
      current = 9; //初期表示
    } else if (queryStr == 'day1') {
      current = 0;
    } else if (queryStr == 'day2') {
        current = 1;
    } else if (queryStr == 'day3') {
        current = 2;
    } else if (queryStr == 'day4') {
        current = 3;
    } else if (queryStr == 'day5') {
        current = 4;
    } else if (queryStr == 'day6') {
        current = 5;
    } else if (queryStr == 'day7') {
        current = 6;
    } else if (queryStr == 'day8') {
        current = 7;
    } else if (queryStr == 'day9') {
        current = 8;
    } else if (queryStr == 'day10') {
        current = 9;
    } else if (queryStr == 'day11') {
        current = 10;
    } else if (queryStr == 'day12') {
        current = 11;
    } else {
        current = 9; //初期表示
    }

    changeTimetable(current); //タブをクリックするとタイムテーブル切り替え

    function changeTimetable(i) {
      //tab切り替え
      $('.tab').removeClass('is-active');
      $('.tab').eq(i).addClass('is-active');
    
      $('.notion-row').removeClass('is-show');
      $('.notion-row').eq(i).addClass('is-show');
    }
  }

  // SP用申込みボタン
  function setapplyBtn() {
    // if (window.innerWidth < 768) {
      let applyBtn = $('#applyBtn');
      $(window).scroll(function () {
          if ($(this).scrollTop() > 300) {
              applyBtn.addClass('slideIn');
          } else {
              applyBtn.removeClass('slideIn');
          }
      });
    // }
  }
}(jQuery));  
</script>

Classmethod Odyssey クラスメソッド設立20周年テックイベント オンライン日程セッション紹介

クラスメソッドがブログ＆動画＆イベントでAWS re:Invent 2023の最新情報をお届け！

<header id="header-nav" class="header-nav">
  <div class="separatedSection__contentsWrapper">
    <div class="header-nav_share">
      <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fevent.classmethod.jp%2Freinvent%2F2023&amp;text=%23AWSreInvent%202023%E3%83%9D%E3%83%BC%E3%82%BF%E3%83%AB%E3%82%B5%E3%82%A4%E3%83%88%EF%BD%9C%E3%82%AF%E3%83%A9%E3%82%B9%E3%83%A1%E3%82%BD%E3%83%83%E3%83%89&amp;" target="_blank" rel="noopener" class="twitter"><img src="https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/cm-event/aa3e1c04-d23c-4594-a3ca-35eac050872c/38096bfbeeb5d696fd355f1f614dcb7c.png"></a>

      <a href="http://www.facebook.com/share.php?u=https://event.classmethod.jp/reinvent/2023" rel="noopener" onclick="window.open(encodeURI(decodeURI(this.href)),'fbwindow','width=550, height=450, personalbar=0, toolbar=0, scrollbars=1'); return false;" target="_blank" class="facebook"><img src="https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/cm-event/11553019-09eb-4507-b867-7a61e1a37306/4c0e050dcaa5934b1612e44c57e6a717.png"></a>

      <a href="https://dev.classmethod.jp/" target="_blank" rel="noopener"><img src="https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/cm-event/c9dd9dfa-cd43-45e2-90a7-3453080f71b7/bc95e4a11b143787ecc2369957d8c50b.png"></a>
      
      <a href="https://www.youtube.com/@classmethod-yt" target="_blank" rel="noopener"><img src="https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/cm-event/ed86a5f3-feb0-492f-939b-480d9915bbbe/3d052c80ec74618d69923731f36b40be.png"></a>
    </div>
  </div>
</header>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
(function($){
  //DOMが生成されたら実行
  $(function(){
    setYouTube();
    smoothScroll();
  });

  //画像も含めたページ全体がロードされたら実行
  $(window).on("load", function(){
  });

  $('a[href^="#"]').on('click', function(){
          var speed = 400; // スクロール速度（ミリ秒）
          var href = $(this).attr('href'); // アンカーの値取得
          if(href == '#' || href == ''){ return false;}
          var target = $(href); //移動先を取得
          var position = target.offset().top - 20; // 移動先を数値で取得
          
          // $('body').animate({scrollTop:position}, speed, 'easeOutExpo'); // スムーズスクロール
          $('html, body').animate({
              scrollTop: position
          }, speed, 'swing', function() {
              // Animation complete.
          });
          return false;
      })
  
  function setYouTube() {
      let playlistId = 'PLL6J8djFsPBWKg8zjfAyMxibHybx7AU2Z';
      let key = 'AIzaSyAEs_8iLhj4CSCd8-9dRDT0PuN8FkRKmjc';
      let maxResults = '9';

      $.ajax({
          type: 'get',
          url: 'https://www.googleapis.com/youtube/v3/playlistItems',
          dataType: "jsonp",
          data: {
            part: 'snippet',
            playlistId: playlistId,
            maxResults: maxResults,
            key: key
          }
      }).done(function(response) {
        console.log(response);
        
          response.items ? function() {
              let lists = "";

              for (let i = 0; i < response.items.length; i++) lists += '<li><div><iframe width="560" height="315" src="https://www.youtube.com/embed/', lists += response.items[i].snippet.resourceId.videoId, lists += '?autoplay=0&amp;controls=1&amp;disablekb=0&amp;loop=1&amp;showinfo=0&amp;rel=0&amp;iv_load_policy=3&list=PLL6J8djFsPBWKg8zjfAyMxibHybx7AU2Z" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div></li>';
              $("#videoList").html(lists)
          }() : console.log(response.error.message)
      }).fail(function() {
          console.log('通信に失敗しました')
      })
    }
}(jQuery));
</script>

AWS re:Invent 2023 JAPAN PORTAL | クラスメソッド

Charu Srivastava