1$(function () { 2 // navigation 3 // ================================================= 4 5 var $root = $("html"), 6 $nav_header = $(".banner,.logo"), 7 $navicon = $('[data-navicon="button"]'), 8 header_height = $(".banner").height(), 9 hero_height = $("#hero").height(), 10 offset_val = hero_height - header_height, 11 eventType = document.ontouchstart !== null ? "click" : "touchstart"; 12 13 // Methods 14 // ================================================= 15 16 function navSlide() { 17 var scroll_top = $(window).scrollTop(); 18 19 if (scroll_top >= offset_val) { 20 $nav_header.addClass("is-sticky"); 21 } else { 22 $nav_header.removeClass("is-sticky"); 23 } 24 } 25 26 $(window).scroll(navSlide); 27 28 $(".icon-menu").on("click", function () { 29 $(this).toggleClass("is--closed"); 30 $(".banner").toggleClass("is-open"); 31 $("html, body").toggleClass("nav-open"); 32 }); 33 34 $(".scrollto").click(function () { 35 $(".banner").removeClass("is-open"); 36 $(".icon-menu").removeClass("is--closed"); 37 $("html, body").removeClass("nav-open"); 38 }); 39 40 $('a[href*="#"]:not([href="#"])').click(e => { 41 const target = $(e.target.hash); 42 43 if (target.length) { 44 // target.offset().topã¯è¡éãªã©ã¬ã¤ã¢ã¦ãç±æ¥ã®ç«¯æ°(å°æ°px)ãæã¤ãã¨ãããã 45 // åãæ¨ã¦ãã¨åºå®ãããã¼(50px)ã®ä¸ã«ãã®ç«¯æ°ã¶ãã®ééãã§ãã 46 // åã®ã»ã¯ã·ã§ã³ã®ç«¯ãç´°ãç·ç¶ã«è¦ãã¦ãã¾ããåæ¨äºå ¥ãã¦ç«¯æ°ã 47 // ãããã¼å´(è¦ããªãå´)ã«å¯ããã 48 $("html, body").animate( 49 { 50 scrollTop: Math.round(target.offset().top) - 50 51 }, 52 500 53 ); 54 55 return false; 56 } 57 }); 58}); 59 60$(function () { 61 $(window).on("load resize", function () { 62 var wH = $(window).height(); 63 $("#hero").css("height", wH + "px"); 64 }); 65}); 66 67$(function () { 68 $(".producer-content-wrap").slick({ 69 accessibility: true, 70 focusOnSelect: false, 71 cssEase: "linear", 72 draggable: false, 73 lazyLoad: "ondemand", 74 rows: 2, 75 slidesToShow: 5, 76 slidesToScroll: 1, 77 autoplay: false, 78 speed: 5000, 79 arrows: false, 80 pauseOnHover: false, 81 responsive: [ 82 { 83 breakpoint: 801, 84 settings: { 85 slidesToShow: 4, 86 } 87 }, 88 { 89 breakpoint: 650, 90 settings: { 91 slidesToShow: 3, 92 } 93 }, 94 { 95 breakpoint: 480, 96 settings: { 97 slidesToShow: 2, 98 } 99 } 100 ] 101 }); 102 103 $(".enginner-content-wrap").slick({ 104 accessibility: true, 105 focusOnSelect: false, 106 cssEase: "linear", 107 draggable: false, 108 lazyLoad: "ondemand", 109 rows: 1, 110 slidesToShow: 5, 111 slidesToScroll: 1, 112 autoplay: false, 113 speed: 5000, 114 arrows: false, 115 pauseOnHover: false, 116 responsive: [ 117 { 118 breakpoint: 801, 119 settings: { 120 slidesToShow: 4, 121 } 122 }, 123 { 124 breakpoint: 650, 125 settings: { 126 slidesToShow: 3, 127 } 128 }, 129 { 130 breakpoint: 480, 131 settings: { 132 slidesToShow: 2, 133 } 134 } 135 ] 136 }); 137 138 $('.works-front-inner').slick({ 139 accessibility: true, 140 focusOnSelect: true, 141 cssEase: 'ease-in-out', 142 draggable: false, 143 lazyLoad: 'ondemand', 144 slidesToShow: 4, 145 slidesToScroll: 4, 146 rows: 2, 147 autoplay: true, 148 autoplaySpeed: 5000, 149 speed: 200, 150 arrows: true, 151 prevArrow: $('.slider-prev'), 152 nextArrow: $('.slider-next'), 153 responsive: [ 154 { 155 breakpoint: 801, 156 settings: { 157 slidesToShow: 3, 158 } 159 }, 160 { 161 breakpoint: 650, 162 settings: { 163 slidesToShow: 2, 164 slidesToScroll: 2 165 } 166 } 167 ] 168 }); 169 170 // Producer/Engineerã¹ã©ã¤ãã¼ã¯å ã autoplaySpeed:0+speed:5000ã§slickã®èªååçã 171 // 使ãã常ã«ä¸å®é度ã§æµãç¶ããæ¼åºã ã£ããã ããé²è¡ä¸ã®5ç§ãã©ã³ã¸ã·ã§ã³ã® 172 // éå§æã«slickå é¨ã§äºç´ãããå®äºå¦ç(ãã¡ãããã¯åç §ããã£ã³ã»ã«ãã§ããªã 173 // setTimeout)ãçµç±ããããã§ãããã¼ã§å²ãè¾¼ã/åéããå¦çãã©ã工夫ãã¦ãã 174 // ãé¢ãã¦ããåããªãããåéæã«ã¯ã¼ãããããé£ç¶ããã¼ã§é度ãä¹±ãããã® 175 // ãããããå¿ ãèµ·ãã¦ãã¾ããã¨ãåãã£ã(æ¤è¨¼ã§è¤æ°ãã¿ã¼ã³ç¢ºèªæ¸ã¿)ã 176 //
177 // ããã§slickã®èªååçæ©æ§ã¯ä½¿ãã(autoplay: falseã§åæå)ã代ããã« 178 // requestAnimationFrameã§èªåã«ä¸å®é度ã¹ã¯ãã¼ã«ãå®è£ ãããæ¢ãã/åéãã㯠179 // åã«rAFã«ã¼ããæ¢ãã/åéããã ããªã®ã§ãéä¸çµéã®ä½ç½®ããã®ã¾ã¾ä¿æããã 180 // ãåãä½ç½®ããåãé度ã§ç¶ããåãããã«ã¼ãã®åãæ¹ä»¥å¤ã«ä½ãèããã«å®ç¾ã§ããã 181 // ã¹ã©ã¤ãã®ä¸¦ã³èªä½(ã¯ãã¼ã³ãå«ãDOMæ§é )ã¯slickãä½ã£ããã®ããã®ã¾ã¾ä½¿ãã 182 // è¦ãç®ã®translateXã ãããã¡ãã§ç´æ¥åããã 183 function continuousScroll($wrap) { 184 var instance = $wrap.get(0).slick; 185 if (!instance) { 186 return; 187 } 188 // ã¹ã©ã¤ãææ°ãslidesToShow以ä¸ã®å ´åãslickèªèº«ãç¡éã¹ã¯ãã¼ã«ç¨ã®ã¯ãã¼ã³ã 189 // çæããªã(ã¹ã¯ãã¼ã«ããå¿ è¦ããªããã)ããã®ç¶æ ã§ç¡çã«èªåã¹ã¯ãã¼ã«ã 190 // åããã¨ãã¯ãã¼ã³ãåå¨ããªãé å(空ç½)ã«å ¥ãè¾¼ãã§ãã¾ããå ¨ä»¶ã常ã«ç»é¢å ã« 191 // åã¾ã£ã¦ãã=ããããåããæå³ããªãã±ã¼ã¹ãªã®ã§ãä½ãããªãã 192 if (instance.slideCount <= instance.options.slidesToShow) { 193 return; 194 } 195 var $track = $wrap.find(".slick-track"); 196 var loopWidth = instance.slideWidth * instance.slideCount; 197 // 1msãããã®ç§»åéãå ã®speed(1ã³ã=slidesToScrollåãspeed msã§ç§»å)㨠198 // åãä½æé度ã«ãªããããåä½ãpx/msã«æç®ãã¦ããã 199 var pxPerMs = (instance.slideWidth * instance.options.slidesToScroll) / instance.options.speed; 200 201 var baseX = 0; 202 var m = /translate3d\(\s*(-?[\d.]+)px/.exec($track.css("transform")); 203 if (m) { 204 baseX = parseFloat(m[1]); 205 } 206 var pos = 0; // 0以ä¸ã常ã«å ç®ã®ã¿ãã«ã¼ãå¹ ãè¶ ãããæãè¿ãã 207 var running = false; 208 var rafId = null; 209 var lastTs = null; 210 211 function applyPosition() { 212 var x = baseX - pos; 213 // Safariã¯å°æ°ç¹ä»¥ä¸ãå«ãtranslate3dã®å¤ãJSããæ¯ãã¬ã¼ã æ¸ãæããã¨ã 214 // ãµããã¯ã»ã«åä½ã®ã¬ã¿ã¤ã(æ¯åãã¦è¦ãã)ãåºããã¨ãããæ¢ç¥ã®æåã 215 // æ´æ°pxã«ä¸¸ãã¦æ»ããã«ããã 216 $track.css("transform", "translate3d(" + Math.round(x) + "px, 0px, 0px)"); 217 } 218 219 function tick(ts) { 220 if (!running) { 221 return; 222 } 223 if (lastTs !== null) { 224 var delta = ts - lastTs; 225 pos += pxPerMs * delta; 226 if (pos >= loopWidth) { 227 pos -= loopWidth; 228 } 229 applyPosition(); 230 } 231 lastTs = ts; 232 rafId = requestAnimationFrame(tick); 233 } 234 235 function start() { 236 if (running) { 237 return; 238 } 239 running = true; 240 lastTs = null; 241 rafId = requestAnimationFrame(tick); 242 } 243 244 function stop() { 245 running = false; 246 if (rafId) { 247 cancelAnimationFrame(rafId); 248 rafId = null; 249 } 250 } 251 252 $track.css("transition", "none"); 253 start(); 254 255 // ã¹ããçã®ã¿ããããã¤ã¹ã§ã¯ãããã¼ã§åæ¢/é¢ãããåéãã¨ããæ¦å¿µèªä½ã 256 // æç«ããªããã¿ããæä½ã¯ãã©ã¦ã¶ã«ãã£ã¦æ¬ä¼¼çãªmouseenter(mouseleaveã 257 // ä¼´ããªã)ãçºç«ããããã¨ãããã詳細ç»é¢ãããã©ã¦ã¶ããã¯ã§æ»ã£ãç´å¾ã« 258 // ãããçºç«ãã¦stop()ãå¼ã°ããä¸ã®pageshowã§ã®åå§åå¾ããã«ã¾ãæ¢ã¾ã£ã¦ 259 // ãã¾ãä¸å ·åã®åå ã«ãªã£ã¦ãããã¿ããããã¤ã¹ã§ã¯ãããããã®ããã¼å¶å¾¡ã 260 // ä»ããªãã 261 var isTouchDevice = ("ontouchstart" in window) || (navigator.maxTouchPoints > 0); 262 if (!isTouchDevice) { 263 $wrap.on("mouseenter", stop); 264 $wrap.on("mouseleave", start); 265 } 266 267 // ã¹ããã§Producer詳細çã«é·ç§»ãã¦ãããã©ã¦ã¶ããã¯ããå ´åãbfcache復å 268 // (pageshowã¤ãã³ãã§event.persisted === true)ããããã¼ã¸ä¸ã§ã¯ã 269 // ããã¯ã°ã©ã¦ã³ãã«åã£ã¦ããéã«åæ¢ããrequestAnimationFrameã®ã«ã¼ãã 270 // äºåº¦ã¨å¼ã°ããªããªããã¨ããã(iOS Safariç)ãrunningãã©ã°èªä½ã¯ 271 // trueã®ã¾ã¾ãªã®ã§é常ã®start()å¼ã³åºãã§ã¯åå§åã§ãããè¦ãç®ã«ã¯ 272 // ãã¹ã¯ãã¼ã«ãå®å ¨ã«æ¢ã¾ã£ãã¾ã¾ãã«ãªã£ã¦ãã¾ããstop()ãæã㧠273 // runningç¶æ ã確å®ã«ãªã»ãããã¦ããæ¹ãã¦start()ããã 274 window.addEventListener("pageshow", function (event) { 275 if (event.persisted) { 276 stop(); 277 start(); 278 } 279 }); 280 } 281 continuousScroll($(".producer-content-wrap"));
282 continuousScroll($(".enginner-content-wrap")); 283}); 284 285$(function () { 286 // ãã³ãã¼ã¬ã¼ã¡ãã¥ã¼å¹ ã®ãµãã¡ãã¥ã¼ãéãããéãæã®å®å ¨ãªéåçã«ãªã 287 // ãããâ ä¸ä¸ããä¸å¤®ã¸èæ¯ãéãã¤ã¤æåãæ¶ãã(is-closingã0.3ç§) 288 // â â¡ç·ãå·¦ããå³ã¸æ¶ãã(is-closing-lineã0.3ç§) 289 // â â¢display:noneã§ã¹ãã¼ã¹ãå ã«æ»ããã®é ã«ã¯ã©ã¹ãä»ãæ¿ããã 290 function closeMobileSubmenu($submenu) { 291 var closeToken = ($submenu.data("tvCloseToken") || 0) + 1; 292 $submenu.data("tvCloseToken", closeToken); 293 294 $submenu.removeClass("is-open is-closing-line").addClass("is-closing"); 295 296 setTimeout(function () { 297 if ($submenu.data("tvCloseToken") !== closeToken) return; // éä¸ã§å度éãããå ´åã¯ä½ãããªã 298 $submenu.removeClass("is-closing").addClass("is-closing-line"); 299 }, 300); 300 301 setTimeout(function () { 302 if ($submenu.data("tvCloseToken") !== closeToken) return; 303 $submenu.removeClass("is-closing-line"); 304 $submenu.css("display", "none"); 305 }, 300 + 300); 306 } 307 308 $(".dropdown").click(function () { 309 var $item = $(this).closest(".nav__list-item"); 310 var $submenu = $item.find(".nav__list-submenu"); 311 312 // ãã³ãã¼ã¬ã¼ã¡ãã¥ã¼å¹ : â é«ãã¯å³åº§ã«ç¢ºå®(About Usãä¸ç¬ã§æçµä½ç½®ã¸ã 313 // ãã®æç¹ã§ã¯ã¾ã éæã§æåãè¦ããªã) â â¡ä¸å¤®ã®ç·ãå³ããå·¦ã¸ä¼¸ã³ã 314 // â â¢ç·ãèµ·ç¹ã«ä¸ä¸åçã«èæ¯ãf5f5f5ã¸åºããã¨åæã«æåããã§ã¼ãã¤ã³ 315 // (â¡â¢ã¯CSSå´ã®ãã©ã³ã¸ã·ã§ã³ã§å¶å¾¡ãSCSSåç §)ã 316 if (window.matchMedia("(max-width: 1024px)").matches) { 317 var isOpen = $submenu.hasClass("is-open"); 318 319 $(".nav__list-submenu.is-open").not($submenu).each(function () { 320 closeMobileSubmenu($(this)); 321 }); 322 323 if (isOpen) { 324 closeMobileSubmenu($submenu); 325 } else { 326 // ã¯ãã¼ãºä¸ã®åãªã¼ãã³ã«åããé²è¡ä¸ã®ã¯ãã¼ãºå¦çãç¡å¹åãã¦ãã 327 // ã¯ãã¼ãºç¨ã¯ã©ã¹ãå¤ãã¦ããã 328 $submenu.data("tvCloseToken", ($submenu.data("tvCloseToken") || 0) + 1); 329 $submenu.removeClass("is-closing is-closing-line"); 330 $submenu.css("display", "block"); 331 // é«ããå³åº§ã«ç¢ºå®ãããç¶æ ãå¼·å¶çã«ãªããã¼ããã¦ãã 332 // is-openãä»ä¸ãããã¨ã§ãç·ã»æåã®ãã©ã³ã¸ã·ã§ã³ãæ£ããçºç«ããã 333 $submenu[0].offsetHeight; 334 $submenu.addClass("is-open"); 335 } 336 return; 337 } 338 339 if ($submenu.is(":visible")) { 340 $(".nav__list-submenu").fadeOut(); 341 } else { 342 $(".nav__list-submenu").fadeOut(); 343 $submenu.fadeIn(); 344 } 345 }); 346}); 347 348$(window).scroll(function (){ 349 $('.fadeOff').each(function(){ 350 var target = $(this).offset().top; 351 var scroll = $(window).scrollTop(); 352 var windowHeight = $(window).height(); 353 if (scroll > target - windowHeight + 150){ 354 $(this).addClass("fadeInUp"); 355 } else { 356 $(this).removeClass("fadeInUp"); 357 } 358 }); 359}); 360 361// MAPãä¸ã¤ã®å ´å 362// $(function() { 363// var map; 364// var am = new google.maps.LatLng(35.639333, 139.703206); 365 366// function initialize() { 367 368// var mapOptions = { 369// zoom: 15, 370// center: am, 371// mapTypeControl: false, 372// scrollwheel: false, 373// zoomControl: true, 374// streetViewControl: false, 375// fullscreenControl: false, 376// }; 377 378// map = new google.maps.Map(document.getElementById('map-canvas'), 379// mapOptions); 380 381// var contentString = 382 383// '<div id="infowindow-content">' + 384// '<ul>' + 385// '<li>TINYVOICE PRODUCTION</li>' + 386// '<li>ã153-0061 æ±äº¬é½ç®é»åºä¸ç®é»3-6-5 ã¢ã¤ã¨ã ä¸ç®é»5F</li>' + 387// '<li><a href="https://goo.gl/maps/rx9nPxnZobcJQhEf9" target="_blank"><button class="btn">GoogleMapãéã</button></a></li>' + 388// '</ul>' + 389// '</div>'; 390 391// var infowindow = new google.maps.InfoWindow({ 392// content: contentString 393// }); 394 395// var marker = new google.maps.Marker({ 396// position: am, 397// map: map, 398// draggable: false, 399// }); 400 401// google.maps.event.addListener(marker, 'click', function() { 402// infowindow.open(map, marker); 403// }); 404// } 405 406// google.maps.event.addDomListener(window, 'load', initialize); 407 408// google.maps.event.addDomListener(window, "resize", function() { 409 410// var center = map.getCenter(); 411// google.maps.event.trigger(map, "resize"); 412// map.setCenter(center); 413// }); 414 415// }); 416 417 418// MAPã2ã¤ã®å ´å 419// $(function() { 420// var styles = [ 421// { 422// "featureType": "administrative", 423// "elementType": "labels.text.fill", 424// "stylers": [ 425// { 426// "color": "#444444" 427// } 428// ] 429// }, 430// { 431// "featureType": "landscape", 432// "elementType": "all", 433// "stylers": [ 434// { 435// "visibility": "on" 436// }, 437// { 438// "saturation": -100 439// }, { 440// "lightness": -5 441// } 442// ] 443// }, 444// { 445// "featureType": "poi", 446// "elementType": "all", 447// "stylers": [ 448// { 449// "visibility": "on" 450// }, 451// { 452// "saturation": -100 453// }, { 454// "lightness": -5 455// } 456// ] 457// }, 458// { 459// "featureType": "road", 460// "elementType": "all", 461// "stylers": [ 462// { 463// "saturation": -100 464// }, 465// { 466// "lightness": 45 467// } 468// ] 469// }, 470// { 471// "featureType": "road.highway", 472// "elementType": "all", 473// "stylers": [ 474// { 475// "visibility": "simplified" 476// } 477// ] 478// }, 479// { 480// "featureType": "road.arterial", 481// "elementType": "labels.icon", 482// "stylers": [ 483// { 484// "visibility": "on" 485// } 486// ] 487// }, 488// { 489// "featureType": "transit", 490// "elementType": "all", 491// "stylers": [ 492// { 493// "visibility": "off" 494// } 495// ] 496// }, 497// { 498// "featureType": "water", 499// "elementType": "all", 500// "stylers": [ 501// { 502// "color": "#818181" 503// }, 504// { 505// "visibility": "on" 506// } 507// ] 508// } 509// ]; 510 511// var locations = [ 512// ['<h3>Studio Vision</h3><p>ã107-0061</p><p>æ±äº¬é½æ¸¯åºåéå±±3-5-5-101</p>', 35.66747189646178, 139.71416752613123], 513// ['<h3>nano Studio</h3><p>ã153-0061</p><p>æ±äº¬é½ç®é»åºä¸ç®é»3-6-5 ã¢ã¤ã¨ã ä¸ç®é»3F</p>', 35.63952542467924, 139.70323568380107] 514// ]; 515 516// var icons = [ 517// { 518// url: '/theme/tinyvoice/images/icon-map_vision.svg', 519// scaledSize: new google.maps.Size(150, 50), // scaled size 520// }, 521// { 522// url: '/theme/tinyvoice/images/icon-map_nano.svg', 523// scaledSize: new google.maps.Size(150, 50), // scaled size 524// }, 525// ]; 526 527 528// var map = new google.maps.Map(document.getElementById('map-canvas'),{ 529// styles: styles, 530// scrollwheel: false, 531// mapTypeControl: false, 532// streetViewControl: false, 533// fullscreenControl: false, 534// mapTypeId: google.maps.MapTypeId.ROADMAP 535// }); 536// var infowindow = new google.maps.InfoWindow(); 537 538// // 表示é åãçæãã¾ãã 539// var bounds = new google.maps.LatLngBounds(); 540// var marker; 541 542 543 544// for (var i = 0; i < locations.length; i++) { 545// marker = new google.maps.Marker({ 546// position: new google.maps.LatLng(locations[i][1], locations[i][2]), 547// icon: icons[i], 548// map: map 549// }); 550// // å°å³è¡¨ç¤ºé åããã¼ã«ã¼ä½ç½®ã«åããã¦æ¡å¤§ãã¾ãã 551// bounds.extend (marker.position); 552 553// google.maps.event.addListener(marker, 'click', (function(marker, i) { 554// return function() { 555// infowindow.setContent(locations[i][0]); 556// infowindow.open(map, marker); 557// } 558// })(marker, i)); 559// } 560 561// // å°å³è¡¨ç¤ºé åã®å¤æ´ãåæ ãã¾ãã 562// map.fitBounds (bounds); 563 564// });
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.