Jsae Domain Overview🔒 SSL Verified

Table of Contents

• ↓ おすすめコンテンツ
• ↓ Event
• ↓ Topics
• ↓ Activities
• ↓ 自動車技術について知る
• ↓ お問合せ
• ↓ Top Alternatives to jsae.or.jp

6-Month Traffic Trend Estimate

Official Contact & Profiles

Visual representation extracted from jsae.or.jp

Content Snippets from jsae.or.jp

"$(function() { // ------------------ ブックマークの設定値 ------------------ // ブックマークエレメントID const BOOKMARK_ELEMENT_ID = 'rt_20250905_bookmark'; // ブックマークの最大件数 const MAX_BOOKMARK = 25; // -------------------------------------------------------- // ---------------- 画面ごと可変のパラメータ ---------------- // 画面に表示するレコメンドのエレメントID const PREFIXES = [ 'rt_20250905_topreco-kotei', 'rt_20250905_topreco-kahen', ]; // 画面上にブックマークデータのフラグ（ブックマーク一覧がある：true, ない：false） // ※「mymenu」、「ブックマーク一覧のすべて見る」以外は'false' const BOOKMARK_FLAG = false; // -------------------------------------------------------- const MAX_ITEMS = 50; const HIDE_BOOKMARK_BASE = `<section id="hide_recommendation_bookmark" class="topSection recommendationSlider_commonArea" style="display:none"> <div class="recommendationSlide_inner"> <div class="recommendationSlide_head"> <h2 class=""><span>HIDEブックマーク</span></h2> <div class="recommendationSlide_underLine_sp"></div> <div class="recommendationSlide_center"> <div class="recommendationSlide_number js_recommendationSlide_number_hide"> <p><span class="recommendationSlide_number-now"></span>/<span class="recommendationSlide_number-all-pc"></span><span class="recommendationSlide_number-all-tb"></span><span class="recommendationSlide_number-all-sp"></span></p> </div> </div> <a class="recommendationSlide_myMenu"> <img src="/files/co/parts/recommend_item/icon_arrow_r.svg" loading="eager" decoding="async" class="lazyload" alt="右矢印" /> <p>すべて見る</p> </a> </div> <div class="recommendationSlide_underLine_pc"></div> <div class="recommendation"> <div class="recommendationSlider"> <div id="hide_bookmark" class="recommendationSlider_slider js_recommendationSlider_slider_hide" data-slcslider="commonRecommendation"></div> </div> <!-- /.recommendationSlider --> </div> <!-- /.recommendation --> </div> <!-- recommendationSlide_innner --> </section>`; // ブックマークの name 配列 const bookmark_names = []; // ブックマーク一覧を表示しない画面でブックマークを非表示で追加する function initHideBookmark() { // Bookmarkの大枠を用意 $('section[id^="recommendation"]').last().after(HIDE_BOOKMARK_BASE); // Bookmarkの入れ物を用意 const section_hide_bookmark = $('#hide_bookmark').first(); for (let i = 1; i <= MAX_BOOKMARK; i++) { const hide_bookmark = `<div class="recommendationSlider_item"> <div class="recommendationSlider_itemInner" id="${BOOKMARK_ELEMENT_ID}"> <div id="${BOOKMARK_ELEMENT_ID}_${i}" class="rt_20250725test_mymenu-child"></div> </div> </div>`; section_hide_bookmark.append(hide_bookmark); } } // 会員ログイン状態をCookieに保持してる会員IDから確認 function checkCookieValue() { const cookies = document.cookie.split(';'); const foundCookie = cookies.find((cookie) => { return cookie.split('=')[0].trim() === 'jsae_id'; }); if (foundCookie) { const cookieValue = foundCookie.split('=')[1]; return cookieValue.length > 0; } else { return false; } } // Bookmarkの重複ID 書き換え フォーマット: ${エレメントID}_bm_${アイテムコード} function changeBookmarkId(element_ids) { for (const element_id of element_ids) { let idPrefix = `${element_id}_`; const $div_bookmark_item = $('div[id^="' + idPrefix + '"]').find('.bookmarkItem'); // input_id 書き換え $div_bookmark_item.find('input').each((index, element) => { const $input_id = element.id; if (element_id === BOOKMARK_ELEMENT_ID) { bookmark_names.push($input_id); } element.id = `${element_id}_${$input_id}`; }); // label_for 書き換え $div_bookmark_item.find('label').each((index, element) => { const $label_for = element.getAttribute('for'); element.setAttribute('for', `${element_id}_${$label_for}`); }); } } // Bookmarkの状態反映 function syncBookmark() { if (bookmark_names.length > 0) { for (const bookmark_name of bookmark_names) { const bookmark_btn = $(`input[name="${bookmark_name}"]`).prop('checked', true); } } } // ブックマーク機能、あなたへのおすすめを非表示 function hideBookmarkButton() { const $div_bookmark_item = $('.bookmarkItem'); $div_bookmark_item.each((index, element) => { element.style.display = 'none'; }); } function getUnitPerPage() { const w = $(window).width(); if (w >= 737) return 5; // PC if (w <= 560) return 1; // SP return 3; // TB } function initPagerUI($slider, $pager) { $pager.find('.recommendationSlide_number-now').text(1); $pager.find('.recommendationSlide_number-all-pc').text(0); $pager.find('.recommendationSlide_number-all-tb').text(0); $pager.find('.recommendationSlide_number-all-sp').text(0); const $inner = $slider.closest('.recommendationSlide_inner'); const $prev = $inner.find('.slick-prev'); const $next = $inner.find('.slick-next'); if ($prev.length) $prev.addClass('is-disabled').prop('disabled', true).attr('aria-disabled', 'true').hide(); if ($next.length) $next.addClass('is-disabled').prop('disabled', true).attr('aria-disabled', 'true').hide(); } function isSlideFilledByPrefixes($slide, idPrefixes) { for (let i = 0; i < idPrefixes.length; i++) { const sel = 'div[id^="' + idPrefixes[i] + '"]'; const $ph = $slide.find(sel).eq(0); if ($ph.length && $ph.find('.recommendationItem').length) { return true; } } return false; } function countFilledCapped($slider, idPrefixes, cap) { let count = 0; $slider.find('.recommendationSlider_item').each(function() { if (isSlideFilledByPrefixes($(this), idPrefixes)) { count++; if (count >= cap) return false; // break } }); return Math.min(count, cap); } function writeDenominator($pager, totalFilled) { const pc = Math.ceil(totalFilled / 5); const tb = Math.ceil(totalFilled / 3); const sp = Math.ceil(totalFilled / 1); $pager.find('.recommendationSlide_number-all-pc').text(pc); $pager.find('.recommendationSlide_number-all-tb').text(tb); $pager.find('.recommendationSlide_number-all-sp').text(sp); } function writeNumerator($slider, $pager, totalFilled) { const unit = getUnitPerPage(); const totalPages = Math.max(1, Math.ceil(totalFilled / unit)); let page = 1; if ($slider.hasClass('slick-initialized')) { const slick = $slider.slick('getSlick'); const n = slick.$slides.filter(':not(.slick-cloned)').length; if (n > 0) { const base = ((slick.currentSlide % n) + n) % n; page = Math.floor(base / unit) + 1; } } if (page < 1) page = 1; if (page > totalPages) page = totalPages; $pager.find('.recommendationSlide_number-now').text(page); } function updateArrowsVisibility($slider, totalFilled) { if (!$slider.hasClass('slick-initialized')) return; const unit = getUnitPerPage(); const totalPages = Math.ceil((totalFilled || 0) / unit); const $inner = $slider.closest('.recommendationSlide_inner'); const $prev = $inner.find('.slick-prev'); const $next = $inner.find('.slick-next'); if (totalPages <= 1) { $prev.hide().addClass('is-disabled').prop('disabled', true).attr('aria-disabled', 'true'); $next.hide().addClass('is-disabled').prop('disabled', true).attr('aria-disabled', 'true'); } else { $prev.show().removeClass('is-disabled').prop('disabled', false).removeAttr('aria-disabled'); $next.show().removeClass('is-disabled').prop('disabled', false).removeAttr('aria-disabled'); } } function reapplyLayout($slider, $pager, totalFilled) { if ($slider.hasClass('slick-initialized')) { $slider.slick('slickSetOption', 'speed', 0, true); const unit = getUnitPerPage(); $slider.slick('slickSetOption', 'slidesToShow', unit, true); $slider.slick('slickSetOption', 'slidesToScroll', unit, true); $slider.slick('setPosition'); $slider.slick('slickSetOption', 'speed', 800, true); $slider.slick('slickPause'); } writeDenominator($pager, totalFilled); writeNumerator($slider, $pager, totalFilled); updateArrowsVisibility($slider, totalFilled); } function applySlickFilterMulti($slider, $pager, idPrefixes) { $slider.slick('slickUnfilter'); let kept = 0; $slider.slick('slickFilter', function(_, el) { if (!isSlideFilledByPrefixes($(el), idPrefixes)) return false; kept++; return kept <= MAX_ITEMS; }); const totalFilled = kept; reapplyLayout($slider, $pager, totalFilled); } function initMergedSlider($section, element_ids) { let idPrefixes = element_ids.map(value => `${value}_`); const $inner = $section.find('.recommendationSlide_inner').eq(0); const $pager = $inner.find('.recommendationSlide_number').eq(0); const $slider = $inner.find('.recommendationSlider_slider').eq(0); const $sliderBox = $slider.closest('.recommendationSlider'); const $center = $inner.find('.recommendationSlide_center').eq(0); if (!$slider.length || !$pager.length) return; initPagerUI($slider, $pager); $sliderBox.hide(); $pager.hide(); let totalFilled = countFilledCapped($slider, idPrefixes, MAX_ITEMS); if (totalFilled === 0) { const obs = new MutationObserver(() => { totalFilled = countFilledCapped($slider, idPrefixes, MAX_ITEMS); if (totalFilled > 0) { obs.disconnect(); doInitAndBind(); // 重複ID対策 changeBookmarkId(element_ids); // 会員ログイン状態を確認 const check = checkCookieValue(); if (check) { const $a_mymenu_item = $('.recommendationSlide_myMenu'); $a_mymenu_item.each((index, element) => { element.style.visibility = ''; }); // ブックマークの状態同期 syncBookmark(); } else { // ブックマーク非表示 hideBookmarkButton(); } } }); obs.observe($slider[0], { childList: true, subtree: true }); return; } doInitAndBind(); function doInitAndBind() { $sliderBox.show(); $pager.show(); if (!$slider.hasClass('slick-initialized')) { $slider.slick({ autoplay: false, speed: 800, centerMode: false, pauseOnHover: false, draggable: false, swipe: true, infinite: true, arrows: true, dots: false, slidesToShow: 5, slidesToScroll: 5, appendArrows: $center, prevArrow: '<button type="button" class="slick-prev recommendationSlide-slick-prev"><p>前</p></button>', nextArrow: '<button type="button" class="slick-next recommendationSlide-slick-next"><p>次</p></button>', responsive: [ { breakpoint: 737, settings: { slidesToShow: 3, slidesToScroll: 3 } }, { breakpoint: 561, settings: { slidesToShow: 1.5, slidesToScroll: 1 } } ] }); $slider.slick('slickPause'); } applySlickFilterMulti($slider, $pager, idPrefixes); totalFilled = countFilledCapped($slider, idPrefixes, MAX_ITEMS); reapplyLayout($slider, $pager, totalFilled); updateArrowsVisibility($slider, totalFilled); $slider.off('afterChange.merged'); $slider.on('afterChange.merged', () => { writeNumerator($slider, $pager, totalFilled); updateArrowsVisibility($slider, totalFilled); }); const obs2 = new MutationObserver(() => { const filledNow = countFilledCapped($slider, idPrefixes, MAX_ITEMS); if (filledNow !== totalFilled) { totalFilled = filledNow; applySlickFilterMulti($slider, $pager, idPrefixes); updateArrowsVisibility($slider, totalFilled); } }); obs2.observe($slider[0], { childList: true, subtree: true }); $(window).off('resize.merged'); $(window).on('resize.merged', function() { setTimeout(function() { if ($slider.hasClass('slick-initialized')) { $slider.slick('setPosition'); } reapplyLayout($slider, $pager, totalFilled); }, 120); }); } } // 画面に表示するレコメンドのエレメントID const prefixes_obj = { '#recommendation': PREFIXES, '#hide_recommendation_bookmark': [BOOKMARK_ELEMENT_ID] }; // ブックマークを表示しない画面で実行 if (!BOOKMARK_FLAG) { initHideBookmark(); } for (const prefix_key of Object.keys(prefixes_obj)) { initMergedSlider($(prefix_key), prefixes_obj[prefix_key]); } });"

Key Topics & Focus Areas for jsae.or.jp:

おすすめコンテンツ

Event

Topics

Activities

自動車技術について知る

お問合せ