KJCLUB - 7月のPLAY　大塚紗英

大塚紗英（Otsuka Sae）

♪ 7月のPLAY（Shichigatsu no PLAY）

Poppin"Partyのギター担当。

本職は声優だが、2020年からはシンガーソングライターとしても活動し、

作詞・作曲も行っている。

Roseliaのキーボード担当の志崎樺音（Shizaki Kanon）とともに、

ヤバ会（Yaba Kai）のメンバーでもある。

大塚紗英 / 「7月のPLAY」（Studio Live） - YouTube

Poppin"Party『走り始めたばかりのキミに（Hashirihajimetabakari no Kimi ni）』

【公式ライブ映像】Poppin"Party「走り始めたばかりのキミに」／BanG Dream! 5th☆LIVE Day1:Poppin’Party HAPPY PARTY 2018! - YouTube

韓国語で表示

7달의 PLAY　오오츠카 사에

오오츠카 사에(Otsuka Sae)

♪ 7월의 PLAY(Shichigatsu no PLAY)

Poppin"Party의 기타 담당.

본직은 성우이지만, 2020년부터는 싱어 송 라이터라고 해도 활동해,

작사·작곡도 가고 있다.

Roselia의 키보드 담당의 시자키화음(Shizaki Kanon)과 함께,

야바회(Yaba Kai)의 멤버이기도 하다.

오오츠카 사에 / 「7월의 PLAY」(Studio Live) - YouTube

Poppin"Party 「달리기 시작한지 얼마 안된 너에게(Hashirihajimetabakari no Kimi ni)」

【공식 라이브 영상】Poppin"Party 「달리기 시작한지 얼마 안된 너에게」/BanG Dream! 5th☆LIVE Day1:Poppin’Party HAPPY PARTY 2018! - YouTube

番号	タイトル	ライター	日	参照	推薦
11047	小山田圭吾のお仕事11 ワールドツア�.......	fukkura	2021-07-22	463	0
11046	小山田圭吾のお仕事10	fukkura	2021-07-22	452	0
11045	[可愛気注意] スジ・カン - 時間の中�....... (1)	대판황혼	2021-07-21	485	0
11044	松田聖子「小麦色のマーメイド」[4K....... (1)	nicodass	2021-07-21	428	0
11043	小山田圭吾のお仕事9	fukkura	2021-07-20	489	0
11042	小山田圭吾のお仕事8	fukkura	2021-07-20	437	0
11041	小山田圭吾7 BBC John Peel Sessions	fukkura	2021-07-20	452	0
11040	キャンディーズ VS ピンク・レディー	nicodass	2021-07-20	468	0
11039	桂銀淑日本デビュー曲 - 大阪夕暮れ	대판황혼	2021-07-20	394	0
11038	森高千里 - ミーハー (live)【4K】60fps	nicodass	2021-07-20	434	0
11037	小山田圭吾のお仕事6	fukkura	2021-07-19	430	0
11036	小山田圭吾のお仕事5 salyu×salyu	fukkura	2021-07-19	397	0
11035	桂銀淑(桂銀淑) - 歌いながら踊って(�.......	대판황혼	2021-07-19	426	0
11034	藤川千愛　音楽の窓LIVE	とよき	2021-07-19	612	0
11033	韓国には音楽ホールが無い (1)	JAPAV57	2021-07-19	452	0
11032	小山田圭吾のお仕事 4	fukkura	2021-07-18	439	0
11031	小山田圭吾のお仕事3	fukkura	2021-07-18	517	0
11030	完全勝利ｗ　　 </span> </a> </td> <td class="valign-mid"><a href="javascript:;" onclick="javascript:showSideView(this, '', "IamRich", '', 'board', '3348036', 'board');" title="IamRich"><span class="text-muted"><strong>IamRich</strong></span></a></td> <td class="text-center valign-mid">2021-07-18</td> <td class="text-center valign-mid hide-mobile">443</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 11029 </td> <td><span class="flag-icon flag-icon-jp"></span></td> <td style="padding-left:0px;" class="valign-mid" style="word-break: break-all;"> <a href="/jp/board/exc_board_5/view/id/3348021/page/291?&sod=desc&sst=wr_count_like"> 【修羅の花】修羅雪姫 Lady Snowblood【�....... <span class="glyphicon glyphicon-facetime-video text-danger" title="동영상"></span> <span class="glyphicon glyphicon-flag text-danger" title="이슈 100Hit!"></span> </a> </td> <td class="valign-mid"><a href="javascript:;" onclick="javascript:showSideView(this, '', "nicodass", '', 'board', '3350322', 'board');" title="nicodass"><span class="text-muted"><strong>nicodass</strong></span></a></td> <td class="text-center valign-mid">2021-07-18</td> <td class="text-center valign-mid hide-mobile">437</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 11028 </td> <td><span class="flag-icon flag-icon-jp"></span></td> <td style="padding-left:0px;" class="valign-mid" style="word-break: break-all;"> <a href="/jp/board/exc_board_5/view/id/3347661/page/291?&sod=desc&sst=wr_count_like"> 森高千里『気分爽快』 <span class="glyphicon glyphicon-facetime-video text-danger" title="동영상"></span> <span class="glyphicon glyphicon-flag text-danger" title="이슈 100Hit!"></span> </a> </td> <td class="valign-mid"><a href="javascript:;" onclick="javascript:showSideView(this, '', "nicodass", '', 'board', '3350322', 'board');" title="nicodass"><span class="text-muted"><strong>nicodass</strong></span></a></td> <td class="text-center valign-mid">2021-07-18</td> <td class="text-center valign-mid hide-mobile">444</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> </tbody> </table> <div class="clearfix" id="bo_grid_writes" style="display:none"> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/jp/board/exc_board_5/view/id/3350929/page/291?&sod=desc&sst=wr_count_like"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">小山田圭吾のお仕事11 ワールドツア�.......</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/jp/board/exc_board_5/view/id/3350928/page/291?&sod=desc&sst=wr_count_like"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">小山田圭吾のお仕事10</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/jp/board/exc_board_5/view/id/3350431/page/291?&sod=desc&sst=wr_count_like"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">[可愛気注意] スジ・カン - 時間の中�.......</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/jp/board/exc_board_5/view/id/3350322/page/291?&sod=desc&sst=wr_count_like"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">松田聖子「小麦色のマーメイド」[4K.......</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/jp/board/exc_board_5/view/id/3349960/page/291?&sod=desc&sst=wr_count_like"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">小山田圭吾のお仕事9</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/jp/board/exc_board_5/view/id/3349950/page/291?&sod=desc&sst=wr_count_like"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">小山田圭吾のお仕事8</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/jp/board/exc_board_5/view/id/3349946/page/291?&sod=desc&sst=wr_count_like"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">小山田圭吾7 BBC John Peel Sessions</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/jp/board/exc_board_5/view/id/3349691/page/291?&sod=desc&sst=wr_count_like"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">キャンディーズ VS ピンク・レディー</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/jp/board/exc_board_5/view/id/3349458/page/291?&sod=desc&sst=wr_count_like"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">桂銀淑日本デビュー曲 - 大阪夕暮れ</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/jp/board/exc_board_5/view/id/3349173/page/291?&sod=desc&sst=wr_count_like"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">森高千里 - ミーハー (live)【4K】60fps</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/jp/board/exc_board_5/view/id/3348947/page/291?&sod=desc&sst=wr_count_like"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">小山田圭吾のお仕事6</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/jp/board/exc_board_5/view/id/3348942/page/291?&sod=desc&sst=wr_count_like"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">小山田圭吾のお仕事5 salyu×salyu</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/jp/board/exc_board_5/view/id/3348626/page/291?&sod=desc&sst=wr_count_like"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">桂銀淑(桂銀淑) - 歌いながら踊って(�.......</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/jp/board/exc_board_5/view/id/3348330/page/291?&sod=desc&sst=wr_count_like"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">藤川千愛　音楽の窓LIVE</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/jp/board/exc_board_5/view/id/3348305/page/291?&sod=desc&sst=wr_count_like"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">韓国には音楽ホールが無い</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/jp/board/exc_board_5/view/id/3348241/page/291?&sod=desc&sst=wr_count_like"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">小山田圭吾のお仕事 4</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/jp/board/exc_board_5/view/id/3348233/page/291?&sod=desc&sst=wr_count_like"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">小山田圭吾のお仕事3</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/jp/board/exc_board_5/view/id/3348036/page/291?&sod=desc&sst=wr_count_like"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">完全勝利ｗ　　 <iframe frameborder</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/jp/board/exc_board_5/view/id/3348021/page/291?&sod=desc&sst=wr_count_like"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">【修羅の花】修羅雪姫 Lady Snowblood【�.......</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/jp/board/exc_board_5/view/id/3347661/page/291?&sod=desc&sst=wr_count_like"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">森高千里『気分爽快』</p> </a> </div> </div> <div class="clearfix"> <span class="btn-group"> </span> <div class="pull-right"> </div> </div> </form> <br /> <!-- <form name="fsearch" method="post" action="/jp/board/exc_board_5/lists" onsubmit="return doSearch(this);"> <input type="hidden" name="sca" value="" /> <input type="hidden" name="list_id" value="'3350929','3350928','3350431','3350322','3349960','3349950','3349946','3349691','3349458','3349173','3348947','3348942','3348626','3348330','3348305','3348241','3348233','3348036','3348021','3347661'"/> --> <form name="fsearch" method="get" action="/jp/board/exc_board_5/lists" onsubmit="return doSearch(this);"> <div class="clearfix"> <select name="sfl" class="form-control input-sm span3 pull-left mgb1 mbr1"> <option value="subject"> タイトル </option> <option value="content"> 内容 </option> <option value="subject,content"> タイトル+ 内容 </option> <option value="membername"> ライター </option> </select> <div class="span4 pull-left"> <div class="input-group"> <input name="stx" class="form-control input-sm" maxlength="15" value="" /> <span class="input-group-btn"> <button type="submit" class="btn btn-sm btn-primary"><span class="glyphicon glyphicon-search"></span> 検索 </button> </span> </div> </div> <div class="pull-right"> <ul class="pagination"><li><a href="/jp/board/exc_board_5/lists/page/1?&sod=desc&sst=wr_count_like">« 初めて</a></li><li><a href="/jp/board/exc_board_5/lists/page/290?&sod=desc&sst=wr_count_like"><</a></li><li><a href="/jp/board/exc_board_5/lists/page/287?&sod=desc&sst=wr_count_like">287</a></li><li><a href="/jp/board/exc_board_5/lists/page/288?&sod=desc&sst=wr_count_like">288</a></li><li><a href="/jp/board/exc_board_5/lists/page/289?&sod=desc&sst=wr_count_like">289</a></li><li><a href="/jp/board/exc_board_5/lists/page/290?&sod=desc&sst=wr_count_like">290</a></li><li class="active"><a>291</a></li><li><a href="/jp/board/exc_board_5/lists/page/292?&sod=desc&sst=wr_count_like">292</a></li><li><a href="/jp/board/exc_board_5/lists/page/293?&sod=desc&sst=wr_count_like">293</a></li><li><a href="/jp/board/exc_board_5/lists/page/294?&sod=desc&sst=wr_count_like">294</a></li><li><a href="/jp/board/exc_board_5/lists/page/295?&sod=desc&sst=wr_count_like">295</a></li><li><a href="/jp/board/exc_board_5/lists/page/292?&sod=desc&sst=wr_count_like" >></a></li><li><a href="/jp/board/exc_board_5/lists/page/500?&sod=desc&sst=wr_count_like" >最後 »</a></li></ul> </div> </div> </form> </div> <script src="/js/twemoji.min.js"></script> <script type='text/javascript'> // Parse emoji on web window.onload = function () { if (! /Android\|webOS\|iPhone\|iPad\|iPod\|BlackBerry\|IEMobile\|Opera Mini/i.test(navigator.userAgent)) { twemoji.size = '16x16'; twemoji.parse(document.body); } } // <![CDATA[ // // // ]]> </script> <script src="/js/fakecrop.js"></script> <script> $(document).ready(function () { $('#fakecrop-list img').fakecrop({ wrapperWidth: 64, wrapperHeight: 64 }); $('#fakecrop-grid img').fakecrop({ wrapperWidth: 120, wrapperHeight: 120 }); $('#del_posts').click(function () { let mb_id = $('#mb_id').val(); let link = $('#url').val(); let botable = $('#bo_table').val(); if (mb_id.length == "") { alert("Please select a member to delete the post."); return; } $.ajax({ method: "POST", url: rt_path + '/' + link, data: { "mb_id": mb_id, "bo_table": botable }, dataType: "JSON", success: function (data) { if (data.code == 200) { alert(data.message); location.reload(); } else { alert(data.message); } } }) }) }); function revert_post(wr_id, bo_table) { if (confirm("Revert deleted posting?")) { $.post('/jp/_trans/board_write/revert_delete', { wr_id: wr_id, bo_table: bo_table }, function (data) { alert("Completed"); location.reload(); }); } } </script> <style type="text/css"> #fakecrop-list { height: 64px; width: 64px } #fakecrop-grid { height: 120px; width: 120px } </style></div> </div><!--/.clearfix--> </div><!--/.container--> <div class="fluid-container" style="margin-bottom: 4px; background-color: #fff;overflow: hidden; text-align: center"> <center> <!-- fluct グループ名「KJCLUB：728x90（ページ下）」 --> <script type="text/javascript" src="https://cdn-fluct.sh.adingo.jp/f.js?G=1000078749"></script> <!-- fluct ユニット名「KJCLUB：728x90（ページ下）」 --> <script type="text/javascript"> //<![CDATA[ if(typeof(adingoFluct)!="undefined") adingoFluct.showAd('1000117719'); //]]> </script> </center> </div> <script> function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays2460601000)); var expires = "expires="+ d.toUTCString(); document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; } function getCookie(cname) { var name = cname + "="; var decodedCookie = decodeURIComponent(document.cookie); var ca = decodedCookie.split(';'); for(var i = 0; i <ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } </script> <footer> <div class="container-fluid"> <div class="row"> <div class="footer-heading"> <div class="container"> <div class="col-md-12 pdl2"> <a href="/jp/languagechanger/switchLanguage/korean" class="link-language-changer ">Korean</a> \| <a href="/jp/languagechanger/switchLanguage/japan" class="link-language-changer lang-active">Japanese</a> </div> </div> </div> </div> </div> <div class="container-fluid"> <div class="footer-content"> <div class="container"> <div class="col-md-12 pdl2"> <table> <tr> <td class="footer-logo"> <a href="/jp"><img src="/img/sub_main_logo.gif"></a> </td> <td class="footer-copyright"> <a href="/jp/company"> KJCLUB紹介</a> &nbsp&nbsp\|&nbsp&nbsp <a href="/jp/rules">利用規約</a> &nbsp&nbsp\|&nbsp&nbsp <a href="/jp/privacy"> 個人情報保護方針</a> &nbsp&nbsp\|&nbsp&nbsp <a href="/jp/board/exc_board_44">バグまたは改善依頼</a> &nbsp&nbsp\|&nbsp&nbsp <a href="javascript:;" title="읽지 않은 쪽지" onclick="win_memo('member/memo/write/運営者');">運営者問い合わせ</a> <br><br> 代表メール：<a href="mailto:gdays.kjclub@gmail.com">gdays.kjclub@gmail.com</a> <br><br> Copyright © Gratefuldays Corp. All rights reserved.<br> Copyright © Korea Japan Culture Exchange KJLUB All rights reserved. </td> </tr> </table> </div> </div> </div> </div> </footer> <script type='text/javascript'> //<![CDATA[ function mSearch(f) { var stx = f.stx.value.replace(/(^\s)\|(\s$)/g,''); if (stx.length < 2) { if (site_lang_code == 'kr') { alert('2글자 이상으로 검색해 주세요.'); } else { alert('二文字以上で検索してください。'); } f.stx.focus(); return false; } return true; } //]]> $(document).ready(function(){ $('.link-language-changer').click(function(e){ //console.log($(this).attr('href')); }) }); $('#main-container').bind("click touchstart", function(){ $('#main-menu-collapse').collapse('hide'); if ($('#main-menu-collapse').hasClass('in')) { $('#main-menu-collapse').removeClass('in'); } }); </script> <ul id="alert" class="list-unstyled" style="width:230px; position:fixed; top:10%; left:50%; margin-left:-115px; z-index:1920;"></ul> <script type="text/javascript" src="/js/board.js"></script> <script type="text/javascript" src="/js/sideview.js"></script> <script type="text/javascript" src="/js/md5.js"></script> <script type="text/javascript" src="/js/kcaptcha.js"></script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4JXGDX6Z8W"></script> <script> window.dataLayer = window.dataLayer \|\| []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4JXGDX6Z8W'); </script> <!--back to top button--> <span id="top-link-block" style="display: none"> <a href="#top" style="background-color: red; width: 100%; height: 100%; color: #fff; padding: 15px; border-radius: 5px;" onclick="$('html,body').animate({scrollTop:0},'slow');return false;"> <i class="glyphicon glyphicon-chevron-up"></i> Back to Top </a> </span> <style type="text/css"> #top-link-block.affix-top { position: absolute; /* allows it to "slide" up into view / bottom: -82px; right: 10px; } #top-link-block.affix { position: fixed; / keeps it on the bottom once in view / bottom: 40px; right: 20px; } .freezePage{ overflow: hidden; height: 100%; position: relative; } </style> </div> <!--close m-content--> </div> <!--close m-wrapper--> <div class="m-sub-overlay"></div> <div class="m-overlay"></div> <div id="m-sidebar"></div> <div id="m-sub-sidebar"></div> <!--effect scripts--> <script type="text/javascript"> function open_main_menu() { if(!$('#m-sidebar').hasClass("active")) { $('#m-sidebar').toggleClass('active'); $('#m-content').toggleClass('active-left'); $('#m-sidebar').show(); if ($('.m-overlay').css("display") == "block") $('.m-overlay').fadeOut(); else $('.m-overlay').fadeIn(); } } function open_sub_menu() { if (!$('#m-sub-sidebar').hasClass("active")) { $('#m-sub-sidebar').toggleClass('active'); $('#m-content').toggleClass('active-right'); $('#m-sub-sidebar').show(); if ($('.m-sub-overlay').css("display") == "block") $('.m-sub-overlay').fadeOut(); else $('.m-sub-overlay').fadeIn(); $('html').addClass('freezePage'); $("body").addClass("freezePage"); $("#m-sub-sidebar").css("overflow-y", "scroll"); } } $(document).ready(function () { $(".mobile-second").show(); //toggle main menu sidebar $('#m-sidebar-collapse').on('click', function () { open_main_menu(); }); //toggle sub menu sidebar $('#m-sub-sidebar-collapse').on('click', function () { open_sub_menu(); }); //close main menu $('.m-overlay').on('click', function () { $('.m-overlay').fadeOut(); $('#m-sidebar').toggleClass('active'); $('#m-content').toggleClass('active-left'); }); //close sub menu $('.m-sub-overlay').on('click', function () { $('.m-sub-overlay').fadeOut(); $('#m-sub-sidebar').toggleClass('active'); $('#m-content').toggleClass('active-right'); $('html').removeClass('freezePage'); $("body").removeClass("freezePage"); }); }); //wait for body loading $(window).load(function() { //$("body").removeClass("preload"); }); //back to top button if ( ($(window).height() + 100) < $(document).height() ) { $('#top-link-block').show().affix({ offset: {top:100} }); } //move sub menu into sidebar if (is_mobile) { console.log("is_mobile:true"); $('.mobile-first').insertBefore($('.mobile-second')); if (typeof is_sub_menu !== "undefined" && is_sub_menu == true) $('.mobile-second').detach().appendTo($('#m-sub-sidebar')); } if( /Android\|webOS\|iPhone\|iPad\|iPod\|BlackBerry\|IEMobile\|Opera Mini/i.test(navigator.userAgent) ) { // } // swipe to open sub sidebar document.addEventListener('touchstart', handleTouchStart, {passive:false}); document.addEventListener('touchmove', handleTouchMove, {passive:false}); var xDown = null; var yDown = null; var disableSubMenu = false; //disable toggle submenu when scroll sub top menu $('.pn-ProductNav_Wrapper').on('click touchstart',function(e){ if(e.type=='click') { //click } else { //touch disableSubMenu = true; } }); $('.pn-ProductNav_Wrapper').on('click touchend',function(e){ if(e.type=='click') { //click } else { //touch disableSubMenu = false; } }); var tapedTwice = false; function handleTouchStart(evt) { if(!tapedTwice) { tapedTwice = true; setTimeout( function() { tapedTwice = false; }, 300 ); xDown = evt.touches[0].clientX; yDown = evt.touches[0].clientY; return false; } evt.preventDefault(); }; function handleTouchMove(evt) { if ( ! xDown \|\| ! yDown ) { return; } var xUp = evt.touches[0].clientX; var yUp = evt.touches[0].clientY; var xDiff = xDown - xUp; var yDiff = yDown - yUp; if ( Math.abs( xDiff ) > Math.abs( yDiff ) ) {/most significant/ if ( xDiff > 0 ) { / left swipe / console.log("Left swipe"); if (is_sub_menu) { // toggle sub menu sidebar console.log(disableSubMenu); if (!disableSubMenu) open_sub_menu(); } } else { / right swipe / console.log("Right swipe"); } } else { if ( yDiff > 0 ) { / up swipe / console.log("Up swipe"); } else { / down swipe / console.log("Down swipe"); } } / reset values */ xDown = null; yDown = null; }; </script> </body> </html>

番号

タイトル

ライター

日

参照