1<!doctype html> 2<html> 3<html lang="ja" itemscope itemtype="http://schema.org/Product"> 4<head> 5<meta charset="utf-8"><!-- Always force latest IE rendering engine or request Chrome Frame --> 6<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"> 7<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0,user-scalable=yes"> 8<!-- Use title if it's in the page YAML frontmatter --> 9
10<script src="/files/14/javascripts/pc_v2.js"></script>
10 11<link href="/files/14/stylesheets/pc.css" rel="stylesheet" /> 12<link href="/files/14/stylesheets/pc_additional_v3.css" rel="stylesheet" /> 13<link href="https://fonts.googleapis.com/css?family=Quicksand:400,300,700" rel="stylesheet" /> 14 15 16 17 18 19 20 21 22<!--favicon--> 23<link rel="apple-touch-icon" sizes="57x57" href="/files/14/s46/favicons/apple-touch-icon-57x57.png"> 24<link rel="apple-touch-icon" sizes="60x60" href="/files/14/s46/favicons/apple-touch-icon-60x60.png"> 25<link rel="apple-touch-icon" sizes="72x72" href="/files/14/s46/favicons/apple-touch-icon-72x72.png"> 26<link rel="apple-touch-icon" sizes="76x76" href="/files/14/s46/favicons/apple-touch-icon-76x76.png"> 27<link rel="apple-touch-icon" sizes="114x114" href="/files/14/s46/favicons/apple-touch-icon-114x114.png"> 28<link rel="apple-touch-icon" sizes="120x120" href="/files/14/s46/favicons/apple-touch-icon-120x120.png"> 29<link rel="apple-touch-icon" sizes="144x144" href="/files/14/s46/favicons/apple-touch-icon-144x144.png"> 30<link rel="apple-touch-icon" sizes="152x152" href="/files/14/s46/favicons/apple-touch-icon-152x152.png"> 31<link rel="apple-touch-icon" sizes="180x180" href="/files/14/s46/favicons/apple-touch-icon-180x180.png"> 32<link rel="icon" type="image/png" href="/files/14/s46/favicons/favicon-32x32.png" sizes="32x32"> 33<link rel="icon" type="image/png" href="/files/14/s46/favicons/android-chrome-192x192.png" sizes="192x192"> 34<link rel="icon" type="image/png" href="/files/14/s46/favicons/favicon-96x96.png" sizes="96x96"> 35<link rel="icon" type="image/png" href="/files/14/s46/favicons/favicon-16x16.png" sizes="16x16"> 36<meta name="theme-color" content="#ffffff"> 37<meta property="og:title" content="æ«»å46ã¡ãã»ã¼ã¸" /> 38<meta property="og:description" content="æ«»å46ã®ã¡ã³ãã¼ããã¡ãã»ã¼ã¸ãåãåããå ¬å¼ã¢ããª!! ããã¹ããç»åã ãã§ãªããåç»ãçä¿¡ãå±ãã¾ãï¼" /> 39<meta property="og:type" content="website" /> 40<meta property="og:url" content="https://sakurazaka46.com/s/s46app/page_common/app_guide" /> 41<meta property="og:image" content="https://sakurazaka46.com/files/14/app/ogp/ogp_s46message_240612.jpg" /> 42<meta property="og:site_name" content="æ«»å46å ¬å¼ãµã¤ã" /> 43 44<meta name="twitter:card" content="summary_large_image"/> 45<meta name="twitter:title" content="æ«»å46ã¡ãã»ã¼ã¸"/> 46<meta name="twitter:description" content="æ«»å46ã®ã¡ã³ãã¼ããã¡ãã»ã¼ã¸ãåãåããå ¬å¼ã¢ããª!! ããã¹ããç»åã ãã§ãªããåç»ãçä¿¡ãå±ãã¾ãï¼"/> 47<meta name="twitter:image:src" content="https://sakurazaka46.com/files/14/app/ogp/ogp_s46message_240612.jpg"/> 48 49<style> 50 .l-content .howtoapp-ttl{ 51 color: #f08dae; 52 background: linear-gradient(45deg, #fff5f8 30%, #fff2f6 50%, #f6efff 100%); 53 } 54 .l-content .btn-app a{ 55 color: #f08dae; 56 border: 1px solid #f08dae; 57 background-color: transparent; 58 } 59</style> 60 61<!-- Google Tag Manager -->
62<script>
vendor: 327 bytes, lines 62-66
62(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 63new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 64j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 65'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 66})(window,document,'script','dataLayer','
66GTM-NFD6VJ7
vendor: 3 bytes, line 66
66');
66</script>
66 67<!-- End Google Tag Manager --> 68 69<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 64 bytes, lines 69-70
69 70<script async src="https://www.googletagmanager.com/gtag/js?id=
70UA-68428703-4
vendor: 12 bytes, line 70
70"></script>
71<script>
vendor: 127 bytes, lines 72-75
72window.dataLayer = window.dataLayer || []; 73function gtag(){dataLayer.push(arguments);} 74gtag('js', new Date()); 75gtag('config', '
75UA-68428703-4
vendor: 4 bytes, line 75
75');
76</script>
76 77 78 79 <style type="text/css"> 80 .box-wrap{ 81 word-break: break-all; 82 } 83 .text-center{ 84 text-align: center; 85 } 86 .l-content{ 87 background-color: #f3f3f3; 88 font-size: 14px; 89 font-size: 1.4rem; 90 } 91 .l-inner{ 92 padding: 20px; 93 background-color: #FFF; 94 } 95 .inner{ 96 max-width: 760px; 97 margin: auto; 98 padding:40px 10px; 99 } 100 .inner p{ 101 font-size:14px; 102 font-size:1.4rem; 103 } 104 .l-inner .box-line img{ 105 width:320px; 106 } 107 .app-box{ 108 overflow: auto; 109 clear: both; 110 margin:20px 0 20px 0; 111 } 112 .howtoapp-header{ 113 color: #8d8d8d; 114 padding: 18px 0 0 0; 115 font-size: 42px; 116 font-size: 4.2rem; 117 margin: 0 auto 1rem; 118 text-align: center; 119 } 120 .howtoapp-ttl { 121 font-size: 16px; 122 font-size: 1.6rem; 123 text-align: center; 124 margin: 0 0 0 0; 125 padding: 6px 10px 6px 10px; 126 color: #a0d468; 127 background: linear-gradient(45deg, #49ba69 30%, #68ccba 50%, #3cc2e7 100%); 128 } 129 130 .box-line{ 131 text-align: center; 132 border: 1px solid #e3e3e3; 133 background-color: #eeeeee; 134 padding: 16px; 135 margin: 0 0 20px 0; 136 display: inline-block; 137 } 138 .header-inner-ttl{ 139 font-size:16px; 140 font-size:1.6rem; 141 color:#e396ef; 142 font-size:18px; 143 font-size:1.8rem; 144 margin-top:22px; 145 } 146 .box-100{ 147 max-width:480px; 148 margin:auto; 149 width:100%; 150 overflow: auto; 151 clear: both; 152 box-sizing: border-box; 153 padding:10px; 154 } 155 .box-50{ 156 width: 50%; 157 float: left; 158 box-sizing: border-box; 159 padding:0 10px; 160 } 161 .box-50-0201{ 162 float: right; 163 } 164 .box-50-0202{ 165 float: left; 166 } 167 .box-wrap{ 168 padding:0 10px; 169 } 170 .price-box{ 171 color: #ff7082; 172 border: 1px solid #f4c5cb; 173 padding: 10px 16px; 174 border-radius: 6px; 175 display: inline-block; 176 line-height: 1.2; 177 } 178 .btn-app a{ 179 -webkit-transition: background-color 0.3s linear; 180 transition: background-color 0.3s linear; 181 font-size: 16px; 182 font-size: 1.6rem; 183 border-radius: 5px; 184 width: auto; 185 display: inline-block; 186 text-align: center; 187 border-radius: 5px; 188 background-color: #e5b4f5; 189 color: #fff; 190 border: 0; 191 padding:10px 16px 10px 16px; 192 } 193 .howtoapp-appicon{ 194 margin:-20px -20px 10px -20px; 195 } 196 .howtoapp-appicon img{ 197 display: block; 198 margin: auto; 199 } 200 .l-inner h3{ 201 color:#fff; 202 } 203 @media (max-width: 640px) { 204 .howtoapp-header{ 205 height: 28px; 206 background-color: #a0d468; 207 font-size: 13px; 208 font-size: 1.3rem; 209 color: #fff; 210 margin: 0px; 211 line-height: 28px; 212 width:auto; 213 padding:0; 214 background: linear-gradient(45deg, #02c312 -50%, #97dfcf 40%, #0089ff 150%); 215 } 216 .howtoapp-appicon{ 217 margin-top:-10px; 218 margin-left:-10px; 219 margin-right:-10px; 220 } 221 .app-box{ 222 margin:auto; 223 } 224 .app-box .box-50{ 225 float: none; 226 width:auto; 227 } 228 .header-inner-ttl{ 229 margin-top:0; 230 } 231 .l-inner{ 232 padding:10px; 233 } 234 .l-inner .box-line img{ 235 width:100%; 236 } 237 .l-inner h3{ 238 font-size:18px; 239 font-size:1.8rem; 240 margin: 0 -10px; 241 } 242 .inner{ 243 padding-left:0; 244 padding-right:0; 245 } 246 .fanclub a { 247 color: #e396ef; 248 } 249 .btn-app a { 250 color: #fff; 251 } 252 } 253 </style> 254 <style type="text/css"> 255 .stories_movie_item { 256 position: relative; 257 width: 100%; 258 height: 100%; 259 } 260 261 .stories_playerBox { 262 position: relative; 263 width: 100%; 264 height: 100%; 265 z-index: 1; 266 } 267 268 #popup__stories .video-js { 269 width: 100%; 270 height: 100%; 271 } 272 273 .vjs-contextmenu-ui-menu { 274 display: none !important; 275 } 276 277 @media (max-width: 768px) { 278 .bc-iframe body, .bc-player-default_default { 279 background-color: rgba(0, 0, 0, 0.85); 280 } 281 282 #popup__stories .video-js .vjs-control-bar { 283 height: 4rem; 284 bottom: 0; 285 top: auto; 286 } 287 } 288 #stories-popup-btnClose { 289 position: absolute; 290 right: 4.2%; 291 top: 3%; 292 color: #FFF; 293 width: 2rem; 294 height: 2rem; 295 font-size: 3rem; 296 z-index: 15000; 297 } 298 #stories-popup-btnClose:before, #stories-popup-btnClose:after { 299 content: ""; 300 position: absolute; 301 display: block; 302 background-color: #FFF; 303 width: 100%; 304 height: 1px; 305 top: 50%; 306 left: 0; 307 } 308 #stories-popup-btnClose:before { 309 -webkit-transform: rotate(45deg); 310 -moz-transform: rotate(45deg); 311 -ms-transform: rotate(45deg); 312 -o-transform: rotate(45deg); 313 transform: rotate(45deg); 314 } 315 #stories-popup-btnClose:after { 316 -webkit-transform: rotate(-45deg); 317 -moz-transform: rotate(-45deg); 318 -ms-transform: rotate(-45deg); 319 -o-transform: rotate(-45deg); 320 transform: rotate(-45deg); 321 } 322 323 .storyThumb { 324 left: 0; 325 bottom: 0; 326 padding: 20px 0; 327 328 margin: 0 -20px; 329 330 display: flex; 331 text-align: center; 332 flex-wrap: wrap; 333 z-index: 20; 334 justify-content: center; 335 } 336 @media (max-width: 768px) { 337 .storyThumb { 338 bottom: 3vw; 339 margin: 0 0; 340 padding: 0; 341 } 342 } 343 .storyThumb-item { 344 margin: 0 10px 30px 10px; 345 } 346 @media (max-width: 768px) { 347 .storyThumb-item { 348 margin: 0 1vw 4vw 1vw; 349 } 350 } 351 .storyThumb .storyThumb-thumb, .storyThumb .storyThumb-thumb--more { 352 width: 90px; 353 height: 90px; 354 border-radius: 90px; 355 overflow: hidden; 356 position: relative; 357 cursor: pointer; 358 z-index: 1; 359 margin: 0 0 10px 0; 360 } 361 @media (max-width: 768px) { 362 .storyThumb .storyThumb-thumb, .storyThumb .storyThumb-thumb--more { 363 width: 18vw; 364 height: 18vw; 365 border-radius: 10vw; 366 margin: 0 1vw 1vw 1vw; 367 } 368 } 369 .pages_sph_story_list .storyThumb-thumb { 370 width: 100px; 371 height: 100px; 372 border-radius: 50px; 373 } 374 @media (max-width: 768px) { 375 .pages_sph_story_list .storyThumb-thumb { 376 width: 16vw; 377 height: 16vw; 378 border-radius: 10vw; 379 } 380 } 381 .storyThumb-thumb:before { 382 content: ""; 383 display: block; 384 position: absolute; 385 top: 0; 386 left: 0; 387 width: 100%; 388 height: 100%; 389 z-index: 2; 390 opacity: 0.45; 391 } 392 .is-disable .storyThumb-thumb:before { 393 background-color: #ecf7f9; 394 } 395 .storyThumb-thumb img { 396 z-index: 1; 397 position: relative; 398 } 399 .storyThumb-thumb--more { 400 border: 2px solid #379c56; 401 line-height: 64px; 402 font-size: 1.2rem; 403 background-color: #ffffff; 404 text-decoration: none; 405 cursor: pointer; 406 color: #379c56; 407 } 408 @media (max-width: 768px) { 409 .storyThumb-thumb--more { 410 line-height: 16vw; 411 } 412 } 413 .storyThumb-thumb--more:before { 414 display: none; 415 } 416 .popup .storyThumb-thumb--more { 417 display: none; 418 } 419 .storyThumb-date { 420 margin: 0.75rem 0 0 0; 421 font-size: 1rem; 422 line-height: 1; 423 color: #379c56; 424 } 425 .is-disable .storyThumb-date { 426 color: #b3b3b3; 427 } 428 429 .storyThumb-name { 430 font-size: 12px; 431 } 432 433 #stories-popup { 434 visibility: hidden; 435 position: fixed; 436 width: 100vw; 437 height: 100%; 438 z-index: -1; 439 transform: scale(0, 0); 440 transition: all 300ms 0s ease; 441 background-color: rgba(255, 255, 255, 0.9); 442 } 443 #stories-popup.is-active { 444 visibility: visible; 445 z-index: 30000; 446 transform: scale(1, 1); 447 top: 0; 448 } 449 450 .stories-player { 451 position: relative; 452 width: 100%; 453 height: 100%; 454 z-index: 1; 455 } 456 .stories-player.is-hide .video-js { 457 visibility: hidden; 458 } 459 .stories-player.is-hide:after { 460 content: ""; 461 width: 100%; 462 height: 100%; 463 position: absolute; 464 top: 0; 465 left: 0; 466 background-repeat: no-repeat; 467 background-position: center; 468 background-size: 8vw 8vw; 469 background-image: url(./styles_img/loading.gif); 470 } 471 .stories-player .video-js { 472 width: 100%; 473 height: 100%; 474 } 475 476 .story_attention { 477 font-size: 1rem; 478 color: #767d7e; 479 width: 100%; 480 text-align: right; 481 margin: 1rem 0 0 0; 482 } 483 484 .stories-popup-btnClose { 485 position: absolute; 486 right: 4.2%; 487 top: 3%; 488 color: #FFF; 489 width: 2rem; 490 height: 2rem; 491 font-size: 3rem; 492 z-index: 15000; 493 } 494 .stories-popup-btnClose:before, .stories-popup-btnClose:after { 495 content: ""; 496 position: absolute; 497 display: block; 498 background-color: #FFF; 499 width: 100%; 500 height: 1px; 501 top: 50%; 502 left: 0; 503 } 504 .stories-popup-btnClose:before { 505 -webkit-transform: rotate(45deg); 506 -moz-transform: rotate(45deg); 507 -ms-transform: rotate(45deg); 508 -o-transform: rotate(45deg); 509 transform: rotate(45deg); 510 } 511 .stories-popup-btnClose:after { 512 -webkit-transform: rotate(-45deg); 513 -moz-transform: rotate(-45deg); 514 -ms-transform: rotate(-45deg); 515 -o-transform: rotate(-45deg); 516 transform: rotate(-45deg); 517 } 518 519 .stories-swiper-container { 520 height: 100%; 521 } 522 523 #stories-popup .swiper-pagination { 524 display: none; 525 } 526 #stories-popup .swiper-container { 527 height: 100%; 528 } 529 #stories-popup .swiper-container .swiper-slide-active { 530 z-index: 1000 !important; 531 } 532 #stories-popup .swiper-button-next, 533 #stories-popup .swiper-button-prev { 534 display: none; 535 } 536 #stories-popup .swiper-pagination-fraction, #stories-popup .swiper-pagination-custom, 537 #stories-popup .swiper-container-horizontal > .swiper-pagination-bullets { 538 bottom: -6%; 539 } 540 </style> 541<style> 542.youtube_wrap{max-width:500px; 543margin:0 auto;} 544.youtube { 545 position: relative; 546 width: 100%; 547 padding-top: 56.25%; 548 549} 550.youtube iframe { 551 position: absolute; 552 top: 0; 553 right: 0; 554 width: 100% !important; 555 height: 100% !important; 556} 557 558 559 560</style> 561 562<title>ã¡ãã»ã¼ã¸ã¢ããªã¨ã¯ | æ«»å46ã¡ãã»ã¼ã¸</title> 563</head> 564<body> 565 566<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 566-567
566 567<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
567GTM-NFD6VJ7
vendor: 83 bytes, lines 567-568
567" 568height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
569<!-- End Google Tag Manager (noscript) --> 570<div class="fanclub"> 571<div class="keyaki-app"> 572<div class="l-wrapper"> 573<div class="l-content"> 574<div class="l-inner"> 575<div class="howtoapp-appicon"> 576 577
578<script> 579window.location.href = "https://sakurazaka46.com/s/s46app/page/app_guide"; 580</script>
580 581<img src="/files/14/common/pages/app_guide/images/bnr_app20250702_sakura_pc.jpg" alt="" /> 582 583 584 585</div> 586 587<p class="text-center"> ãæ«»å46ã¡ãã»ã¼ã¸ãã¯<br /> æ«»å46ã®ã¡ã³ãã¼ããã¡ãã»ã¼ã¸ãå±ãâª<br /> å ¬å¼ã¢ããªã§ãï¼<br /><br /> ãæ«»å46ã¡ãã»ã¼ã¸ãããã¦ã³ãã¼ããï¼ã¢ããªæ¬ä½ï¼ç¡æï¼<br /> </p> 588 589<div class="box-100"> 590<div class="box-50"><a href="https://apps.apple.com/jp/app/id1533063668" target="_blank"> <img src="/files/14/common/pages/app_guide/images/icon_appstore2407.png" alt="" /> </a></div> 591<div class="box-50"><a href="https://play.google.com/store/apps/details?id=jp.co.sonymusic.communication.sakurazaka" target="_blank"> <img src="/files/14/common/pages/app_guide/images/icon_googleplay2407.png" alt="" /> </a></div> 592</div> 593<div class="youtube_wrap"> 594<div class="youtube"> 595<iframe width="560" height="315" src="https://www.youtube.com/embed/KurJN00M9Rs" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 596</div> 597</div> 598 599 600 <br /> 601<h3 class="howtoapp-ttl">ãæ«»å46ã¡ãã»ã¼ã¸ãã®æ©è½</h3> 602 603<div class="inner"> 604<div class="app-box app-box-01"> 605<div class="box-50"> 606<div class="header-inner-ttl">ãã¼ã¯</div> 607<p>ãæ°ã«å ¥ãã®ã¡ã³ãã¼ãè³¼èªããã¨ãããã¹ãã¯ãã¡ãããåçãåç»ãªã©ããã§ããè¦ããã¨ãã§ããªãã¡ãã»ã¼ã¸ãå±ãã¾ããåã¡ã³ãã¼ã«ã¤ã1度ã¾ã§ãåãã¦è³¼èªããã¨ãã«éãã24æéåã¾ã§ã«é ä¿¡ãããã¡ãã»ã¼ã¸ãåãåããã¨ãã§ãã¾ããããã«ãã¡ã³ãã¼ã«ãã¡ã³ã¬ã¿ã¼ãéããã¨ãã§ãã¾ãã <br /> â»ãã¼ã¯ã¨ã¬ã¿ã¼ã®æ©è½ã¯ææãµã¼ãã¹ã§ãã<a href="#talk">ãã¼ã¯ã®è©³ç´°ã¯ãã¡ãï¼</a></p> 608</div> 609<div class="box-50"> 610<div class="box-line"> <img src="/files/14/common/pages/app_guide/images/app_talk_v10_sakura.jpg" alt="" /> </div> 611</div> 612</div> 613<div class="app-box app-box-02"> 614<div class="box-50 box-50-0201"> 615<div class="header-inner-ttl">ããã°</div> 616<p>å ¬å¼ãµã¤ãå ã®ããã°ãã¢ããªã§ãã§ãã¯ã§ãã¾ãï¼ããã°ã®æ´æ°éç¥ãè¨å®å¯è½ã§ãã®ã§ãããã°ã®æ´æ°ãè¦éããã¨ãããã¾ããã <br /> â»ããã°ã®æ´æ°éç¥ã®åæè¨å®ã¯ãªãã¨ãªã£ã¦ããã¾ãã[è¨å®] ï¼ [ããã°éç¥] ããæ´æ°éç¥ãè¨å®ã§ãã¾ãã</p> 617</div> 618<div class="box-50 box-50-0202"> 619<div class="box-line"> <img src="/files/14/common/pages/app_guide/images/app_blog_v09_sakura.jpg" alt="" /> </div> 620</div> 621</div> 622<div class="app-box app-box-03"> 623<div class="box-50"> 624<div class="header-inner-ttl">ãã¥ã¼ã¹</div> 625<p>å ¬å¼ãµã¤ãå ã®ãã¥ã¼ã¹ãã¢ããªå ã§ã覧ããã ãã¾ãããã¥ã¼ã¹ã®æ´æ°éç¥ãè¨å®å¯è½ã§ãã <br /> â»ãã¥ã¼ã¹ã®æ´æ°éç¥ã®åæè¨å®ã¯ãªãã¨ãªã£ã¦ããã¾ãã[è¨å®] ï¼ [ãã¥ã¼ã¹éç¥] ããæ´æ°éç¥ãè¨å®ã§ãã¾ãã</p> 626</div> 627<div class="box-50"> 628<div class="box-line"> <img src="/files/14/common/pages/app_guide/images/app_news_v09_sakura.jpg" alt="" /> </div> 629</div> 630</div> 631</div> 632<br /> 633<h3 class="howtoapp-ttl" id="talk">ãã¼ã¯ã®ä½¿ãæ¹</h3> 634<div class="inner"> 635<div class="box-wrap"> 636<div class="text-center"> 637<div class="box-line"> <img src="/files/14/common/pages/app_guide/images/app_tutorial_2_1_v04_sakura.png" alt="" /> </div> 638</div> 639<p>ç»é²ãããã¡ã³ãã¼ãããä¸å®æã«ã¡ãã»ã¼ã¸ãå±ãã¾ããç»é²ä»¥éã«é ä¿¡ãããã¡ãã»ã¼ã¸ãåãåããã¨ãã§ãã¾ãã<br /> <br /> ãã¼ã¯ç»é¢ã§ã¯ãã¡ãã»ã¼ã¸ãé·æ¼ãããã¨ãæ°ã«å ¥ãç»é²ãã§ãã¾ãã<br /> <br /> ãã¼ã¯ã®æ©è½ã¯æé¡ææãµã¼ãã¹ã§ããæ¬ãµã¼ãã¹ã¯ãææç»é²å¾ãã1ãææ¯ã®èªåæ´æ°ãµã¼ãã¹ã¨ãªãã¾ãã</p> 640<div class="price-box">ä¾¡æ ¼ ï¼1ã¡ã³ãã¼300å(ç¨è¾¼)</div> 641<p>ã»æéï¼ 1ã¶æé (ç³ãè¾¼ã¿æ¥ããèµ·ç®) / æé¡èªåæ´æ°<br /> ã»èª²éã«ã¤ãã¦ï¼<br /> ã iOSããå©ç¨ã®å ´åããå©ç¨ã®iTunesã¢ã«ã¦ã³ãã«èª²éããã¾ãã<br /> ãAndroidããå©ç¨ã®å ´åããå©ç¨ã®Google Playã¢ã«ã¦ã³ãã«èª²éããã¾ãã<br /> ã»å®æè³¼èªã®èªåæ´æ°ã«ã¤ãã¦ï¼<br /> ãææç»é²å¾ãã1ãææ¯ã®èªåæ´æ°ãµã¼ãã¹ã¨ãªãã¾ãããã£ã³ã»ã«ãã叿ã®å ´åã¯ããå¥ç´æéãçµäºããåã«èªåæ´æ°ããªãã«ãã¦ãã ãããiOSããå©ç¨ã®å ´åãèªåæ´æ°ãããéã®èª²éã«ã¤ãã¦ã¯ãå®æè³¼èªæéçµäºåã®24æé以å ã«è¡ããã¾ãããã£ã³ã»ã«ãã叿ã®å ´åã¯ããå¥ç´æéãçµäºãã24æé以ä¸åã«èªåæ´æ°ããªãã«ãã¦ãã ããã<br /> ã»å®æè³¼èªã®ç¢ºèªæ¹æ³ã¨è§£ç´æ¹æ³ï¼<br /> â iOSããå©ç¨ã®å ´åãå®æè³¼èªã®ç¢ºèªã¨è§£ç´ã¯ä¸è¨ã®ç»é¢ããè¡ããã¨ãã§ãã¾ãã<br /> 1.ãè¨å®ã>ãiTunes Store 㨠App Storeãã®é ã«é¸æãã¾ãã<br /> 2. ç»é¢ã®ä¸é¨ã«è¡¨ç¤ºããã¦ãã Apple ID ãã¿ãããã¾ãã<br /> 3.ãApple ID ã表示ããã¿ãããã¾ããå¿ è¦ã«å¿ãã¦ããµã¤ã³ã¤ã³ã
641ãããTouch ID ã使ãã¾ãã<br /> 4. ãç»é²ããã¿ããããã¨ãè³¼èªä¸ã®ã³ã³ãã³ãã表示ããã¾ãã<br /> <a href="https://support.apple.com/ja-jp/HT202039" target="_blank">https://support.apple.com/ja-jp/HT202039</a><br /> â Androidããå©ç¨ã®å ´åãå®æè³¼èªã®ç¢ºèªã¨è§£ç´ã¯ä¸è¨ã®ç»é¢ããè¡ããã¨ãã§ãã¾ãã<br /> <!--<span style="color: #ff0000;">â»ç¾å¨ãä¸è¨ã®ç»é¢ã«ã¢ã¯ã»ã¹ããã¾ãã¨ãGoogle Playã®åé¡ã«ããå®æè³¼å ¥ã®åååãå ¨ã¦ãæ¬ å46/æ¥åå46 ã¡ãã»ã¼ã¸ãã¨è¡¨ç¤ºããããããè¤æ°ã®ã¡ã³ãã¼ãè³¼èªãã¦ããå ´åã«ã¡ã³ãã¼åã®åºå¥ãã¤ããªãç¶æ ã¨ãªã£ã¦ããã¾ãã<br/> 642ã¤ãã¾ãã¦ã¯ã大å¤ãææ°ã§ã¯ãããã¾ãããè§£ç´ãã叿ãããå ´åã«ã¯ã以ä¸ã®URLãã³ãã¼ãã¦ããã ããChormeçã®ãã©ã¦ã¶ã®URLé¨åã«è²¼ãä»ãããã¦ç´æ¥ã¢ã¯ã»ã¹ãè¡ã£ã¦ããã ãã¾ãã¨ãã¡ã³ãã¼åã表示ãããè§£ç´ãã¼ã¸ã«ã¢ã¯ã»ã¹ãè¡ãã¾ãã<br/><br/> 643https://play.google.com/store/apps/details?id=jp.co.sonymusic.communication.keyakizaka<br/><br/> 644å¼·å¶çã«Google Playã¢ããªã«ãªãã¤ã¬ã¯ãããå ´åããããã¾ãã®ã§ãå¿ ããã©ã¦ã¶ã«ç´æ¥URLãè²¼ãä»ãã¦ã¢ã¯ã»ã¹ãã¦ãã ããã<br/></span> 645<br/>--> 1.Google Play ã¹ãã¢ãèµ·åãã¾ãã<br /> 2. ã¡ãã¥ã¼ > [ã¢ã«ã¦ã³ã] > [å®æè³¼å ¥] ãã¿ãããã¾ãã<br /> 3.è§£ç´ããå®æè³¼å ¥ãæ¢ãã¾ãã<br /> 4. [è§£ç´] ãã¿ãããã¾ãã<br /> <a href="https://support.google.com/googleplay/answer/7018481?co=GENIE.Platform%3DAndroid&hl=ja" target="_blank">https://support.google.com/googleplay/answer/7018481?co=GENIE.Platform%3DAndroid&hl=ja</a></p> 646<br /> 647<div class="text-center"> 648<div class="box-line"> <img src="/files/14/common/pages/app_guide/images/app_tutorial_2_2_v04_sakura.png" alt="" /> </div> 649</div> 650<p>å®æè³¼èªããã¦ããã¡ã³ãã¼ã対象ã«ãã¢ããªãéãã¦ã¬ã¿ã¼ã®éä¿¡ãè¡ãã¾ãã<br /> ã¬ã¿ã¼ã«ã¯ãã«ã¼ããã¿ã¤ãã¨ãã¬ã¿ã¼ãã¿ã¤ãã®ãã³ãã¬ã¼ãããç¨æãä¼ãããã¡ãã»ã¼ã¸ã«å¿ãã¦é¸ãã§ã¿ã¦ãã ããï¼<br /> ã¬ã¿ã¼ã¯ä»ã®ã¦ã¼ã¶ã¼ããã¯ä¸åè¦ããã¨ãã§ãã¾ããã®ã§ãå®å¿ãã¦ãå©ç¨ããã ãã¾ãã</p> 651<div class="price-box">ä¾¡æ ¼ ï¼ã¬ã¿ã¼éä»1é160å(ç¨è¾¼)</div> 652<p>ã»èª²éã«ã¤ãã¦ï¼<br /> ãiOSããå©ç¨ã®å ´åããå©ç¨ã®iTunesã¢ã«ã¦ã³ãã«èª²éããã¾ãã<br /> ãAndroidããå©ç¨ã®å ´åããå©ç¨ã®Google Playã¢ã«ã¦ã³ãã«èª²éããã¾ãã</p> 653</div> 654</div> 655<br /> 656<h3 class="howtoapp-ttl">ãããã質å</h3> 657<div class="inner text-center"> 658 659 660<div class="btn-app"><a href="https://faq.sakurazaka46.com/?kinds=ã¡ãã»ã¼ã¸&utm_source=message&utm_medium=referral&utm_campaign=message-support" target="_blank">ãããã質åã¯ãã¡ã</a></div> 661 662 663 664</div> 665<br /> 666<h3 class="howtoapp-ttl">ãåãåãã</h3> 667<div class="inner text-center"> 668<p>ã¢ããªã®ä½¿ãããã¸ã®ã質åãä¸å ·åãä»å¾ã®æ©è½ã®ãªã¯ã¨ã¹ããªã©ã¯ãã¡ãã«ãå¯ããã ããã</p> 669<div class="btn-app"> <a href="/s/s46app/form/inquiry?ima=0000&cd=form_app">ãæ«»å46 ã¡ãã»ã¼ã¸ãã«é¢ãããåãåããã¯ãã¡ã</a> </div> 670</div> 671 672<br /> 673<h3 class="howtoapp-ttl">æ¨å¥¨ç°å¢</h3> 674<div class="inner"> 675 <p>iOS 14以ä¸ãAndroid 7.0以ä¸ã®ã¹ãã¼ããã©ã³ç«¯æ«<br> 676 (ãã½ã³ã³ãã¿ãã¬ããã§ã¯ãå©ç¨ããã ãã¾ãã)<br> 677 â»ä¸é¨ã®æ©ç¨®ãOSãã¼ã¸ã§ã³ã«ãã£ã¦ã¯ãæ£å¸¸ã«åä½ããªãå ´åããããã¾ããã¾ããä»å¾ã®OSã¢ãããã¼ããã¢ããªã®ãã¼ã¸ã§ã³æ´æ°ã«ä¼´ããåä½ã«å½±é¿ãåºãå ´åããããã¾ãã<br> 678 â»æ¨å¥¨ç°å¢ã§ãã£ã¦ãããã¹ã¦ã®ç«¯æ«ã«ããã¦ã®åä½ãä¿è¨¼ãããã®ã§ã¯ãããã¾ãããããããããäºæ¿ãã ããã 679 </p> 680</div> 681 682<br /> 683<h3 class="howtoapp-ttl">å©ç¨è¦ç´</h3> 684<div class="inner text-center"> 685<div class="btn-app"> 686 <a href="https://sakurazaka46.com/app_terms/">ãã¡ããã覧ãã ããã</a> 687</div> 688</div> 689 690<br /> 691<h3 class="howtoapp-ttl">ç¹å®åå弿³ã«åºã¥ã表è¨</h3> 692<div class="inner text-center"> 693<div class="btn-app"> 694 <a href="https://sakurazaka46.com/tokushoho_app/">ãã¡ããã覧ãã ããã</a> 695</div> 696</div> 697 698<br /> 699<h3 class="howtoapp-ttl">ãã©ã¤ãã·ã¼ããªã·ã¼</h3> 700<div class="inner text-center"> 701<div class="btn-app"> 702 <a href="https://sakurazaka46.com/app_privacy_policy/">ãã¡ããã覧ãã ããã</a> 703</div> 704</div> 705 706</div> 707</div> 708</div> 709</div> 710</div> 711<div id="stories-popup"> 712<div class="stories-popup-btnClose js-stories-btnClose"></div> 713<div class="stories-swiper-container"> 714<div class="swiper-wrapper"></div> 715</div> 716</div> 717 718 <link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.min.css">
718<script src="https://unpkg.com/swiper/js/swiper.min.js"></script>
718 719
719<script> 720 $(function(){ 721 $('a[href^=#]').click(function() { 722 var speed = 400; 723 var href= $(this).attr("href"); 724 var target = $(href == "#" || href == "" ? 'html' : href); 725 var position = target.offset().top; 726 $('body,html').animate({scrollTop:position}, speed, 'swing'); 727 return false; 728 }); 729 }); 730 /*================ 731 ãã¡ã¤ã«å ã§ä½¿ç¨ãã夿° 732 ================*/ 733 let myPlayer; 734 let playerHTML; 735 736 737 let appendPlayerFlg = false;//ãã¬ã¤ã¤ã¼ã¯ä¸åº¦ã®ã¿è¿½å 738 let swiper; 739 let videoArr = []; 740 741 //è¨å®ç³» 742 let playerData = 743 { 744 accountId: "4504957038001", 745 playerId: "HJGbcu42b" 746 }; 747 let DISPLAY_THUMB_COUNT = 4; 748 /*================ 749 æ¬ä½ 750 ================*/ 751 function Stories() { 752 753 swiper = new Swiper('.stories-swiper-container', { 754 grabCursor: true, 755 on: { 756 slideChange: function () { 757 /*åççµããã®ã·ã§ã¢ã®ãããã¢ãããåé¤*/ 758 $('.js-stories-share').removeClass("is-active"); 759 }, 760 slideChangeTransitionEnd:function () { 761 let activeIndex = swiper.activeIndex; 762 let prevIndex = swiper.previousIndex; 763 changeVideo(prevIndex,activeIndex); 764 } 765 } 766 }); 767 768 /*================ 769 ãµã ãã¤ã«ã«ä»ä¸ããã¦ããåç»IDãé åã«æ ¼ç´ãã¦ããã 770 ================*/ 771 $('.js-storyThumb').each(function(index, element){ 772 if($(this).hasClass('is-canShow')){ 773 let dataId = $(element).attr("data-id"); 774 videoArr.push(dataId); 775 } 776 }); 777 if($('.js-storyThumb').length < DISPLAY_THUMB_COUNT){ 778 $('.js-storyThumb-thumb--more').css({ 779 'display': 'none' 780 }); 781 782 } 783 784 /*================ 785 ã¯ãªãã¯ã¤ãã³ãã®ç»é² 786 ================*/ 787 //ãµã ãã¤ã«ï¼ã¯ãªã㯠788 $('.js-storyThumb').on('click',function(){ 789 //é²è¦§å¯è½ 790 console.log("$(this)",$(this)) 791 if($(this).hasClass('is-canShow')){ 792 let storyIndex = $('.is-canShow').index(this); 793 console.log("storyIndex__",storyIndex) 794 let dataId = videoArr[storyIndex]; 795 console.log("dataId",dataId) 796 popupOpenStory(dataId,storyIndex); 797 } 798 //ãã°ã¤ã³å¬ä¿ 799 if($(this).hasClass('is-disable')){ 800 popupOpenLogin(); 801 } 802 }); 803 //ã¯ãã¼ãºãã¿ã³ï¼ã¯ãªã㯠804 $('.js-stories-btnClose').on('click',function(){ 805 popupClose(); 806 }); 807 //ãã°ã¤ã³å¬ä¿ 808 $('.js-popup_login_btnClose').on('click',function(){ 809 popupCloseLogin(); 810 }); 811 }; 812 813 /*================ 814 ãããã¢ããã®å¦çï¼ã¹ãã¼ãªã¼ãªã¼ãã³ 815 ================*/ 816 function popupOpenStory(dataId,storyIndex){ 817 818 console.log("popupOpenStory") 819 820 $("#stories-popup").addClass("is-active"); 821 822 //ãã¬ã¤ã¤ã¼ããªãã£ãã追å ãã 823 if(!appendPlayerFlg){ 824 addPlayer(storyIndex,dataId); 825 }else{ 826 myPlayer.play(); 827 } 828 //ã¹ã©ã¤ãä½ç½®ã®å¼ã³åºã 829 swiper.slideTo( 830 storyIndex,//slide index 831 0//speed 832 ); 833 } 834 /*================ 835 ãããã¢ããã®å¦çï¼ãã°ã¤ã³å¬ä¿ãªã¼ãã³ 836 ================*/ 837 function popupOpenLogin(){ 838 var target_popup = $("#js-popup_login"); 839 target_popup.addClass("is-active"); 840 } 841 /*================ 842 ãããã¢ããã®å¦çï¼éãã 843 ================*/ 844 function popupClose(){ 845 846 $("#stories-popup").removeClass("is-active"); 847 $('.js-stories-share').removeClass("is-active"); 848 849 myPlayer.pause(); 850 851 } 852 /*================ 853 ãããã¢ããã®å¦çï¼ãã°ã¤ã³å¬ä¿ã¯ãã¼ãº 854 ================*/ 855 function popupCloseLogin(){ 856 var target_popup = $("#js-popup_login"); 857 target_popup.removeClass("is-active"); 858 } 859 860 /*================ 861 brightcoveãã¬ã¤ã¤ã¼ã®è¿½å 862 ================*/
863 function addPlayer(spiwerIndex,movieId) { 864 let slide = swiper.slides[spiwerIndex]; 865 let storiesPlayer = $('.js-storiesPlayer',$(slide)); 866 867 //å·®ãè¾¼ãvideoã®DOM 868 playerHTML = 869 '<video-js id="myPlayerID" data-video-id="' + 870 movieId + 871 '" data-account="' + 872 playerData.accountId + 873 '" data-player="' + 874 playerData.playerId + 875 '" data-embed="default" class="video-js" controls playsinline></video-js>'; 876 877 //activeãªswiperã®slideã«å·®ãè¾¼ã 878 storiesPlayer.append(playerHTML); 879 880 //brightcoveã®videojsã®èªã¿è¾¼ã¿ 881 var s = document.createElement("script"); 882 883 //ä¸åº¦ã ããã¬ã¤ã¤ã¼ãèªã¿è¾¼ã 884 if(!appendPlayerFlg){ 885 s.src = 886 "https://players.brightcove.net/" + 887 playerData.accountId + 888 "/" + 889 playerData.playerId + 890 "_default/index.min.js"; 891 document.body.appendChild(s); 892 //èªã¿è¾¼ã¿å®äºå¾ã«åç»ã¾ããã®è¨å®ããã 893 s.onload = setVideoProp; 894 } 895 } 896 897 /*================ 898 åç»å¨ãã®è¨å® 899 ================*/ 900 function setVideoProp() { 901 appendPlayerFlg = true; 902 myPlayer = bc("myPlayerID"); 903 myPlayer.on("play", onPlay); 904 myPlayer.on("ended", onEnd); 905 myPlayer.on("loadedmetadata", function() { 906 myPlayer.play(); 907 }); 908 } 909 /*================ 910 åç»å¨ãã®è¨å®ï¼åçæ 911 ================*/ 912 function onPlay(e) { 913 let id = e.target.id; 914 } 915 /*================ 916 åç»å¨ãã®è¨å®ï¼çµäºæ 917 ================*/ 918 function onEnd(e) { 919 let id = e.target.id; 920 $('.js-stories-share').addClass("is-active"); 921 } 922 /*================ 923 ã¹ã¯ã¤ãå¾ã«å¼ã³åºã 924 ================*/ 925 function changeVideo(prevIndex,nextIndex) { 926 if(!appendPlayerFlg){ 927 return; 928 } 929 let prevSlide = swiper.slides[prevIndex]; 930 let targetPlayerBoxPrev = $('.js-storiesPlayer',$(prevSlide)); 931 let nextSlide = swiper.slides[nextIndex]; 932 let targetPlayerBoxNext = $('.js-storiesPlayer',$(nextSlide)); 933 targetPlayerBoxNext.addClass("is-hide"); 934 let videoId = videoArr[nextIndex]; 935 936 let video_dom = targetPlayerBoxPrev.children(); 937 938 video_dom.prependTo(targetPlayerBoxNext); 939 myPlayer.catalog.getVideo(videoId, function(error, video) { 940 targetPlayerBoxNext.removeClass("is-hide"); 941 myPlayer.catalog.load(video); 942 myPlayer.play(); 943 }); 944 } 945 Stories(); 946 </script>
946 947 </body> 948</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.