KJCLUB - Roselia　劇場版

Roselia

♪ Proud of oneself

♪ overtuRe

映画『劇場版 BanG Dream! Episode of Roselia I：約束』

そのOP曲とED曲。

間もなく映画第二弾が公開となるが、

それに合わせて、映画収録曲を集めたアルバムも発表される。

紹介するのは、残念ながらゲーム版のショートバージョンだが、

日本語と韓国語の歌詞付きである。

♪ Proud of oneself

[バンドリ！][Expert] BanG Dream! #579 Proud of oneself (歌詞付き) - YouTube

♪ overtuRe

[バンドリ！][Expert] BanG Dream! #588 overtuRe (歌詞付き) - YouTube

【試聴版】劇場版「BanG Dream! Episode of Roselia」Theme Songs Collection

【試聴動画】劇場版「BanG Dream! Episode of Roselia」Theme Songs Collection（2021/6/30発売‼︎） - YouTube

韓国語で表示

Roselia　극장판

Roselia

♪ Proud of oneself

♪ overtuRe

영화 「극장판 BanG Dream! Episode of Roselia I：약속」

그 OP곡과 ED곡.

머지 않아 영화 제2탄이 공개가 되지만,

거기에 맞추고, 영화 수록곡을 모은 앨범도 발표된다.

소개하는 것은, 유감스럽지만 게임판의 쇼트 버젼이지만,

일본어와 한국어의 가사 첨부이다.

♪ Proud of oneself

[반드리!][Expert] BanG Dream! #579 Proud of oneself (가사 ) - YouTube

♪ overtuRe

[반드리!][Expert] BanG Dream! #588 overtuRe (가사 ) - YouTube

【시청판】극장판 「BanG Dream! Episode of Roselia」Theme Songs Collection

【시청 동영상】극장판 「BanG Dream! Episode of Roselia」Theme Songs Collection(2021/6/30발매!!) - YouTube

番号	タイトル	ライター	日	参照	推薦
11090	[可愛気注意] スジ・カン - 時間の中�....... (1)	대판황혼	2021-07-21	448	0
11089	松田聖子「小麦色のマーメイド」[4K....... (1)	nicodass	2021-07-21	396	0
11088	小山田圭吾のお仕事9	fukkura	2021-07-20	462	0
11087	小山田圭吾のお仕事8	fukkura	2021-07-20	408	0
11086	小山田圭吾7 BBC John Peel Sessions	fukkura	2021-07-20	423	0
11085	キャンディーズ VS ピンク・レディー	nicodass	2021-07-20	442	0
11084	桂銀淑日本デビュー曲 - 大阪夕暮れ	대판황혼	2021-07-20	366	0
11083	森高千里 - ミーハー (live)【4K】60fps	nicodass	2021-07-20	406	0
11082	小山田圭吾のお仕事6	fukkura	2021-07-19	395	0
11081	小山田圭吾のお仕事5 salyu×salyu	fukkura	2021-07-19	379	0
11080	桂銀淑(桂銀淑) - 歌いながら踊って(�.......	대판황혼	2021-07-19	397	0
11079	藤川千愛　音楽の窓LIVE	とよき	2021-07-19	582	0
11078	韓国には音楽ホールが無い (1)	JAPAV57	2021-07-19	416	0
11077	小山田圭吾のお仕事 4	fukkura	2021-07-18	408	0
11076	小山田圭吾のお仕事3	fukkura	2021-07-18	489	0
11075	完全勝利ｗ　　 </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">408</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 11074 </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/275"> 【修羅の花】修羅雪姫 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">424</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 11073 </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/275"> 森高千里『気分爽快』 <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">435</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 11072 </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/3347499/page/275"> 中森明菜 - BLONDE【4K】60FPS <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">419</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 11071 </td> <td><span class="flag-icon flag-icon-kr"></span></td> <td style="padding-left:0px;" class="valign-mid" style="word-break: break-all;"> <a href="/jp/board/exc_board_5/view/id/3347486/page/275"> アップタウン(Uptown) - またマンナズォ <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, '', "오뚜기", '', 'board', '3347486', 'board');" title="오뚜기"><span class="text-muted"><strong>오뚜기</strong></span></a></td> <td class="text-center valign-mid">2021-07-18</td> <td class="text-center valign-mid hide-mobile">351</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/3350431/page/275"> <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/275"> <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/275"> <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/275"> <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/275"> <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/275"> <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/275"> <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/275"> <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/275"> <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/275"> <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/275"> <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/275"> <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/275"> <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/275"> <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/275"> <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/275"> <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/275"> <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/275"> <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/3347499/page/275"> <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;">中森明菜 - BLONDE【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/3347486/page/275"> <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;">アップタウン(Uptown) - またマンナズォ</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="'3350431','3350322','3349960','3349950','3349946','3349691','3349458','3349173','3348947','3348942','3348626','3348330','3348305','3348241','3348233','3348036','3348021','3347661','3347499','3347486'"/> --> <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">« 初めて</a></li><li><a href="/jp/board/exc_board_5/lists/page/274"><</a></li><li><a href="/jp/board/exc_board_5/lists/page/271">271</a></li><li><a href="/jp/board/exc_board_5/lists/page/272">272</a></li><li><a href="/jp/board/exc_board_5/lists/page/273">273</a></li><li><a href="/jp/board/exc_board_5/lists/page/274">274</a></li><li class="active"><a>275</a></li><li><a href="/jp/board/exc_board_5/lists/page/276">276</a></li><li><a href="/jp/board/exc_board_5/lists/page/277">277</a></li><li><a href="/jp/board/exc_board_5/lists/page/278">278</a></li><li><a href="/jp/board/exc_board_5/lists/page/279">279</a></li><li><a href="/jp/board/exc_board_5/lists/page/276" >></a></li><li><a href="/jp/board/exc_board_5/lists/page/500" >最後 »</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>

番号

タイトル

ライター

日

参照