CINXE.COM
VDC｜Vocal & Dance Collection
<!DOCTYPE html> <html lang="ja"> <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/website#"> <title>VDC｜Vocal & Dance Collection</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"> <meta name="keywords" content="music,idol,dance,vocal,VDC,ボーカル,ダンス,コレクション,アイドル, アーティスト"/> <meta name="description" content="ボーカルとダンスに焦点を合わせた女性アーティストの魅力が発見できるサイト"/> <meta property="og:url" content="https://vdc.tokyo/"/> <meta property="og:type" content="website"/> <meta property="og:title" content="VDC｜Vocal & Dance Collection"/> <meta property="og:description" content="ボーカルとダンスに焦点を合わせた女性アーティストの魅力が発見できるサイト"/> <meta property="og:image" content="https://vdc.tokyo/static/store_nuovo/img/smart-icon.png"/> <meta property="og:site_name" content="VDC Vocal & Dance Collection"/> <meta property="og:locale" content="ja_JP"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:site" content="@VDC_tokyo"/> <meta name="twitter:title" content="VDC｜Vocal & Dance Collection"/> <meta name="twitter:description" content="ボーカルとダンスに焦点を合わせた女性アーティストの魅力が発見できるサイト"/> <meta name="twitter:image" content="https://vdc.tokyo/static/store_nuovo/img/smart-icon.png"/> <link rel="SHORTCUT ICON" href="/static/store/favicon/favicon.png" type="image/png"> <link rel="icon" href="/static/store/favicon/favicon.png" type="image/png"> <!--{#<link rel="icon" sizes="256x256" href="/static/store_nuovo/img/apple-touch-icon-256x256.png"/>--> <link rel="apple-touch-icon" href="/static/store_nuovo/img/apple-touch-icon-256x256.png"/> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous"> <!-- Font Awesome JS --> <link rel="stylesheet" href="/static/store_nuovo/css/custom.min.css?ver=20200519 "> <meta name="google-site-verification" content="Dko5ntlhhSK8qLkNXL_5D570r-PhW_nLTnFlotnkM-M"/> <script src="https://unpkg.com/scroll-out/dist/scroll-out.min.js"></script> <script src="/static/store_nuovo/js/scroll-out_setting.js"></script> <!--<link href="/static/store_nuovo/css/liveinfo.css" rel="stylesheet"/>--> <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"> </head> <body> <!-- /header --> <header id="header-anker"> <nav class="navbar vdc_header_nav"> <!--<a class="navbar-brand" href="#">Navbar</a>--> <a href="/"> <img src="/static/store/img/title-logo.svg" alt="VDC Site" class="site-logo" style="width: 12em;"> </a> <div class="vdc-header-menu"> <a href="/login/" class="btn btn-sm btn-vdc_header">ログイン</a> <a href="#" class="menu-trigger" data-toggle="collapse" data-target="#collapsibleNavbar"> <span></span> <span></span> <span></span> </a> </div> <div class="collapse navbar-collapse vdc-header-menu__wrapper" id="collapsibleNavbar"> <ul class="navbar-nav"> <li class="nav-item"><a class="nav-link" href="https://wp.vdc.tokyo/">ニュース＆トピックス</a></li> <li class="nav-item"><a class="nav-link" href="/vdc_magazine/">VDC Magazine</a></li> <li class="nav-item"><a class="nav-link" href="/vdc_live/">VDC Live</a></li> <li class="nav-item"><a class="nav-link" href="/about/">VDC とは</a></li> <li class="nav-item"><a class="nav-link" href="/contact/">お問い合わせ他</a></li> <li class="nav-item"><a class="nav-link" href="/nuovo/mypage/">マイページ</a></li> </li> </ul> <form class="form-inline" action="/nuovo/search/" method="GET"> <div class="navbar-nav flex-row" style="width: 100%"> <input class="form-control mr-sm-2" type="search" placeholder="検索" aria-label="Search" name="word"> <button type="submit" class="btn btn-outline-light ml-2 py-1 px-4"> <i class="fas fa-search"></i> </button> </div> </form> </div> </nav> </header> <div class="container" style="margin-top:0.1em;padding-left: 0px;padding-right: 0px;"> <div class="container-fluid" id="artists_row"> <div class="row" style=""> <div class="col-6 py-1" id="wp_info_thumbnail"> </div> <div class="col-6 pl-0" id="wp_info_row"> </div> </div> <div class="row m-2" style="" id="article"></div> </div> </div> </div> </div> <section> <ul class="button-list-sns"> <li><a href="http://twitter.com/share?url=https%3A%2F%2Fvdc.tokyo/&via=VDC_tokyo&related=VDC_tokyo&hashtags=VDC_Site&text=VDC%20Site" target="_blank"> <i class="icon-twitter"></i></a></li> <li><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fvdc.tokyo/" target="_blank"> <i class="icon-facebook"></i></a></li> <li><div data-url="https%3A%2F%2Fvdc.tokyo/" class="line-it-button" style="display: none;" data-lang="ja" data-type="share-d"> </div></li><!-- LINE --> <li><a href="https://7gogo.jp/share?url=https%3A%2F%2Fvdc.tokyo/&text=VDC%20Site" target="_blank"> <i class="icon-755"></i></a></li> <li><a href="#" class="clip_board_copy" data-toggle="tooltip" data-trigger="click" title="URLをコピーしました" data-vdc-toggle="copy_clipboard" data-url="https://vdc.tokyo/"> <i class="icon-copy"></i></a></li> </ul> </section> <footer> <div class="container-fluid"> <div class="row"> <div class="col-12"> <span><a href="http://razil.jp/privacy.html" target="_blank">個人情報保護方針</a> /<a href="http://razil.jp/privacyinfo.html" target="_blank">個人情報の取り扱いについて</a> <div> ©2016- Vocal & Dance Collection All rights reserved.</div> <br> </span> </div> </div> </div> </footer> </body> <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> <script> $(document).ready(function () { $('#sidebarCollapse').on('click', function () { $('#sidebar').toggleClass('active'); }); }); (function (i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); ga('create', 'UA-74360482-1', 'auto'); ga('send', 'pageview'); $(function () { $('a, input[type="button"], .photo-list li img') .bind('touchstart', function () { $(this).addClass('hover'); }).bind('touchend', function () { $(this).removeClass('hover'); }); $("a[href='#']").click(function (e) { e.preventDefault(); }); } ); </script> <script src="https://d.line-scdn.net/r/web/social-plugin/js/thirdparty/loader.min.js" async="async" defer="defer"></script> <script src="/static/store_nuovo/vendors/clipboard.js/dist/clipboard.min.js"></script> <script>$(function(){new Clipboard('[data-vdc-toggle=copy_clipboard]', {text: function(t) {return $(t).data('url');}});});</script> <script>$(function(){$('.clip_board_copy').tooltip();});</script> <script type="text/javascript"> var call_count = 2; var load_lock = false; var end = false; var load_stack_count = 0; function shuffle(a){ var i = 7; while(i){ var j = Math.floor(Math.random()*i); var t = a[--i]; a[i] = a[j]; a[j] = t; } return a; } function add_artist(latest_stack_count) { $('#artists_row').append('<div class="row" id="artists_row_'+call_count+'" style=""></div>'); $('#artists_row').append('<div id="loading_header_' + call_count + '"><p style="font-size: 1.5em;color: #e2e2e2;margin-bottom: 0px;">NowLoading...</p>'); $.ajax({ type: 'GET', url: '/nuovo/api_get_artist?call_count='+call_count, dataType: "json", async: true, success: function (data) { var artist_row = ""; //終端判定 if(data.artists.length == 0){ end = true; $('#artists_row_'+data.lines).remove(); } var artistdata_lines = data.artists[0] for (var artistdata in artistdata_lines) { var artist_count = artistdata_lines[artistdata].artists_packet.length; for (let artist_pos = 0; artist_pos < artist_count; artist_pos++) { var good_choice_color = Math.ceil(Math.random()*12) if (good_choice_color > 9){ good_choice_color = good_choice_color.toString() }else{ good_choice_color = "0"+good_choice_color.toString() } var vdc_artist_object = artistdata_lines[artistdata].artists_packet[artist_pos]; var vdc_club = (vdc_artist_object.is_vdc_club) ? "vdc_club_card" : ""; var image_contents = ' <div class="image_bg"><p class="name bg_color'+ good_choice_color +'">'+vdc_artist_object.kanji+'</p></div>\n' if (vdc_artist_object.image_status) { if (vdc_artist_object.icon_photo_path != null){ image_contents = '<div class="image_bg" ><img src="' + vdc_artist_object.icon_photo_path + '"' + ' alt="'+vdc_artist_object.kanji+'" style="background: none;width: 100%;" class="img-fluid mx-auto" ></div>' }else { image_contents = '<div class="image_bg"><img src="/ma/icon/artist/' + vdc_artist_object.pub_id + '.png" alt="'+vdc_artist_object.kanji+'" style="background: none;width: 100%;" class="img-fluid mx-auto" ></div>' } } artist_row = artist_row + '<div class="artist_photo-list col-4 scrollout_img"><a href="' + vdc_artist_object.url + '" title="' + vdc_artist_object.kanji + '" style="width:100%;"><div class="card ' + vdc_club + '">\n' + image_contents + ' <div class="vdc_card-body">\n' + ' <p class="vdc_card-title">' + vdc_artist_object.kanji + '</p>\n' + ' </div>\n' + ' </div></a></div>'; for (let box_pos = 0; box_pos < (3 - artist_count); box_pos++) { artist_row = artist_row + '\n' + ' <div class="artist_photo-list col-4 scrollout_img">\n' + ' \n' + ' </div>\n' + ' '; } } if (artistdata_lines[artistdata].is_hundred) { artist_row = artist_row + '<p class="vdc_hot__headline col-12"><i class="fab fa-hotjar mr-1"></i>'+ artistdata_lines[artistdata].hundred_text +'〜</p>'; } $('#artists_row_' + data.call_count).append(artist_row); artist_row = ""; } $('#loading_header_'+data.call_count).remove(); if(latest_stack_count-1 > 0) { add_artist(latest_stack_count - 1); }else{ load_lock = false; load_stack_count = 0; } call_count = call_count + 1 }, error: function () { $('#loading_header_'+data.call_count).remove(); console.log('loading error'); } }); } // $(window).on('scroll', function () { // var doch = $(document).innerHeight(); // var winh = $(window).innerHeight(); // var bottom = doch - winh; // if (bottom * 0.99 <= $(window).scrollTop()) { // if (end){ // return false; // } // if (load_lock || load_stack_count != 0) { // return false; // } else { // load_lock = true; // } // add_artist(1); // } // }); $(function(){ $.getJSON("https://wp.vdc.tokyo/listapi",null,function(data,status){ var i=0; var top_article_html = '<div class="py-1" id="wp_info_thumbnail">'+ '<div class="border position-relative">'+ '${thumbnail_obj}'+ '<p class="mb-0"><strong>${pagetitle}</strong></p>'+ '<div class="d-flex justify-content-between">'+ '<div><span class="text-muted">${date}</span></div>'+ '<div><a href="${link}" style="color: #e60044;" target="_blank" rel="noopener">more▼</a></div>'+ '</div>'+ '</div></div>'; for(var datacnt in data.slice(0,6)){ var article_s_title = data[datacnt].title; var article_s_link = data[datacnt].url + "?vdckey="; var article_s_category_label = "category_label_"+data[datacnt].category.toLowerCase(); var article_s_category = data[datacnt].category; var article_s_url = data[datacnt].thumbnail; var article_s_date = data[datacnt].date; var thumbnail_obj = '<a href="'+article_s_link+'" target="_blank" rel="noopener"> <img class="img-fluid" src="'+article_s_url+'">' + '<div class="card-img-overlay">' + ' <div class="card-text '+article_s_category_label+'">'+article_s_category+'</div>' + '</div></a>'; //dateが入ってたらyyyy.mm.ddに変換 if(article_s_date != ""){ var date_obj = new Date(article_s_date); article_s_date = date_obj.getFullYear() + "." + (date_obj.getMonth() + 1) + "." + date_obj.getDate(); } //top_article_htmlの${}を置換 var top_article_html_result = top_article_html.replace("${thumbnail_obj}",thumbnail_obj); var top_article_html_result = top_article_html_result.replace("${pagetitle}",article_s_title); var top_article_html_result = top_article_html_result.replace("${date}",article_s_date); var top_article_html_result = top_article_html_result.replace("${link}",article_s_link); //奇数行はwp_info_thumbnail 偶数業はwp_info_row if(i%2 == 0){ $("#wp_info_thumbnail").first() .append(top_article_html_result); }else{ $("#wp_info_row").first() .append(top_article_html_result); } i++; }; var article_html = '<li class="text-truncate"><a class="" href="${link}" target="_blank" rel="noopener" style="color:#e60044;">・${title}</a></li>'; //id=articleの要素に記事を追加 for(var datacnt in data.slice(6)){ var article_s_link = data[datacnt].url + "?vdckey="; var article_s_title = data[datacnt].title; //body_article_htmlの${}を置換 var body_article_html_result = article_html.replace("${link}",article_s_link); body_article_html_result = body_article_html_result.replace("${title}",article_s_title); $("#article").first() .append(body_article_html_result); } }); }); $('#VDC_TOP_100_popup').on('click', function () { $('#VDC_HOT_100_Modal').modal(); }); </script> <script> function get_px_top_adjustment(){ var $present = $("#alert_magazine_present"); if ($present) { return $present.css('height'); } else { return '0px'; } } $(function(){ var $wonder = $(".vdc-live-wonder"); $wonder.on('click', function(){ var $modal_nologin = $("#id_modal_live_no_login"); $modal_nologin.css('top', get_px_top_adjustment()); $modal_nologin.modal('show'); }); }); $(function(){ var $went = $(".vdc-live-went"); $went.on('click', function(){ var $modal_nologin = $("#id_modal_live_no_login"); $modal_nologin.css('top', get_px_top_adjustment()); $modal_nologin.modal('show'); }); }); </script> <script> $(function(){ var $pop = $("[data-toggle=popover]"); $pop.popover(); $("[data-toggle=tooltip]").tooltip(); }); </script> </html>