素早く問題を解いてInput⇔Outputを繰り返し！
会員レベル
ログイン
メンバーシップアカウント
会員レベル
ログイン
メンバーシップアカウント
HOME
CIW JavaScript Specialist スペシャリスト
「CIW JavaScript Specialist スペシャリスト」の記事一覧
`SameSite` 属性の設定値で、他サイトからの遷移でもクッキー送信を許可しない（最も厳しい）設定はどれか。
StrictはクロスサイトでCookieを送らない
2026年1月24日
DOM XSSを防ぐために導入が進んでいる、安全なHTML生成のためのAPIはどれか（将来標準）。
DOM XSS対策のSanitizer APIが該当
2026年1月24日
クリックジャッキング攻撃を防ぐために、自サイトが`
`内に埋め込まれるのを制御するHTTPヘッダーはどれか。</div> <div class="xw-article-media__body--text">X-Frame-Optionsが該当</div> <div class="xw-article-media__body--extra"><div class="article-meta"><div class="article-date"><span class="posted-on"><time class="entry-date" datetime="2026-01-24T23:59:26+09:00"><i class="far fa-clock"></i>2026年1月24日</time></span></div></div></div> </div> </a> </div> <div class="articleList__item" id="post-82595"> <a href="https://shikakustudytokutoquick.jp/quiz/071ciwjs-0281/" class="xw-article-media post-82595 quiz_question type-quiz_question status-publish hentry quiz_level-lv029 quiz_exam-071ciwjs pmpro-has-access" > <figure class="articleList__item--fig"><img width="680" height="420" loading=lazy " src="https://shikakustudytokutoquick.jp/wp-content/themes/xwrite/assets/img/noimage/690x426.gif" alt=""/></figure> <div class="xw-article-media__body"> <div class="xw-article-media__body--title">クッキーの属性で、クロスサイトリクエスト時の送信制御（CSRF対策の一環）を行うものはどれか。</div> <div class="xw-article-media__body--text">SameSiteでクロスサイト送信を制御</div> <div class="xw-article-media__body--extra"><div class="article-meta"><div class="article-date"><span class="posted-on"><time class="entry-date" datetime="2026-01-24T23:59:26+09:00"><i class="far fa-clock"></i>2026年1月24日</time></span></div></div></div> </div> </a> </div> <div class="articleList__item" id="post-82593"> <a href="https://shikakustudytokutoquick.jp/quiz/071ciwjs-0279/" class="xw-article-media post-82593 quiz_question type-quiz_question status-publish hentry quiz_level-lv028 quiz_exam-071ciwjs pmpro-has-access" > <figure class="articleList__item--fig"><img width="680" height="420" loading=lazy " src="https://shikakustudytokutoquick.jp/wp-content/themes/xwrite/assets/img/noimage/690x426.gif" alt=""/></figure> <div class="xw-article-media__body"> <div class="xw-article-media__body--title">`eval()` の使用を禁止するために、CSPヘッダーに設定すべきディレクティブはどれか（または、これを許可しないことで禁止となる）。</div> <div class="xw-article-media__body--text">unsafe-evalが該当</div> <div class="xw-article-media__body--extra"><div class="article-meta"><div class="article-date"><span class="posted-on"><time class="entry-date" datetime="2026-01-24T23:59:25+09:00"><i class="far fa-clock"></i>2026年1月24日</time></span></div></div></div> </div> </a> </div> <div class="articleList__item" id="post-82591"> <a href="https://shikakustudytokutoquick.jp/quiz/071ciwjs-0277/" class="xw-article-media post-82591 quiz_question type-quiz_question status-publish hentry quiz_level-lv028 quiz_exam-071ciwjs pmpro-has-access" > <figure class="articleList__item--fig"><img width="680" height="420" loading=lazy " src="https://shikakustudytokutoquick.jp/wp-content/themes/xwrite/assets/img/noimage/690x426.gif" alt=""/></figure> <div class="xw-article-media__body"> <div class="xw-article-media__body--title">Web Share APIを使用して、ネイティブの共有ダイアログを開くメソッドはどれか。</div> <div class="xw-article-media__body--text">navigator.share()はネイティブの共有ダイアログを開くメソッドメソッド</div> <div class="xw-article-media__body--extra"><div class="article-meta"><div class="article-date"><span class="posted-on"><time class="entry-date" datetime="2026-01-24T23:59:24+09:00"><i class="far fa-clock"></i>2026年1月24日</time></span></div></div></div> </div> </a> </div> <div class="articleList__item" id="post-82592"> <a href="https://shikakustudytokutoquick.jp/quiz/071ciwjs-0278/" class="xw-article-media post-82592 quiz_question type-quiz_question status-publish hentry quiz_level-lv028 quiz_exam-071ciwjs pmpro-has-access" > <figure class="articleList__item--fig"><img width="680" height="420" loading=lazy " src="https://shikakustudytokutoquick.jp/wp-content/themes/xwrite/assets/img/noimage/690x426.gif" alt=""/></figure> <div class="xw-article-media__body"> <div class="xw-article-media__body--title">CSP（Content Security Policy）を設定するために使用するHTTPヘッダーまたはmetaタグはどれか。</div> <div class="xw-article-media__body--text">Content-Security-Policyが該当</div> <div class="xw-article-media__body--extra"><div class="article-meta"><div class="article-date"><span class="posted-on"><time class="entry-date" datetime="2026-01-24T23:59:24+09:00"><i class="far fa-clock"></i>2026年1月24日</time></span></div></div></div> </div> </a> </div> <div class="articleList__item" id="post-82589"> <a href="https://shikakustudytokutoquick.jp/quiz/071ciwjs-0275/" class="xw-article-media post-82589 quiz_question type-quiz_question status-publish hentry quiz_level-lv028 quiz_exam-071ciwjs pmpro-has-access" > <figure class="articleList__item--fig"><img width="680" height="420" loading=lazy " src="https://shikakustudytokutoquick.jp/wp-content/themes/xwrite/assets/img/noimage/690x426.gif" alt=""/></figure> <div class="xw-article-media__body"> <div class="xw-article-media__body--title">バイブレーション機能を使用するためのメソッドはどれか。</div> <div class="xw-article-media__body--text">navigator.vibrate()はバイブレーション機能を使うメソッドメソッド</div> <div class="xw-article-media__body--extra"><div class="article-meta"><div class="article-date"><span class="posted-on"><time class="entry-date" datetime="2026-01-24T23:59:22+09:00"><i class="far fa-clock"></i>2026年1月24日</time></span></div></div></div> </div> </a> </div> <div class="articleList__item" id="post-82590"> <a href="https://shikakustudytokutoquick.jp/quiz/071ciwjs-0276/" class="xw-article-media post-82590 quiz_question type-quiz_question status-publish hentry quiz_level-lv028 quiz_exam-071ciwjs pmpro-has-access" > <figure class="articleList__item--fig"><img width="680" height="420" loading=lazy " src="https://shikakustudytokutoquick.jp/wp-content/themes/xwrite/assets/img/noimage/690x426.gif" alt=""/></figure> <div class="xw-article-media__body"> <div class="xw-article-media__body--title">パフォーマンス計測のために、高精度なタイムスタンプを取得するメソッドはどれか。</div> <div class="xw-article-media__body--text">performance.now()は高精度なタイムスタンプを取得するメソッドメソッド</div> <div class="xw-article-media__body--extra"><div class="article-meta"><div class="article-date"><span class="posted-on"><time class="entry-date" datetime="2026-01-24T23:59:22+09:00"><i class="far fa-clock"></i>2026年1月24日</time></span></div></div></div> </div> </a> </div> <div class="articleList__item" id="post-82587"> <a href="https://shikakustudytokutoquick.jp/quiz/071ciwjs-0273/" class="xw-article-media post-82587 quiz_question type-quiz_question status-publish hentry quiz_level-lv028 quiz_exam-071ciwjs pmpro-has-access" > <figure class="articleList__item--fig"><img width="680" height="420" loading=lazy " src="https://shikakustudytokutoquick.jp/wp-content/themes/xwrite/assets/img/noimage/690x426.gif" alt=""/></figure> <div class="xw-article-media__body"> <div class="xw-article-media__body--title">デバイスの加速度や回転情報を取得するイベントはどれか。</div> <div class="xw-article-media__body--text">devicemotionはデバイスの加速度や回転情報を取得するイベントイベント</div> <div class="xw-article-media__body--extra"><div class="article-meta"><div class="article-date"><span class="posted-on"><time class="entry-date" datetime="2026-01-24T23:59:21+09:00"><i class="far fa-clock"></i>2026年1月24日</time></span></div></div></div> </div> </a> </div> </div> <nav class="navigation pagination" aria-label="投稿のページ送り"> <h2 class="screen-reader-text">投稿のページ送り</h2> <div class="nav-links"><a class="prev page-numbers" aria-label="前へ" href="https://shikakustudytokutoquick.jp/exam/071ciwjs/page/42/"><i class="fas fa-angle-left"></i></a> <a class="page-numbers" href="https://shikakustudytokutoquick.jp/exam/071ciwjs/">1</a> <span class="page-numbers dots">…</span> <a class="page-numbers" href="https://shikakustudytokutoquick.jp/exam/071ciwjs/page/42/">42</a> <span aria-current="page" class="page-numbers current">43</span> <a class="page-numbers" href="https://shikakustudytokutoquick.jp/exam/071ciwjs/page/44/">44</a> <span class="page-numbers dots">…</span> <a class="page-numbers" href="https://shikakustudytokutoquick.jp/exam/071ciwjs/page/87/">87</a> <a class="next page-numbers" aria-label="次へ" href="https://shikakustudytokutoquick.jp/exam/071ciwjs/page/44/"><i class="fas fa-angle-right"></i></a></div> </nav> </div> </div> </main> </div> </div> <div class="widget-area container"> <section id="block-25" class="widget widget_block articleBody footerTop"><script> document.addEventListener('DOMContentLoaded', function() { const LABELS = ['ア', 'イ', 'ウ', 'エ']; const quizRoot = document.getElementById('xkQuizPlay'); if (!quizRoot) return; const observer = new MutationObserver(function(mutations) { updateView(); }); updateView(); startObserving(); function startObserving() { observer.observe(quizRoot, { childList: true, subtree: true }); } function stopObserving() { observer.disconnect(); } function updateView() { stopObserving(); try { // --- 0. 問題文の改行処理 --- const qTitle = quizRoot.querySelector('.qtitle'); if (qTitle && !qTitle.innerHTML.includes('<br>')) { qTitle.innerHTML = qTitle.innerHTML.replace(/^(Q\d+\.)\s*/, '$1<br>'); } // --- 1. ナビゲーション移動 --- const actionArea = quizRoot.querySelector('.xk-play-actions'); const headerArea = quizRoot.querySelector('.xk-play-header'); if (actionArea && headerArea && actionArea.nextElementSibling !== headerArea) { headerArea.parentNode.insertBefore(actionArea, headerArea); } const originalOptions = quizRoot.querySelectorAll('.opts button'); const optsContainer = quizRoot.querySelector('.opts'); const topNext = quizRoot.querySelector('[data-act="next"]'); const topFinish = quizRoot.querySelector('[data-act="finish"]'); // 最終問題判定 let isLastQuestion = false; const progressNum = quizRoot.querySelector('.xk-play-progress .num'); if (progressNum) { const parts = progressNum.innerText.trim().split('/'); if (parts.length === 2) { const current = parseInt(parts[0]); const total = parseInt(parts[1]); if (current && total && current === total) { isLastQuestion = true; } } } if (originalOptions.length > 0) { // --- 2. カスタムエリア作成 --- let bottomArea = document.getElementById('custom-bottom-area'); if (!bottomArea) { bottomArea = document.createElement('div'); bottomArea.id = 'custom-bottom-area'; // アイウエボタン const grid = document.createElement('div'); grid.id = 'custom-options-grid'; originalOptions.forEach((opt, index) => { if (index >= 4) return; const btn = document.createElement('button'); btn.className = 'custom-ans-btn'; btn.innerText = LABELS[index]; btn.type = "button"; btn.onclick = function(e) { e.preventDefault(); opt.click(); }; grid.appendChild(btn); }); bottomArea.appendChild(grid); // 大きな次へボタン const bigNext = document.createElement('button'); bigNext.id = 'custom-big-next'; bigNext.className = 'custom-big-nav-btn'; bigNext.innerText = '次へ'; bigNext.type = 'button'; bigNext.onclick = function() { const currentProgressNum = quizRoot.querySelector('.xk-play-progress .num'); let isClickTimeLast = false; if (currentProgressNum) { const p = currentProgressNum.innerText.trim().split('/'); if (p.length === 2 && parseInt(p[0]) === parseInt(p[1])) { isClickTimeLast = true; } } if (isClickTimeLast && topFinish) { topFinish.click(); } else if (topNext) { topNext.click(); } }; bottomArea.appendChild(bigNext); if (optsContainer && optsContainer.parentNode) { optsContainer.parentNode.insertBefore(bottomArea, optsContainer.nextSibling); } } // --- 3. 表示切り替え --- const explain = quizRoot.querySelector('.explain'); const judge = quizRoot.querySelector('.judge'); const isExplainVisible = explain && getComputedStyle(explain).display !== 'none'; const isJudgeVisible = judge && getComputedStyle(judge).display !== 'none'; const isAnswered = isExplainVisible || isJudgeVisible; const grid = document.getElementById('custom-options-grid'); const bigNext = document.getElementById('custom-big-next'); if (isAnswered) { // 【回答後】 if(grid) grid.style.display = 'none'; if(bigNext) { // ★修正ポイント：表示するときは 'flex' を指定して中央揃えにする bigNext.style.display = 'flex'; if (isLastQuestion) { bigNext.innerText = '結果へ'; } else { bigNext.innerText = '次へ'; } } if (topNext) topNext.disabled = false; if (topFinish) topFinish.disabled = false; } else { // 【未回答】 if(grid) grid.style.display = 'grid'; if(bigNext) { // ★修正ポイント：隠すときは 'none' bigNext.style.display = 'none'; } if (topNext) topNext.disabled = true; if (topFinish) topFinish.disabled = true; } } } catch (e) { console.error('Quiz Customization Error:', e); } finally { startObserving(); } } }); </script></section> </div> <footer class="footer"> <div class="container container-footer-area"> <div class="col col-footer-area1"> <section id="block-7" class="widget widget_block"><footer class="site-footer-legal"> <p class="affiliate-disclosure"> 当サイトは <strong>Amazonアソシエイト・プログラム</strong> および <strong>楽天アフィリエイト</strong> 等の アフィリエイトプログラムに参加しています。記事内のリンクから購入が発生した場合、 当サイトは適格販売により収入を得ることがあります。 </p> <p class="ads-disclosure"> <strong>広告について（Google AdSense）</strong>： 第三者配信事業者（Google など）は Cookie を使用して、ユーザーの当サイトや他サイトへの訪問履歴に基づく広告を配信します。 パーソナライズ広告は広告設定により無効化できます。詳細は <a href="/privacy" rel="nofollow">プライバシーポリシー</a> をご覧ください。 </p> <p class="contact-links"> <a href="/privacy" rel="nofollow">プライバシーポリシー</a> / <a href="/contact">お問い合わせ</a> / <a href="/terms">免責事項</a> </p> <p class="trademark-note"> ※掲載の商品情報は予告なく変更・削除される場合があります。 Amazon、Amazon.co.jp およびそれらのロゴは Amazon.com, Inc. またはその関連会社の商標です。 </p> </footer> </section> </div> <div class="col col-footer-area2"> </div> <div class="col col-footer-area3"> </div> </div> <div class="container container-siteNavList"> <nav class="siteNavList siteNavList--footer"> <ul id="menu-%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc" class="siteNavList list-unstyled"><li id="menu-item-132194" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-132194"><a href="https://shikakustudytokutoquick.jp/tokusho/"><span class="menu-item-title">特定商取引法に基づく表記</span></a></li> <li id="menu-item-133422" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-133422"><a href="https://globalmoviesender.com/"><span class="menu-item-title">動画紹介まとめサイト：GMS(Global Movie Sender)</span></a></li> <li id="menu-item-133423" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-133423"><a href="https://kaimonoparameter.jp/"><span class="menu-item-title">商品紹介サイト：買い物パラメータ</span></a></li> <li id="menu-item-133424" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-133424"><a href="https://book.kaimonoparameter.jp/"><span class="menu-item-title">商品紹介サイト：買い物パラメータ for 本・書籍・学習</span></a></li> <li id="menu-item-133425" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-133425"><a href="https://game.kaimonoparameter.jp/"><span class="menu-item-title">商品紹介サイト：買い物パラメータ for ゲーム</span></a></li> <li id="menu-item-133426" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-133426"><a href="https://outdoor.kaimonoparameter.jp/"><span class="menu-item-title">商品紹介サイト：買い物パラメータ for アウトドア</span></a></li> <li id="menu-item-133427" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-133427"><a href="https://health.kaimonoparameter.jp/"><span class="menu-item-title">商品紹介サイト：買い物パラメータ for 健康・ヘルスケア</span></a></li> <li id="menu-item-133428" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-133428"><a href="https://foodrink.kaimonoparameter.jp/"><span class="menu-item-title">商品紹介サイト：買い物パラメータ for グルメ・嗜好品</span></a></li> <li id="menu-item-133429" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-133429"><a href="https://music.kaimonoparameter.jp/"><span class="menu-item-title">商品紹介サイト：買い物パラメータ for 音楽・オーディオ</span></a></li> <li id="menu-item-133430" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-133430"><a href="https://medianime.kaimonoparameter.jp/"><span class="menu-item-title">商品紹介サイト：買い物パラメータ for 映像・アニメーション</span></a></li> <li id="menu-item-133431" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-133431"><a href="https://lifestyle.kaimonoparameter.jp/"><span class="menu-item-title">商品紹介サイト：買い物パラメータ for ファッション・インテリア・ライフスタイル</span></a></li> <li id="menu-item-133432" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-133432"><a href="https://mix.kaimonoparameter.jp/"><span class="menu-item-title">商品紹介サイト：買い物パラメータ for みっくす</span></a></li> <li id="menu-item-133433" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-133433"><a href="https://fukugyojidai.com/"><span class="menu-item-title">まとめブログサイト：大副業時代</span></a></li> <li id="menu-item-133434" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-133434"><a href="https://sonoarenosore.com/"><span class="menu-item-title">まとめブログサイト：そのアレのそれ</span></a></li> <li id="menu-item-133435" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-133435"><a href="https://shikakustudytokutoquick.jp/"><span class="menu-item-title">資格勉強サイト：解く問クイック</span></a></li> <li id="menu-item-157566" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-157566"><a href="https://refresh.kaimonoparameter.jp/"><span class="menu-item-title">商品紹介サイト：買い物パラメータ for 悩み・リフレッシュ</span></a></li> <li id="menu-item-210771" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-210771"><a href="https://book.globalmoviesender.com/"><span class="menu-item-title">動画紹介まとめサイト：GMS(Global Movie Sender) for 本・学習・物語</span></a></li> <li id="menu-item-210773" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-210773"><a href="https://game.globalmoviesender.com/"><span class="menu-item-title">動画紹介まとめサイト：GMS(Global Movie Sender) for ゲーム</span></a></li> <li id="menu-item-210774" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-210774"><a href="https://outdoor.globalmoviesender.com/"><span class="menu-item-title">動画紹介まとめサイト：GMS(Global Movie Sender) for アウトドア・スポーツ</span></a></li> <li id="menu-item-210776" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-210776"><a href="https://health.globalmoviesender.com/"><span class="menu-item-title">動画紹介まとめサイト：GMS(Global Movie Sender) for 健康・ヘルスケア</span></a></li> <li id="menu-item-210778" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-210778"><a href="https://foodrink.globalmoviesender.com/"><span class="menu-item-title">動画紹介まとめサイト：GMS(Global Movie Sender) for グルメ・嗜好品・料理</span></a></li> <li id="menu-item-210780" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-210780"><a href="https://music.globalmoviesender.com/"><span class="menu-item-title">動画紹介まとめサイト：GMS(Global Movie Sender) for 音楽・オーディオ</span></a></li> <li id="menu-item-210782" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-210782"><a href="https://medianime.globalmoviesender.com/"><span class="menu-item-title">動画紹介まとめサイト：GMS(Global Movie Sender) for 映像・アニメーション</span></a></li> <li id="menu-item-210784" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-210784"><a href="https://lifestyle.globalmoviesender.com/"><span class="menu-item-title">動画紹介まとめサイト：GMS(Global Movie Sender) for ファッション・インテリア・ライフスタイル</span></a></li> <li id="menu-item-210785" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-210785"><a href="https://streamer.globalmoviesender.com/"><span class="menu-item-title">動画紹介まとめサイト：GMS(Global Movie Sender) for ゲーム実況・VTuber</span></a></li> </ul> </nav> </div> <div class="container container-copyright"> <address class="copyright"> © 資格試験勉強【解く問クイック】 </address> </div> <div class="pagetop"><a href="#" aria-label="ページトップ"><i class="fas fa-chevron-up"></i></a></div> </footer> <script> var pochippSaleData = { amazon:{"start":"","end":"","text":""}, rakuten:{"start":"","end":"","text":""}, yahoo:{"start":"","end":"","text":""}, mercari:{"start":"","end":"","text":""}, }; </script> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/xwrite-child/*","/wp-content/themes/xwrite/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script> (function() { // URLから 'exam' パラメータ（試験ID）を取得する const urlParams = new URLSearchParams(window.location.search); const examId = urlParams.get('exam'); // examIDが存在する場合のみ実行 if (examId) { // ページ内の全リンクを取得 const links = document.querySelectorAll('a'); links.forEach(function(link) { // リンク先が「レベル一覧ページ」かつ、まだパラメータが付いていない場合 if (link.href.indexOf('/exams/levels/') !== -1 && link.href.indexOf('?exam=') === -1) { // リンクのお尻に examID をくっつける if (link.href.indexOf('?') !== -1) { link.href = link.href + '&exam=' + examId; } else { link.href = link.href + '?exam=' + examId; } } }); } })(); </script> <!-- Memberships powered by Paid Memberships Pro v3.6.4. --> <script> const XKKANA=(k)=>({a:"ア",b:"イ",c:"ウ",d:"エ",A:"ア",B:"イ",C:"ウ",D:"エ"})[k]||"—"; const _xkNormalizeUrl=(u)=>{ try{ return u.replace(/\/exams\/levels\/play\//g,'/exams/play/').replace(/\/levels\/levels\//g,'/levels/').replace(/\/play\/play\//g,'/play/'); }catch(e){ return u; } }; (function(){ const key='xk-theme', html=document.documentElement, saved=localStorage.getItem(key); if(saved){ html.setAttribute('data-theme', saved); } const btn=document.getElementById('xkThemeToggle'); if(btn){ btn.addEventListener('click', ()=>{ const cur=html.getAttribute('data-theme')==='dark'?'light':'dark'; html.setAttribute('data-theme', cur); localStorage.setItem(key, cur); }); } })(); // 住所削除・テーブル改造・翻訳・楽天広告削除(JS) document.addEventListener("DOMContentLoaded", function() { // 1. 住所削除 var hiddenFields = ['.pmpro_checkout-field-baddress1', '.pmpro_checkout-field-baddress2', '.pmpro_checkout-field-bcity', '.pmpro_checkout-field-bstate', '.pmpro_checkout-field-bzipcode', '.pmpro_checkout-field-bcountry', '.pmpro_checkout-field-bphone']; hiddenFields.forEach(function(selector) { document.querySelectorAll(selector).forEach(function(el) { el.style.display = 'none'; }); }); // 2. テーブル改造 var table = document.querySelector('table.pmpro_table'); if(table) { var theadRow = table.querySelector('thead tr'); if(theadRow) { var th = document.createElement('th'); th.innerHTML = '解放内容'; theadRow.insertBefore(th, theadRow.children[1]); } var rows = table.querySelectorAll('tbody tr'); rows.forEach(function(row) { var levelNameCell = row.querySelector('td'); if(!levelNameCell) return; var levelName = levelNameCell.textContent.trim(); var content = ''; if(levelName.indexOf('無料') !== -1) { content = 'なし'; var btn = row.querySelector('a.pmpro_btn-select'); if(btn) btn.textContent = '無料新規登録'; } else if(levelName.indexOf('プレミアム') !== -1) { content = '<ul class="xk-benefit-list"><li>すべての問題</li><li>すべての広告を非表示にする</li><li>用語集ページ遷移可能</li><li>リンク化モード追加</li></ul>'; } else { content = '<ul class="xk-benefit-list"><li>そのジャンルのすべての問題</li><li>そのジャンルの広告を非表示にする</li><li>用語集ページ遷移可能</li><li>リンク化モード追加</li></ul>'; } var td = document.createElement('td'); td.innerHTML = content; row.insertBefore(td, row.children[1]); }); } // 3. 翻訳 var replacements = { "Are you sure you want to cancel your": "本当に以下のメンバーシップをキャンセルしますか？:", "membership?": "", "Your membership will be cancelled immediately.": "メンバーシップは即座にキャンセルされます。", "Yes, cancel this membership": "はい、キャンセルします", "No, keep this membership": "いいえ、継続します", "Membership Orders": "注文履歴", "View All Orders": "すべての注文を表示", "Bill to": "請求先", "Payment method": "支払方法", "Order date": "注文日", "Order #": "注文番号", "Invoice": "領収書", "paid on": "支払日:", "Pay to": "支払先", "Unknown Card Type": "クレジットカード" }; function replaceText(node) { if (node.nodeType === 3) { var text = node.nodeValue; for (var key in replacements) { if (text.indexOf(key) !== -1) { text = text.replace(key, replacements[key]); } } node.nodeValue = text; } else if (node.nodeType === 1) { if (node.tagName === 'INPUT' && (node.type === 'submit' || node.type === 'button')) { for (var key in replacements) { if (node.value.indexOf(key) !== -1) { node.value = node.value.replace(key, replacements[key]); } } } node.childNodes.forEach(replaceText); } } var targetArea = document.querySelector('.pmpro_card') || document.querySelector('.pmpro_content_message') || document.body; if(targetArea) replaceText(targetArea); // 4. 楽天広告のJS削除 (有料会員のみ) }); // クイズ処理 (function(){ const wrap = document.querySelector('.xk-exams'); if(!wrap) return; const grid = wrap.querySelector('.xk-exams-grid'); const q = wrap.querySelector('.xk-exams-q'); const sort = wrap.querySelector('.xk-exams-sort'); const favCheck = wrap.querySelector('.xk-exams-show-fav-only'); const genreSel = wrap.querySelector('.xk-exams-genre'); let cards = Array.from(grid.children); const FAV_KEY = 'xk_fav_exams'; const EXAM_FILTER_KEY = 'xk_exams_filter_fav_state'; const EXAM_GENRE_KEY = 'xk_exams_filter_genre_state'; const getFavs = () => JSON.parse(localStorage.getItem(FAV_KEY) || '[]'); const toggleFav = (slug) => { const favs = getFavs(); const idx = favs.indexOf(slug); if(idx > -1) favs.splice(idx, 1); else favs.push(slug); localStorage.setItem(FAV_KEY, JSON.stringify(favs)); return idx === -1; }; const favs = getFavs(); cards.forEach(el => { const slug = el.dataset.slug; if (favs.includes(slug)) { const btn = el.querySelector('.xk-exam-fav-btn'); if(btn) btn.classList.add('active'); } }); if (favCheck) { const savedFav = localStorage.getItem(EXAM_FILTER_KEY); if (savedFav === 'true') favCheck.checked = true; } if (genreSel) { const savedGenre = localStorage.getItem(EXAM_GENRE_KEY); if (savedGenre) genreSel.value = savedGenre; } const apply = () => { const kw = (q?.value || '').trim().toLowerCase(); const showFavOnly = favCheck?.checked; const selectedGenre = genreSel?.value || ''; const currentFavs = getFavs(); localStorage.setItem(EXAM_FILTER_KEY, showFavOnly); localStorage.setItem(EXAM_GENRE_KEY, selectedGenre); cards.forEach(el=>{ const name = (el.dataset.name || '').toLowerCase(); const slug = el.dataset.slug || ''; const cardGenres = (el.dataset.genre || '').split(','); const hitKw = kw==='' || name.includes(kw); const hitFav = !showFavOnly || currentFavs.includes(slug); const hitGenre = selectedGenre==='' || cardGenres.includes(selectedGenre); el.style.display = (hitKw && hitFav && hitGenre) ? '' : 'none'; }); const type = sort?.value || 'name'; const vis = cards.filter(el=>el.style.display!=='none'); vis.sort((a,b)=>{ if(type==='count_desc') return (parseInt(b.dataset.count)-parseInt(a.dataset.count)); if(type==='count_asc') return (parseInt(a.dataset.count)-parseInt(b.dataset.count)); return a.dataset.name.localeCompare(b.dataset.name,'ja'); }).forEach(el=>grid.appendChild(el)); }; if(q) q.addEventListener('input', apply); if(sort) sort.addEventListener('change', apply); if(favCheck) favCheck.addEventListener('change', apply); if(genreSel) genreSel.addEventListener('change', apply); wrap.addEventListener('click', (e) => { if (e.target.classList.contains('xk-exam-fav-btn')) { e.preventDefault(); e.stopPropagation(); const btn = e.target; const slug = btn.dataset.slug; toggleFav(slug); btn.classList.toggle('active'); if(favCheck?.checked) apply(); } }); apply(); })(); (function(){ const grid = document.querySelector('.xk-levels'); if(!grid) return; const MEDALS = { none:'https://shikakustudytokutoquick.jp/wp-content/uploads/medal_none.png', bronze:'https://shikakustudytokutoquick.jp/wp-content/uploads/medal_bronze.png', silver:'https://shikakustudytokutoquick.jp/wp-content/uploads/medal_silver.png', gold:'https://shikakustudytokutoquick.jp/wp-content/uploads/medal_gold.png', platinum:'https://shikakustudytokutoquick.jp/wp-content/uploads/medal_platinum.png' }; const getMedalType = (rate) => { if(rate === 100) return 'platinum'; if(rate >= 80) return 'gold'; if(rate >= 60) return 'silver'; if(rate > 0) return 'bronze'; return 'none'; }; const exam = new URLSearchParams(location.search).get('exam') || ''; const bestRate = (exam, level)=>{ let best = -1; const keys = [ `xkq-best-${exam}-${level}-0`, `xkq-best-${exam}-${level}-1`, `xkq-last-${exam}-${level}-0`, `xkq-last-${exam}-${level}-1` ]; for (const k of keys){ try{ const raw = localStorage.getItem(k); if(!raw) continue; const o = JSON.parse(raw); const t = Number(o.total||0), c = Number(o.correct||0); if(t>0){ const r = Math.round(c*100/t); if(r>best) best=r; } }catch(e){} } return best; }; let applyFilter = () => {}; const FILTER_STORAGE_KEY = 'xk_levels_filter_state'; (function injectControls(){ const main = grid.parentElement || document.querySelector('.xk-main') || document.body; const filterBar = document.createElement('div'); filterBar.className = 'xk-levels-filters'; filterBar.style.cssText = 'margin:0 0 20px; display:flex; gap:12px; align-items:center; flex-wrap:wrap; font-size:1rem; line-height:1.5;'; const btnStyle = 'border:1px solid #ccc; background:#f9f9f9; cursor:pointer; border-radius:4px; padding:5px 12px; font-size:0.85rem; color:var(--text); font-weight:bold;'; const labelStyle = 'cursor:pointer; display:flex; align-items:center; padding:4px 0; user-select:none; margin-right:8px;'; const checkStyle = 'margin-right:6px; transform:scale(1.1); cursor:pointer;'; filterBar.innerHTML = `<span style="font-weight:bold; color:var(--muted); margin-right:5px;">絞り込み:</span><button type="button" id="xkFilterAll" style="${btnStyle}">すべて選択</button><button type="button" id="xkFilterNone" style="${btnStyle}">すべて解除</button><div style="display:flex; flex-wrap:wrap; gap:10px; margin-left:5px;"><label style="${labelStyle}"><input type="checkbox" value="none" style="${checkStyle}" checked> なし</label><label style="${labelStyle}"><input type="checkbox" value="bronze" style="${checkStyle}" checked> ブロンズ</label><label style="${labelStyle}"><input type="checkbox" value="silver" style="${checkStyle}" checked> シルバー</label><label style="${labelStyle}"><input type="checkbox" value="gold" style="${checkStyle}" checked> ゴールド</label><label style="${labelStyle}"><input type="checkbox" value="platinum" style="${checkStyle}" checked> プラチナ</label></div>`; main.insertBefore(filterBar, grid); const resetBar = document.createElement('div'); resetBar.className = 'xk-levels-reset'; resetBar.style.cssText = 'margin:40px 0 0; display:flex;'; const label = exam ? 'この試験のメダルを初期化' : 'メダルを全て初期化'; resetBar.innerHTML = `<button type="button" class="btn ghost" id="xkResetMedals">${label}</button>`; if (grid.parentNode) { grid.parentNode.insertBefore(resetBar, grid.nextSibling); } else { main.appendChild(resetBar); } const checks = filterBar.querySelectorAll('input[type="checkbox"]'); const btnAll = filterBar.querySelector('#xkFilterAll'); const btnNone = filterBar.querySelector('#xkFilterNone'); const saveFilterState = () => { const state = Array.from(checks).filter(c => c.checked).map(c => c.value); localStorage.setItem(FILTER_STORAGE_KEY, JSON.stringify(state)); }; const loadFilterState = () => { const saved = localStorage.getItem(FILTER_STORAGE_KEY); if (saved) { try { const state = JSON.parse(saved); checks.forEach(c => c.checked = false); checks.forEach(c => { if (state.includes(c.value)) c.checked = true; }); } catch (e) {} } }; applyFilter = () => { const allowed = Array.from(checks).filter(c => c.checked).map(c => c.value); grid.querySelectorAll('.xk-level-card').forEach(card => { const type = card.dataset.medalType || 'none'; card.style.display = allowed.includes(type) ? '' : 'none'; }); saveFilterState(); }; loadFilterState(); checks.forEach(c => c.addEventListener('change', applyFilter)); btnAll.addEventListener('click', () => { checks.forEach(c => c.checked = true); applyFilter(); }); btnNone.addEventListener('click', () => { checks.forEach(c => c.checked = false); applyFilter(); }); const refreshGridMedals = ()=>{ grid.querySelectorAll('.xk-level-card').forEach(card=>{ const m = card.querySelector('.xk-medal'); if(m) m.innerHTML = `<img src="${MEDALS.none}" alt="medal" class="xk-medal-img">`; card.dataset.medalType = 'none'; }); applyFilter(); }; const _xkDelExam = (examSlug)=>{ try{ if(!examSlug) return; const pBest = `xkq-best-${examSlug}-`; const pLast = `xkq-last-${examSlug}-`; for(let i=localStorage.length-1;i>=0;i--){ const k=localStorage.key(i); if(!k) continue; if(k.startsWith(pBest) || k.startsWith(pLast)) localStorage.removeItem(k); } }catch(e){} }; const _xkDelAll = ()=>{ try{ for(let i=localStorage.length-1;i>=0;i--){ const k=localStorage.key(i); if(!k) continue; if(k.startsWith('xkq-best-') || k.startsWith('xkq-last-')) localStorage.removeItem(k); } }catch(e){} }; const btn = resetBar.querySelector('#xkResetMedals'); btn?.addEventListener('click', ()=>{ const msg = exam ? 'この試験のメダル（戦績）を初期化します。よろしいですか？' : '全試験のメダル（戦績）を初期化します。よろしいですか？'; if(!confirm(msg)) return; if(exam) _xkDelExam(exam); else _xkDelAll(); refreshGridMedals(); alert(exam ? 'この試験のメダルを初期化しました。' : '全てのメダルを初期化しました。'); }); })(); grid.querySelectorAll('.xk-level-card').forEach(card=>{ card.querySelector('.xk-level-questions')?.remove(); const nameEl = card.querySelector('.xk-level-name'); const medalEl = card.querySelector('.xk-medal'); if (nameEl && medalEl) { nameEl.appendChild(medalEl); nameEl.style.display='flex'; nameEl.style.alignItems='center'; nameEl.style.justifyContent='space-between'; nameEl.style.gap='8px'; } const level = card.dataset.level || (nameEl?.textContent || '').trim(); if (!level) return; const rate = bestRate(exam, level); const type = getMedalType(rate); card.dataset.medalType = type; const src = MEDALS[type]; if (medalEl){ medalEl.innerHTML = `<img src="${src}" alt="medal" class="xk-medal-img">`; } }); applyFilter(); grid.addEventListener('click', (e)=>{ const btn = e.target.closest('[data-random="1"]'); if(!btn) return; const card = btn.closest('.xk-level-card'); if(!card || !card.getAttribute('href')) return; e.preventDefault(); e.stopPropagation(); const url = new URL(card.getAttribute('href'), location.href); url.searchParams.set('random','1'); location.href = _xkNormalizeUrl(url.toString()); }); // 用語集ボタンのイベント document.addEventListener('click', function(e) { if(e.target && e.target.id === 'xkGlossaryBtn') { e.preventDefault(); alert('用語集機能は現在準備中です。'); } }); })(); (function(){ const root=document.getElementById('xkQuizPlay'); if(!root) return; const level=root.dataset.level, exam=root.dataset.exam||'', random=parseInt(root.dataset.random||'0',10); const order=(root.dataset.order||'asc'); const resultUrl=_xkNormalizeUrl(root.dataset.result||'/result/'); const data = JSON.parse(root.querySelector('.xk-quiz-data').textContent||'[]'); const isFullAccess = root.dataset.fullAccess === '1'; // =========================== // 用語リンク化モード（有料限定） // =========================== const canUseGlossaryLinkMode = (isFullAccess && (root.dataset.keywordLink === '1')); const LINK_MODE_KEY = `xk-glossary-link-mode-${exam || 'all'}`; let glossaryLinkModeOn = canUseGlossaryLinkMode && (localStorage.getItem(LINK_MODE_KEY) === '1'); const XK_AJAX_URL = 'https://shikakustudytokutoquick.jp/wp-admin/admin-ajax.php'; const XK_GLOSSARY_NONCE = 'd6b06840a1'; const XK_HOME_URL = 'https://shikakustudytokutoquick.jp/'; const getGlossaryBaseUrl = () => { // 期待する形式：/y{exam}/ （examが空なら /glossary/ にフォールバック） if (exam) return `${XK_HOME_URL}y${encodeURIComponent(exam)}/`.replace(/%2F/g,'/'); return `${XK_HOME_URL}glossary/`; }; let _glossaryTerms = null; let _glossaryRegexes = null; let _glossaryLoading = null; const escapeRegExp = (s) => String(s).replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); const buildRegexes = (terms) => { const cleaned = (terms || []).filter(t => t && String(t).trim().length >= 2).slice(0, 3000).map(t => String(t).trim()); cleaned.sort((a,b)=> b.length - a.length); const MAX = 8000; // 正規表現の肥大化を防ぐ const regexes = []; let chunk = []; let len = 0; for (const t of cleaned) { const e = escapeRegExp(t); if (!e) continue; const addLen = e.length + (chunk.length ? 1 : 0); if (len + addLen > MAX && chunk.length) { regexes.push(new RegExp(chunk.join('|'), 'g')); chunk = [e]; len = e.length; } else { chunk.push(e); len += addLen; } } if (chunk.length) regexes.push(new RegExp(chunk.join('|'), 'g')); return regexes; }; const ensureGlossaryTerms = async () => { if (!canUseGlossaryLinkMode) return []; if (_glossaryTerms) return _glossaryTerms; if (_glossaryLoading) return _glossaryLoading; const url = `${XK_AJAX_URL}?action=xk_glossary_terms&exam=${encodeURIComponent(exam)}&nonce=${encodeURIComponent(XK_GLOSSARY_NONCE)}`; _glossaryLoading = fetch(url, { credentials: 'same-origin' }) .then(r => r.text().then(t => { try { return JSON.parse(t); } catch(e) { return null; } })) .then(j => { if (j && j.success && j.data && Array.isArray(j.data.terms)) _glossaryTerms = j.data.terms; else _glossaryTerms = []; _glossaryRegexes = buildRegexes(_glossaryTerms); return _glossaryTerms; }) .catch(() => { _glossaryTerms = []; _glossaryRegexes = []; return _glossaryTerms; }) .finally(() => { _glossaryLoading = null; }); return _glossaryLoading; }; const findNextMatch = (text, start) => { if (!_glossaryRegexes || !_glossaryRegexes.length) return null; let best = null; for (const re of _glossaryRegexes) { re.lastIndex = start; const m = re.exec(text); if (!m) continue; if (!best || m.index < best.index) { best = { index: m.index, term: m[0] }; if (best.index === start) break; } } return best; }; const linkifyToFragment = (text) => { const frag = document.createDocumentFragment(); let pos = 0; const s = String(text || ''); while (pos < s.length) { const m = findNextMatch(s, pos); if (!m) { frag.appendChild(document.createTextNode(s.slice(pos))); break; } if (m.index > pos) frag.appendChild(document.createTextNode(s.slice(pos, m.index))); const span = document.createElement('span'); span.className = 'xk-gterm'; span.dataset.term = m.term; span.textContent = m.term; frag.appendChild(span); pos = m.index + m.term.length; } return frag; }; const applyLinkifyToEl = (el) => { if (!el) return; const text = el.textContent || ''; if (!text.trim()) return; el.textContent = ''; el.appendChild(linkifyToFragment(text)); }; // クリックでGoogle検索へ（選択肢のクリック判定より先に捕まえて、新規タブだけで開く） let _xkLastOpenAt = 0; let _xkLastOpenTerm = ''; window.addEventListener('click', (e) => { const t = e.target?.closest?.('.xk-gterm'); if (!t) return; // このクイズ領域外は無視 if (!root.contains(t)) return; e.preventDefault(); e.stopPropagation(); if (typeof e.stopImmediatePropagation === 'function') e.stopImmediatePropagation(); const term = (t.dataset.term || t.textContent || '').trim(); if (!term) return; // 連打/二重発火でタブが増えるのを防ぐ const now = Date.now(); if (term === _xkLastOpenTerm && (now - _xkLastOpenAt) < 500) return; _xkLastOpenAt = now; _xkLastOpenTerm = term; // 例) https://www.google.com/search?q=テスト （ダブルクォーテーションは付けない） const to = `https://www.google.com/search?q=${encodeURIComponent(term)}`; window.open(to, '_blank', 'noopener,noreferrer'); }, true); // トグルUIをヘッダに差し込み (function injectGlossaryLinkToggle(){ const header = root.querySelector('.xk-play-header'); if (!header) return; const wrap = document.createElement('div'); wrap.className = 'xk-linkmode-toggle'; if (!canUseGlossaryLinkMode) { wrap.innerHTML = `<label class="xk-linkmode-label xk-linkmode-disabled" title="有料会員限定"><input type="checkbox" disabled> <span>用語リンク化 🔒</span></label>`; header.appendChild(wrap); return; } wrap.innerHTML = `<label class="xk-linkmode-label"><input type="checkbox" id="xkGlossaryLinkMode" ${glossaryLinkModeOn ? 'checked' : ''}> <span>用語リンク化</span></label><span id="xkGlossaryLinkStatus"></span>`; header.appendChild(wrap); const input = wrap.querySelector('#xkGlossaryLinkMode'); const status = wrap.querySelector('#xkGlossaryLinkStatus'); const setStatus = (msg) => { if (status) status.textContent = msg || ''; }; const turnOn = async () => { setStatus('（用語読み込み中…）'); await ensureGlossaryTerms(); setStatus(''); }; if (glossaryLinkModeOn) { turnOn().then(() => { try { render(); } catch(e){} }); } input?.addEventListener('change', async () => { glossaryLinkModeOn = !!input.checked; localStorage.setItem(LINK_MODE_KEY, glossaryLinkModeOn ? '1' : '0'); if (glossaryLinkModeOn) await turnOn(); render(); }); })(); const body=root.querySelector('.xk-play-body'); const num=root.querySelector('.xk-play-progress .num'); const bar=root.querySelector('.xk-play-progress .bar span'); const btnPrev=root.querySelector('[data-act="prev"]'); const btnNext=root.querySelector('[data-act="next"]'); const btnFinish=root.querySelector('[data-act="finish"]'); let i=0, selected=Array(data.length).fill(null), judged=Array(data.length).fill(false); const _esc = (s) => String(s ?? '').replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>').replace(/\"/g,'"').replace(/'/g,'''); const updateBtns=()=>{ num.textContent = `${i+1} / ${data.length}`; const denom = Math.max(1, data.length-1); bar.style.width = `${(i)/denom*100}%`; btnPrev.disabled = (i===0); btnNext.disabled = (i===data.length-1); btnFinish.disabled = !(judged.every(Boolean)); }; const render = ()=>{ const q=data[i]; let explainHtml = q.explain||''; if (!isFullAccess) { const tempDiv = document.createElement('div'); tempDiv.innerHTML = explainHtml; tempDiv.querySelectorAll('a').forEach(a => { a.href = "javascript:void(0)"; a.style.pointerEvents = "none"; a.style.color = "#888"; a.style.textDecoration = "none"; a.title = "会員限定機能です"; a.innerText += " (🔒)"; }); explainHtml = tempDiv.innerHTML; } body.innerHTML = `<div class="qtitle">Q${i+1}. ${_esc(q.title||'')}</div><div class="opts">${['a','b','c','d'].map(k=>`<button type="button" data-v="${k}">${XKKANA(k)}． ${_esc(q[k]||'')}</button>`).join('')}</div><div class="judge" style="display:${judged[i]?'block':'none'}"></div><div class="explain" style="display:${judged[i]?'block':'none'}">${explainHtml}</div>`; updateBtns(); // 用語リンク化（有料会員 + ON のときだけ） if (canUseGlossaryLinkMode && glossaryLinkModeOn) { // 読み込みが未完了なら裏で取得して、完了後に描画し直す if (!_glossaryRegexes) { ensureGlossaryTerms().then(() => { try { render(); } catch(e){} }); } else if (_glossaryRegexes.length) { applyLinkifyToEl(body.querySelector('.qtitle')); body.querySelectorAll('.opts button').forEach(btn => applyLinkifyToEl(btn)); } } if(selected[i]){ const chosen = body.querySelector(`[data-v="${selected[i]}"]`); if(chosen){ chosen.classList.add(selected[i]===q.correct ? 'correct':'wrong'); } const j=body.querySelector('.judge'); if(selected[i]===q.correct){ j.textContent='✅ 正解'; j.style.color='var(--ok)'; } else { j.textContent=`❌ 不正解（正解：${XKKANA(q.correct)} / 選択した回答：${XKKANA(selected[i])}）`; j.style.color='var(--ng)'; } } body.querySelectorAll('.opts button').forEach(btn=>btn.addEventListener('click', ()=>{ if(judged[i]) return; const v=btn.dataset.v; selected[i]=v; judged[i]=true; btn.classList.add(v===q.correct?'correct':'wrong'); const j=body.querySelector('.judge'); if(v===q.correct){ j.textContent='✅ 正解'; j.style.color='var(--ok)'; } else { j.textContent=`❌ 不正解（正解：${XKKANA(q.correct)} / 選択した回答：${XKKANA(v)}）`; j.style.color='var(--ng)'; } j.style.display='block'; body.querySelector('.explain').style.display='block'; updateBtns(); })); }; btnPrev.addEventListener('click', ()=>{ if(i>0){ i--; render(); }}); btnNext.addEventListener('click', ()=>{ if(i<data.length-1){ i++; render(); }}); btnFinish.addEventListener('click', ()=>{ const total=data.length; let correct=0; const detail=data.map((q,idx)=>{ const ok = selected[idx]===q.correct; if(ok) correct++; return {id:q.id, chosen:selected[idx], correct:q.correct, ok}; }); const payload={level, exam, random, total, correct, at:Date.now(), detail}; localStorage.setItem(`xkq-last-${exam}-${level}-${random}`, JSON.stringify(payload)); const bestKey=`xkq-best-${exam}-${level}-${random}`; const best=JSON.parse(localStorage.getItem(bestKey)||'null'); if(!best || (best.correct<correct)){ localStorage.setItem(bestKey, JSON.stringify(payload)); } let url = `${resultUrl}?level=${encodeURIComponent(level)}&exam=${encodeURIComponent(exam)}&random=${random}&order=${encodeURIComponent(order)}`; location.href = _xkNormalizeUrl(url); }); render(); })(); (function(){ const root=document.getElementById('xkQuizResult'); if(!root) return; const level=root.dataset.level, exam=root.dataset.exam||'', random=parseInt(root.dataset.random||'0',10); const key=root.dataset.key==='best' ? `xkq-best-${exam}-${level}-${random}` : `xkq-last-${exam}-${level}-${random}`; const data=JSON.parse(localStorage.getItem(key)||'null'); const medalEl=root.querySelector('.xk-result-head .medal .xk-medal-img'); const scoreEl=root.querySelector('.xk-result-core .score'); const rateEl=root.querySelector('.xk-result-core .rate'); const detailEl=root.querySelector('.xk-result-detail'); const retry=root.querySelector('#xkRetry'); const back=root.querySelector('#xkBackLevels'); let levelsUrl=_xkNormalizeUrl(root.dataset.levels || '/levels/'); let playUrl =_xkNormalizeUrl(root.dataset.play || '/play/'); if(!data){ detailEl.innerHTML='<p>結果データが見つかりません。まずは問題を解いてください。</p>'; return; } const rate = Math.round(data.correct*100/data.total); let medalSrc = 'https://shikakustudytokutoquick.jp/wp-content/uploads/medal_none.png'; if(rate===100){ medalSrc = 'https://shikakustudytokutoquick.jp/wp-content/uploads/medal_platinum.png'; } else if(rate>=80){ medalSrc = 'https://shikakustudytokutoquick.jp/wp-content/uploads/medal_gold.png'; } else if(rate>=60){ medalSrc = 'https://shikakustudytokutoquick.jp/wp-content/uploads/medal_silver.png'; } else if(rate>0){ medalSrc = 'https://shikakustudytokutoquick.jp/wp-content/uploads/medal_bronze.png'; } if(medalEl){ medalEl.src = medalSrc; } scoreEl.textContent=`${data.correct} / ${data.total}`; rateEl.textContent=`正答率 ${rate}%`; detailEl.innerHTML = data.detail.map((d,idx)=>{ const cls = d.ok ? 'ok' : 'ng'; return `<div class="xk-rrow ${cls}"><div>Q${idx+1}</div><div>${d.ok?'○':'×'}（正解: ${XKKANA(d.correct)} / 選択した回答: ${XKKANA(String(d.chosen||'-'))}）</div></div>`; }).join(''); const p=new URLSearchParams(location.search); const order=p.get('order')||'asc'; retry.addEventListener('click', ()=>{ let url = playUrl + '?level='+encodeURIComponent(level)+'&random='+random+'&order='+encodeURIComponent(order); if(exam) url += '&exam='+encodeURIComponent(exam); url = _xkNormalizeUrl(url).replace('/exams/levels/play/', '/exams/play/'); location.href = url; }); back.addEventListener('click', ()=>{ let url = levelsUrl; if(exam) url += (url.includes('?')?'&':'?') + 'exam='+encodeURIComponent(exam); url = _xkNormalizeUrl(url); location.href = url; }); })(); </script> <script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"BreadcrumbList","name":"\u30d1\u30f3\u304f\u305a\u30ea\u30b9\u30c8","itemListElement":[{"@type":"ListItem","position":1,"item":{"name":"HOME","@id":"https:\/\/shikakustudytokutoquick.jp"}},{"@type":"ListItem","position":2,"item":{"name":"\u300cCIW JavaScript Specialist \u30b9\u30da\u30b7\u30e3\u30ea\u30b9\u30c8\u300d\u306e\u8a18\u4e8b\u4e00\u89a7","@id":"https:\/\/shikakustudytokutoquick.jp"}}]}</script> <script defer src="https://shikakustudytokutoquick.jp/wp-content/themes/xwrite/assets/js/common.min.js?ver=3.0.10.1" id="xw-common-js"></script> <script defer src="https://shikakustudytokutoquick.jp/wp-content/themes/xwrite/assets/js/slick.min.js?ver=3.0.10.1" id="xw-slick-js"></script> <script id="xw-scripts-js-extra"> var xwValues = {"mvSlideAnimType":"slide","mvSlideSpeed":"7000","mvSlideAnimSpeed":"600","restUrl":"https://shikakustudytokutoquick.jp/wp-json/","is_user_logged_in":""}; //# sourceURL=xw-scripts-js-extra </script> <script defer src="https://shikakustudytokutoquick.jp/wp-content/themes/xwrite/assets/js/scripts.min.js?ver=3.0.10.1" id="xw-scripts-js"></script> <script defer src="https://shikakustudytokutoquick.jp/wp-content/themes/xwrite/assets/js/toc.min.js?ver=3.0.10.1" id="xw-toc-js"></script> <script defer src="https://shikakustudytokutoquick.jp/wp-content/themes/xwrite/assets/js/activate_delayscript.min.js?ver=3.0.10.1" id="xw-activate_delayscript-js"></script> <script defer src="https://shikakustudytokutoquick.jp/wp-content/themes/xwrite/assets/js/scroll-bar.min.js?ver=3.0.10.1" id="xw-scroll-bar-js"></script> <script defer src="https://shikakustudytokutoquick.jp/wp-content/themes/xwrite/assets/js/swiper.min.js?ver=3.0.10.1" id="xw-swiper-js"></script> <script defer src="https://shikakustudytokutoquick.jp/wp-content/themes/xwrite/assets/js/top-transition-button.min.js?ver=3.0.10.1" id="xw-top-transition-button-js"></script> <script defer src="https://shikakustudytokutoquick.jp/wp-content/themes/xwrite/assets/js/common_parts.min.js?ver=3.0.10.1" id="xw-common_parts-js"></script> <script defer src="https://shikakustudytokutoquick.jp/wp-content/themes/xwrite/assets/js/scroll-hint.min.js?ver=3.0.10.1" id="xw-scroll-hint-js"></script> <script id="jetpack-stats-js-before"> _stq = window._stq || []; _stq.push([ "view", {"v":"ext","blog":"253648996","post":"0","tz":"9","srv":"shikakustudytokutoquick.jp","arch_results":"10","j":"1:15.6"} ]); _stq.push([ "clickTrackerInit", "253648996", "0" ]); //# sourceURL=jetpack-stats-js-before </script> <script src="https://stats.wp.com/e-202616.js" id="jetpack-stats-js" defer data-wp-strategy="defer"></script> <script src="//aml.valuecommerce.com/vcdal.js?ver=1.18.3" id="pochipp-vcdal-js"></script> </body> </html>
