LiveFans コミュニティ

<!DOCTYPE html> <html lang="ja"> <head> <link rel="canonical" href="https://community.livefans.jp/" /> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta lang="ja" name="description" content='LiveFansコミュニティは、アーティストのファンとファンをつなぐコミュニティ。大好きなアーティストの豆知識やライブの実況まで、さまざまな話題でファン同士話し合おう。'> <meta lang="ja" name="keywords" content="コンサート,ライブ,ツアー,フェス,セットリスト,コミュニティ"> <title>LiveFans コミュニティ</title> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:creator" content="@livefans"> <meta name="twitter:title" content="LiveFans コミュニティ"> <meta name="twitter:description" content='LiveFansコミュニティは、アーティストのファンとファンをつなぐコミュニティ。大好きなアーティストの豆知識やライブの実況まで、さまざまな話題でファン同士話し合おう。'> <meta name="twitter:image:src" content="https://community.livefans.jp/img/data/commu_970x500.png"> <meta name="twitter:domain" content="http://community.livefans.jp/"> <meta property="og:site_name" content="livefans.jp" /> <meta property="og:title" content="LiveFans コミュニティ" /> <meta property="og:description" content='LiveFansコミュニティは、アーティストのファンとファンをつなぐコミュニティ。大好きなアーティストの豆知識やライブの実況まで、さまざまな話題でファン同士話し合おう。' /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://community.livefans.jp/img/data/commu_970x500.png" /> <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/icon?family=Material+Icons" /> <link rel="stylesheet" type="text/css" href="https://code.getmdl.io/1.3.0/material.pink-blue.min.css" /> <link rel="stylesheet" type="text/css" href="/css/plugins/magnific-popup.css" /> <link rel="stylesheet" type="text/css" href="/css/plugins/featherlight.min.css?update=20171002" /> <link rel="stylesheet" type="text/css" href="/css/common.css?update=201806111725" /> <link rel="stylesheet" type="text/css" href="/css/common-add.css?update=20180323" /> <script type="text/javascript" src="/js/google_analytics_commu.js"></script> </head> <body> <div class="global-nav -index" id="js-globalnav" data-key="top"> <div class="left"> <span class="mdl-chip mdl-chip--contact"> <a href="/" id="js-backhome"> <span class="mdl-chip__text"><img src="/img/images/common/livefans.png?update=20170911" alt="ライブ・セットリスト情報サービス - LiveFans (ライブファンズ)" /></span> </a> </span> <div class="mdl-textfield mdl-js-textfield js-input-suggest js-suggest-pcarea"> <form name="searchBox" id="searchBox" action="/search" onsubmit="return check_keyword($(this))"> <span class="material-icons icon" onclick="return check_keyword($('#searchBox'))">search</span> <input class="mdl-textfield__input" type="search" name="keyword" id="keyword" accesskey="s" value="" maxlength="50" placeholder="コミュニティ、トピック、投稿を探す" id="js-searchinput"> <span class="material-icons clearbtn js-suggestcancel">cancel</span> </form> </div> <span class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent searchbtn -displaypc" onclick="return check_keyword($('#searchBox'))">検索</span> <h1 class="title -displaysp">LiveFans コミュニティ</h1> </div> <div class="right">  <button class="btns -hide search" id="js-show-search"><i class="material-icons">search</i></button> <button class="btns -hide" data-dialog-name="snsshare"><i class="material-icons">share</i></button> <button class="btns -hide" data-dialog-name="info"><i class="material-icons">info_outline</i></button> <a href="https://www.livefans.jp/users/login" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent btns -login -hide">ログイン</a> <button class="suggestcancel js-suggestcancel">キャンセル</button> </div> </div> <header class="mdl-shadow--2dp layout-header -index" id="js-header" data-setwidth-parent> <div class="wrapper"> <div class="sign-board profile -displaypc"> <div class="head"> <figure class="img"><img src="/img/images/user/icon-noimg.gif" alt="ゲストさん"></figure> <div class="username">ようこそゲストさん</div> </div> <div class="plz-login"> <p>コミュニティに参加するには<br>ログインする必要があります。</p> <p><a href="https://www.livefans.jp/users/login" class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent">ログインする</a></p> <p><a href="https://www.livefans.jp/users/signup" class="mdl-button mdl-js-button">新規会員登録はこちら</a></p> </div> </div> </div> </header> <div class="layout-main -index no-changed -top" id="js-main">  <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header"> <div class="mdl-layout__header js-floating is-fixed no-changed"> <div class="mdl-layout__tab-bar mdl-js-ripple-effect"> <a href="#scroll-tab-1" class="mdl-layout__tab is-active">おすすめ</a> <a href="#scroll-tab-2" class="mdl-layout__tab">タイムライン</a> </div> </div> <main class="mdl-layout__content"> <section class="mdl-layout__tab-panel is-active" id="scroll-tab-1"> <div class="page-content "> <div class="howto-card mdl-card mdl-shadow--2dp" data-key="top_camera"> <div class="mdl-card__title"> <img src="/img/images/common/sample-camera.png" alt="撮影OKライブのステージやツアーの写真をどんどん投稿しよう" /> </div> <div class="mdl-card__supporting-text"> <h4>撮影OKライブのステージやツアーの写真をどんどん投稿しよう</h4> <p>写真の投稿はコメント入力欄のカメラマークをタップ！</p> </div> <div class="mdl-card__actions mdl-card--border"> <a > </a> </div> <div class="mdl-card__menu"> <button class="btnClose mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect" onclick="ga('send', 'event', 'チュートリアルカードキャンセルボタンクリック', '撮影OKライブのステージやツアーの写真をどんどん投稿しよう', '撮影OKライブのステージやツアーの写真をどんどん投稿しよう,/,LiveFans コミュニティ');"> <i class="material-icons">clear</i> </button> </div> </div>  <div class="mdl-grid js-infinite-content" id="scroll-tab-1"> <section class="mdl-card -remove" style="display:none"></section> </div> <p class="infinite-loader -commu" data-infinite-pathname="community/recommend_list/page:"><a href="/community/recommend_list/page:2"><i class="material-icons">sync</i></a></p> </div> </section> <section class="mdl-layout__tab-panel" id="scroll-tab-2"> <div class="page-content -timeline"> <div class="howto-card mdl-card mdl-shadow--2dp" data-key="top_camera"> <div class="mdl-card__title"> <img src="/img/images/common/sample-camera.png" alt="撮影OKライブのステージやツアーの写真をどんどん投稿しよう" /> </div> <div class="mdl-card__supporting-text"> <h4>撮影OKライブのステージやツアーの写真をどんどん投稿しよう</h4> <p>写真の投稿はコメント入力欄のカメラマークをタップ！</p> </div> <div class="mdl-card__actions mdl-card--border"> <a > </a> </div> <div class="mdl-card__menu"> <button class="btnClose mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect" onclick="ga('send', 'event', 'チュートリアルカードキャンセルボタンクリック', '撮影OKライブのステージやツアーの写真をどんどん投稿しよう', '撮影OKライブのステージやツアーの写真をどんどん投稿しよう,/,LiveFans コミュニティ');"> <i class="material-icons">clear</i> </button> </div> </div>  <div class="mdl-grid js-infinite-content" id="scroll-tab-2"> <section class="mdl-card -remove" style="display:none"></section> </div> <p class="infinite-loader -commu" data-infinite-pathname="community/all_timeline_list/page:"><a href="/community/all_timeline_list/page:2"><i class="material-icons">sync</i></a></p> </div> </section> </main> </div> </div> <div id="js-formarea"></div> <a href="#" class="page-top"><i class="material-icons">vertical_align_top</i></a> <div id="js-formarea">  <div class="dialog-wrap" id="dialog-searchrefine"> <div class="mdl-dialog -nopadding"> <form action="" method="post" id="js-searchrefine-form"> <div class="mdl-dialog__actions -displaysp"> <button type="submit" class="mdl-button decision">検索</button> <button type="button" class="mdl-button cancel">キャンセル</button> </div> <div class="mdl-dialog__content"> <p class="suggesthead">検索絞り込み</p> <input type="hidden" name="keyword" value=""> <div class="mdl-list search-keyword"> <label class="mdl-list__item js-check-refine is-checked" id="js-fillterall"> <span class="mdl-list__item-primary-content"> <i class="material-icons mdl-list__item-icon">view_module</i>すべて </span> <input type="checkbox" name="filter" value="すべて" checked class="check"> <span class="material-icons checkicon">check_circle</span> </label> <label class="mdl-list__item js-check-refine"> <span class="mdl-list__item-primary-content"> <i class="material-icons mdl-list__item-icon">forum</i>トピック </span> <input type="checkbox" name="filter" value="トピック" class="check"> <span class="material-icons checkicon">check_circle</span> </label> <label class="mdl-list__item js-check-refine"> <span class="mdl-list__item-primary-content"> <i class="material-icons mdl-list__item-icon">comment</i>投稿 </span> <input type="checkbox" name="filter" value="投稿" class="check"> <span class="material-icons checkicon">check_circle</span> </label> <label class="mdl-list__item js-check-refine"> <span class="mdl-list__item-primary-content"> <i class="material-icons mdl-list__item-icon">link</i>リンク </span> <input type="checkbox" name="filter" value="リンク" class="check"> <span class="material-icons checkicon">check_circle</span> </label> <label class="mdl-list__item js-check-refine"> <span class="mdl-list__item-primary-content"> <i class="material-icons mdl-list__item-icon">photo_camera</i>画像 </span> <input type="checkbox" name="filter" value="画像" class="check"> <span class="material-icons checkicon">check_circle</span> </label> <label class="mdl-list__item js-check-refine"> <span class="mdl-list__item-primary-content"> <i class="material-icons mdl-list__item-icon">local_movies</i>動画 </span> <input type="checkbox" name="filter" value="動画" class="check"> <span class="material-icons checkicon">check_circle</span> </label> </div> </div> <div class="mdl-dialog__actions -displaypc"> <button type="submit" class="mdl-button decision">検索</button> <button type="button" class="mdl-button cancel">キャンセル</button> </div> </form> </div> </div>  <div class="dialog-wrap" id="dialog-useractivate"> <div class="mdl-dialog -logged -sizesmall"> <div class="mdl-dialog__actions -displaysp"> <button type="button" class="mdl-button cancel">キャンセル</button> </div> <h4 class="mdl-dialog__title">コミュニティに参加する</h4> <p>コミュニティの参加にはログインが必要です。</p> <div class="loginblock"> <a href="https://www.livefans.jp/users/login" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect -login">ログイン</a> <a href="https://www.livefans.jp/users/signup" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect -member">新規登録</a> </div> <div class="mdl-dialog__actions -displaypc"> <button type="button" class="mdl-button cancel">キャンセル</button> </div> </div> </div>  <input type="hidden" name="acs_code" id="acs_code" value="ab5c9274089acc64980c640d89b28b16578c0bd0"> <input type="hidden" name="root_url" id="root_url" value="/"> <div class="dialog-wrap" id="dialog-cancel"> <div class="mdl-dialog -sizesmall"> <div class="mdl-dialog__content -nopadding"> <p>コミュニティの参加を解除してもよろしいですか？</p> </div> <div class="mdl-dialog__actions"> <input type="hidden" name="join" value="参加を解除する"> <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect -noshadow decision">参加を解除する</button> <button type="button" class="mdl-button cancel">キャンセル</button> </div> </div> </div>  <div class="dialog-wrap" id="dialog-membermenu"> <div class="mdl-dialog -nopadding -sizesmall"> <div class="mdl-dialog__actions -displaypsp"> <button type="button" class="mdl-button cancel">閉じる</button> </div> <div class="mdl-dialog__content"> <div class="generalmenu"> <a href="#" class="box">友達を招待する</a> <a href="https://twitter.com/share?url=https://community.livefans.jp/&original_referer=https://community.livefans.jp/&text=LiveFans コミュニティ - LiveFans(ライブファンズ) #livefans" class="box" onclick="window.open(encodeURI(this.href), 'tweetwindow', 'width=550, height=450,personalbar=0,toolbar=0,scrollbars=1,resizable=1'); ga('send', 'event', 'コンテンツクリック', 'シェアボタンクリック', 'Twitterシェア,LiveFans コミュニティ'); return false; "><img src="/img/images/common/icon-twitter.svg" class="img" alt="" />Twitterでシェア</a><script type="text/javascript" src="https://platform.twitter.com/widgets.js"></script> <a href="https://www.facebook.com/share.php?u=https://community.livefans.jp/" class="box" onclick="window.open(this.href, 'FBwindow'); ga('send', 'event', 'コンテンツクリック', 'シェアボタンクリック', 'Facebookシェア,LiveFans コミュニティ'); return false;"><img src="/img/images/common/icon-facebook.svg" class="img" alt="" />Facebookでシェア</a> </div> </div> <div class="mdl-dialog__actions -displaypc"> <button type="button" class="mdl-button cancel">閉じる</button> </div> </div> </div>  <div class="dialog-wrap" id="dialog-snsshare"> <div class="mdl-dialog -nopadding -sizesmall"> <div class="mdl-dialog__actions -displaysp"> <button type="button" class="mdl-button cancel">閉じる</button> </div> <div class="mdl-dialog__content"> <div class="generalmenu"> <a href="https://twitter.com/share?url=https://community.livefans.jp/&original_referer=https://community.livefans.jp/&text=LiveFans コミュニティ - LiveFans(ライブファンズ) #livefans" class="box" onclick="window.open(encodeURI(this.href), 'tweetwindow', 'width=550, height=450,personalbar=0,toolbar=0,scrollbars=1,resizable=1'); ga('send', 'event', 'コンテンツクリック', 'シェアボタンクリック', 'Twitterシェア,LiveFans コミュニティ'); return false; "><img src="/img/images/common/icon-twitter.svg" class="img" alt="" />Twitterでシェア</a><script type="text/javascript" src="https://platform.twitter.com/widgets.js"></script> <a href="https://www.facebook.com/share.php?u=https://community.livefans.jp/" class="box" onclick="window.open(this.href, 'FBwindow'); ga('send', 'event', 'コンテンツクリック', 'シェアボタンクリック', 'Facebookシェア,LiveFans コミュニティ'); return false;"><img src="/img/images/common/icon-facebook.svg" class="img" alt="" />Facebookでシェア</a> </div> <div class="mdl-dialog__actions -displaypc"> <button type="button" class="mdl-button cancel">閉じる</button> </div> </div> </div> </div>  <div class="dialog-wrap" id="dialog-info"> <div class="mdl-dialog -nopadding -sizesmall"> <div class="mdl-dialog__actions -displaysp"> <button type="button" class="mdl-button cancel">閉じる</button> </div> <div class="mdl-dialog__content"> <div class="generalmenu"> <a href="http://www.livefans.jp/terms" class="box">利用規約</a> <a href="http://www.livefans.jp/privacy" class="box">プライバシーポリシー</a> <a href="/help" class="box">ヘルプ</a> <a href="http://www.livefans.jp/contact/16" class="box">問い合わせ</a> </div> <div class="mdl-dialog__actions -displaypc"> <button type="button" class="mdl-button cancel">閉じる</button> </div> </div> </div> </div>   <div class="dialog-wrap" id="dialog-searchrefine"> <div class="mdl-dialog -nopadding"> <form action="" method="post" id="js-searchrefine-form"> <div class="mdl-dialog__actions -displaysp"> <button type="submit" class="mdl-button decision">検索</button> <button type="button" class="mdl-button cancel">キャンセル</button> </div> <div class="mdl-dialog__content"> <p class="suggesthead">検索絞り込み</p> <input type="hidden" name="keyword" value=""> <div class="mdl-list search-keyword"> <label class="mdl-list__item js-check-refine is-checked" id="js-fillterall"> <span class="mdl-list__item-primary-content"> <i class="material-icons mdl-list__item-icon">view_module</i>すべて </span> <input type="checkbox" name="filter" value="すべて" checked class="check"> <span class="material-icons checkicon">check_circle</span> </label> <label class="mdl-list__item js-check-refine"> <span class="mdl-list__item-primary-content"> <i class="material-icons mdl-list__item-icon">forum</i>トピック </span> <input type="checkbox" name="filter" value="トピック" class="check"> <span class="material-icons checkicon">check_circle</span> </label> <label class="mdl-list__item js-check-refine"> <span class="mdl-list__item-primary-content"> <i class="material-icons mdl-list__item-icon">comment</i>投稿 </span> <input type="checkbox" name="filter" value="投稿" class="check"> <span class="material-icons checkicon">check_circle</span> </label> <label class="mdl-list__item js-check-refine"> <span class="mdl-list__item-primary-content"> <i class="material-icons mdl-list__item-icon">link</i>リンク </span> <input type="checkbox" name="filter" value="リンク" class="check"> <span class="material-icons checkicon">check_circle</span> </label> <label class="mdl-list__item js-check-refine"> <span class="mdl-list__item-primary-content"> <i class="material-icons mdl-list__item-icon">photo_camera</i>画像 </span> <input type="checkbox" name="filter" value="画像" class="check"> <span class="material-icons checkicon">check_circle</span> </label> <label class="mdl-list__item js-check-refine"> <span class="mdl-list__item-primary-content"> <i class="material-icons mdl-list__item-icon">local_movies</i>動画 </span> <input type="checkbox" name="filter" value="動画" class="check"> <span class="material-icons checkicon">check_circle</span> </label> </div> </div> <div class="mdl-dialog__actions -displaypc"> <button type="submit" class="mdl-button decision">検索</button> <button type="button" class="mdl-button cancel">キャンセル</button> </div> </form> </div> </div> </div> <div class="dialog-wrap is-heightmax" id="dialog-reply"> <div class="mdl-dialog"> <div class="mdl-dialog__actions -displaysp"> <button type="button" class="mdl-button cancel">閉じる</button> </div> <div id="is-reply" class="comment-line -discussion"></div> </div> </div>  <div class="dialog-wrap is-heightmax" id="dialog-newtweet"> <div class="mdl-dialog"> <form action="#" method="post" enctype="multipart/form-data" class="commentPost" id="js-form-comment"> <div class="mdl-dialog__actions -displaysp"> <button type="button" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect sendbtn -send -tweet" onclick="create_comment($(this), '/', 'd301a3a0380eddec4fdf11626e90decf2216006e', false, ''); return false;">投稿</button> <button type="button" class="mdl-button cancel">キャンセル</button> </div>  <div id="reply-target"></div> <div class="inputarea"> <div class="mdl-textfield mdl-js-textfield js-commentfixed-active"> <div class="js-addarea" data-addarea="addarea_link" id="input-addarea"></div> <div class="js-addarea" data-addarea="addarea_video" id="input-addarea"></div> <input type="text" value="" placeholder="ニックネーム" name="data[screen_name]" id="comment_username" class="mdl-textfield__input" maxlength="16"> <textarea class="mdl-textfield__input tweet" placeholder="このアーティストについてつぶやく" name="data[comment_data]" id="js-input-comment" maxlength="400"></textarea> </div> <div class="addactions -mini" id="js-files-addbtn"> <label class="btn -imgs" data-dialog-name="camera"> <i class="material-icons">photo_camera</i> </label> <button type="button" id="addarea_video" class="btn js-addvideo" data-type="1"><i class="material-icons">local_movies</i> <input type="hidden" name="data[video_url]" value="" id="video_url"> <input type="hidden" name="data[video_title]" value="" id="video_title"> <input type="hidden" name="data[video_thumb]" value="" id="video_thumb"> <input type="hidden" name="data[video_description]" value="" id="video_description"> <input type="hidden" name="data[video_src_url]" value="" id="video_src_url"> </button> <button type="button" id="addarea_link" class="btn js-addlink" data-type="2"><i class="material-icons">link</i> <input type="hidden" name="data[link_url]" value="" id="link_url"> <input type="hidden" name="data[link_title]" value="" id="link_title"> <input type="hidden" name="data[link_thumb]" value="" id="link_thumb"> <input type="hidden" name="data[link_description]" value="" id="link_description"> <input type="hidden" name="data[link_src_url]" value="" id="link_src_url"> </button> </div> </div> <div class="files-addarea" id="files-addarea"></div> <input type="hidden" name="data[target_id]" id="target_id" value=""/> <input type="hidden" name="data[target_type]" value="community"/> <input type="hidden" name="data[code]" value="d301a3a0380eddec4fdf11626e90decf2216006e" id="code"/> <input type="hidden" name="data[user_id]" value="" id="user_id"/> <input type="hidden" name="data[reply_to]" value="" id="reply_to"/> <input type="hidden" name="data[group_id]" value="" id="group_id"/> <input type="hidden" name="data[target_url]" value="" id="target_url"/> <div class="mdl-dialog__actions"> <button type="button" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect sendbtn -send -tweet" onclick="create_comment($(this), '/', 'd301a3a0380eddec4fdf11626e90decf2216006e', false, ''); return false;">投稿</button> <button type="button" class="mdl-button cancel">キャンセル</button> </div> </form> </div> </div>  <div class="dialog-wrap" id="dialog-delete"> <div class="mdl-dialog -sizesmall"> <form action="#" method="post" class="commentDelete"> <div class="mdl-dialog__actions -displaysp js-form-commentdelete"> <input type="hidden" name="delete" value="削除する"> <button type="button" class="mdl-button decision">削除する</button> <button type="button" class="mdl-button cancel">キャンセル</button> </div> <div class="mdl-dialog__content"> <p>削除された投稿を復元することはできません。<br>本当に削除しますか？</p> </div> <div class="mdl-dialog__actions mdl-card--border -displaypc js-form-commentdelete"> <input type="hidden" name="delete" value="削除する"> <button type="button" class="mdl-button decision">削除する</button> <button type="button" class="mdl-button cancel">キャンセル</button> </div> <input type="hidden" name="data[target_type]" id="commentTargetType" value=""/> <input type="hidden" name="delete" id="commentdeleteID" value=""> <input type="hidden" name="data[code]" value="d301a3a0380eddec4fdf11626e90decf2216006e" id="code"/> </form> </div> </div>  <div class="dialog-wrap" id="dialog-report"> <div class="mdl-dialog -sizesmall"> <div class="mdl-dialog__actions -displaysp"> <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect -noshadow" onclick="goContact(this, 'http://www.livefans.jp/')">報告する</button> <button type="button" class="mdl-button cancel">キャンセル</button> </div> <div class="mdl-dialog__content"> <p>報告内容を選択してください。</p> <div class="select-report"> <label class="btn"><input type="radio" name="reporttype" value="1">スパム</label> <label class="btn"><input type="radio" name="reporttype" value="2">わいせつ・暴力的表現</label> <label class="btn"><input type="radio" name="reporttype" value="3">誹謗中傷</label> <label class="btn"><input type="radio" name="reporttype" value="100">著作権侵害</label> <label class="btn"><input type="radio" name="reporttype" value="99">その他</label> </div> </div> <div class="mdl-dialog__actions -displaypc"> <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect -noshadow" onclick="goContact(this, 'http://www.livefans.jp/')">報告する</button> <button type="button" class="mdl-button cancel">キャンセル</button> </div> </div> </div> <div class="dialog-wrap" id="dialog-camera"> <div class="mdl-dialog -logged -sizesmall"> <div class="mdl-dialog__actions -displaysp"> <button type="button" class="mdl-button cancel">キャンセル</button> </div> <p>画像の投稿にはログインが必要です。</p> <div class="loginblock"> <a href="https://www.livefans.jp/users/login" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect -login">ログイン</a> <a href="https://www.livefans.jp/users/signup" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect -member">新規登録</a> </div> <div class="mdl-dialog__actions -displaypc"> <button type="button" class="mdl-button cancel">キャンセル</button> </div> </div> </div>  <div id="first-modal" data-key="community20180221"> <ul class="js-slider"> <li><h3>アーティストについてつぶやこう！</h3><img src="https://static.livefans.jp/img/images/tutorial/commu_slider07.png" alt="アーティストについてつぶやこう！" /></li> <li><h3>写真つきのつぶやきを投稿しよう！</h3><img src="https://static.livefans.jp/img/images/tutorial/commu_slider08.png" alt="写真つきのつぶやきを投稿しよう！" /></li> </ul> </div>  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script type="text/javascript" src="https://code.getmdl.io/1.3.0/material.min.js" defer="defer"></script> <script type="text/javascript" src="/js/plugins/jquery.magnific-popup.min.js"></script> <script type="text/javascript" src="/js/plugins/jquery.infinitescroll.min.js"></script> <script type="text/javascript" src="/js/plugins/jquery.sticky-kit.min.js?update=20170830"></script> <script type="text/javascript" src="/js/plugins/jquery.pjax.min.js"></script> <script type="text/javascript" src="/js/plugins/jquery.freetile.min.js"></script> <script type="text/javascript" src="/js/plugins/jquery.cookie.js"></script> <script type="text/javascript" src="/js/plugins/load-image.all.min.js"></script> <script type="text/javascript" src="/js/plugins/featherlight.min.js"></script> <script type="text/javascript" src="/js/plugins/slick.min.js"></script> <script type="text/javascript" src="/js/script.js?update=201806111829"></script> <script> $("body").attr("id", "is-index"); $(document).on("pjax:ready", function() { $("body").attr("id", "is-index"); }); </script> <script> if($('#first-modal').length){ $(window).load(function() { var slideLen = $('.js-slider').children().length - 1; $.featherlight('#first-modal',{ afterOpen: function(event){ $('#first-modal').hide(); $('.js-slider').slick({ dots: true, infinite: false, autoplay: true }); }, afterClose: function(event){ cookie_key = $('#first-modal').attr('data-key'); $.cookie(cookie_key, true, { expires: 30, path: "/" }); } }); $('.js-slider').on('beforeChange', function(event, slick, currentSlide, nextSlide){ if(nextSlide == slideLen){ $(this).slick('slickSetOption', 'autoplay', false); } }); }); } </script> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8" defer></script> <script async src="https://www.instagram.com/embed.js" charset="utf-8" defer></script> </body> </html>

CINXE.COM

LiveFans コミュニティ