<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>＃英検 アーカイブ - じゅにさん子育てブログ</title>
	<atom:link href="https://jouniorsankosodate.com/tag/%EF%BC%83%E8%8B%B1%E6%A4%9C/feed/" rel="self" type="application/rss+xml" />
	<link>https://jouniorsankosodate.com/tag/＃英検/</link>
	<description>勉強が苦手な子でも、わかる・できる・続けられる</description>
	<lastBuildDate>Tue, 05 May 2026 07:49:29 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</generator>

<image>
	<url>https://jouniorsankosodate.com/wp-content/uploads/2026/02/cropped-44f1f7a5e508593f7c057572c07f45a3-32x32.jpg</url>
	<title>＃英検 アーカイブ - じゅにさん子育てブログ</title>
	<link>https://jouniorsankosodate.com/tag/＃英検/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>英検５級 フラッシュ英単語 No.12｜前置詞（音声対応）</title>
		<link>https://jouniorsankosodate.com/n5-no12/</link>
					<comments>https://jouniorsankosodate.com/n5-no12/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Sat, 02 May 2026 08:20:32 +0000</pubDate>
				<category><![CDATA[🟧英検５級 英語シリーズ]]></category>
		<category><![CDATA[＃フラッシュ]]></category>
		<category><![CDATA[＃無料アプリ]]></category>
		<category><![CDATA[#英単語]]></category>
		<category><![CDATA[＃英検]]></category>
		<category><![CDATA[＃英検５級]]></category>
		<guid isPermaLink="false">https://jouniorsankosodate.com/?p=5327</guid>

					<description><![CDATA[<p>英検５級 フラッシュ英単語 No.12｜前置詞（音声対応） 英検５級 フラッシュ英単語 No.12 前置詞 日本語からスタート 🔊 音声ON — — 英語⇆日本語 ▶ 読み上げ わかった 👍 わからん！あとで復習 📌 🔀 [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/n5-no12/">英検５級 フラッシュ英単語 No.12｜前置詞（音声対応）</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>英検５級 フラッシュ英単語 No.12｜前置詞（音声対応）</title>

<style>
:root{
  --bg:#f7f7fb; --card:#ffffff; --ink:#111827; --muted:#6b7280;
  --accent:#6366f1; --accent-weak:#e0e7ff;
  --good:#22c55e; --review:#f59e0b;
  --shadow:0 6px 24px rgba(0,0,0,.08);
}
body{margin:0;background:var(--bg);}
.wrap{max-width:760px;margin:0 auto;padding:16px 16px 28px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial;color:var(--ink);}
header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 16px;flex-wrap:wrap;}
h1{font-size:18px;margin:0;font-weight:700;}
.badge{font-size:11px;color:var(--accent);background:var(--accent-weak);padding:3px 8px;border-radius:999px;}
.switches{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:13px;}
.switches input{accent-color:var(--accent);}
.card-outer{position:relative;perspective:1200px;margin:12px 0 8px;}
.card{position:relative;width:100%;min-height:190px;background:var(--card);border-radius:18px;box-shadow:var(--shadow);cursor:pointer;transform-style:preserve-3d;transition:transform .5s ease;}
.card.flipped{transform:rotateY(180deg);}
.face{position:absolute;inset:0;border-radius:18px;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;padding:24px;text-align:center;}
.frontText{font-size:30px;font-weight:800;}
.backText{font-size:24px;font-weight:700;}
.card-face-back{transform:rotateY(180deg);}
.controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;}
.btn{appearance:none;border:1px solid #e5e7eb;background:#fff;padding:11px 12px;border-radius:13px;font-size:14px;font-weight:700;line-height:1.2;cursor:pointer;color:var(--ink);}
.btn:hover{background:#eef2ff;}
.btn:active{transform:translateY(1px);}
.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent);}
.btn.good{background:var(--good);color:#fff;border-color:var(--good);}
.btn.review{background:var(--review);color:#fff;border-color:var(--review);}
.meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;color:var(--muted);font-size:13px;}
.progress{height:8px;background:var(--accent-weak);border-radius:999px;overflow:hidden;flex:1;}
.bar{height:100%;width:0;background:var(--accent);transition:.25s;}
.index{min-width:90px;text-align:right;}
.hint{margin-top:8px;color:var(--muted);font-size:12px;}
.result-box{display:none;background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:24px;text-align:center;margin-top:16px;}
.result-box h2{margin:0 0 10px;font-size:22px;}
.result-box p{color:#475569;font-weight:700;}
.series-nav-wrap{margin:32px 0 12px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;}
.series-nav-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;border-radius:999px;padding:10px 18px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.08);transition:.2s;font-size:14px;}
.series-nav-btn.nav-back{color:#6366f1;border:2px solid #c7d2fe;}
.series-nav-btn.next{color:#4338ca;border:2px solid #c7d2fe;background:linear-gradient(135deg,#eef2ff,#e0e7ff);}
.series-nav-btn:hover{transform:translateY(-2px);}
@media (min-width:560px){.frontText{font-size:36px}.backText{font-size:26px}.card{min-height:220px}}
@media(max-width:480px){.controls{grid-template-columns:1fr}.series-nav-btn{width:100%;font-size:15px;padding:12px 18px}}
</style>
</head>

<body>
<div class="wrap" id="app" aria-live="polite">

<header>
  <h1>英検５級 フラッシュ英単語 <span class="badge">No.12 前置詞</span></h1>
  <div class="switches">
    <label><input type="checkbox" id="jpFirst"> 日本語からスタート</label>
    <label><input type="checkbox" id="speakOn"> 🔊 音声ON</label>
  </div>
</header>

<div id="studyArea">
  <div class="card-outer" aria-label="フラッシュカード" role="button" tabindex="0">
    <div class="card" id="card">
      <div class="face card-face-front"><div class="frontText" id="frontText">—</div></div>
      <div class="face card-face-back"><div class="backText" id="backText">—</div></div>
    </div>
  </div>

  <div class="controls">
    <button class="btn primary" id="flipBtn">英語⇆日本語</button>
    <button class="btn" id="speakBtn">▶ 読み上げ</button>
    <button class="btn good" id="knownBtn">わかった 👍</button>
    <button class="btn review" id="wrongBtn">わからん！あとで復習 📌</button>
    <button class="btn" id="shuffleBtn">🔀 シャッフル</button>
    <button class="btn" id="resetBtn">↩︎ はじめから</button>
  </div>

  <div class="meta">
    <div class="progress"><div class="bar" id="bar"></div></div>
    <div class="index"><span id="pos">1</span>/<span id="total">—</span></div>
  </div>

  <p class="hint">カードをタップして答えを確認。わかったら「わかった」、不安なら「あとで復習」を押してね。</p>
</div>

<div class="result-box" id="resultBox">
  <h2 id="resultTitle">おつかれさま！✨</h2>
  <p id="resultText"></p>
  <div class="controls">
    <button class="btn review" id="reviewBtn">復習する 🔁</button>
    <button class="btn" id="againBtn">もう一回やる</button>
  </div>
</div>

<div class="series-nav-wrap">
  <a href="https://jouniorsankosodate.com/eiken5-no11/" class="series-nav-btn nav-back">← 前のレッスンへ</a>
  <a href="https://jouniorsankosodate.com/category/learn/english-flash/" class="series-nav-btn nav-back">英単語フラッシュのカテゴリ一覧に戻る</a>
</div>

</div>

<script>
const ITEMS = [
  { word: "in", jp: "中に" },
  { word: "on", jp: "上に" },
  { word: "under", jp: "下に" },
  { word: "near", jp: "近くに" },
  { word: "by", jp: "そばに" },
  { word: "between", jp: "間に" },
  { word: "behind", jp: "後ろに" },
  { word: "in front of", jp: "前に" },
  { word: "to", jp: "〜へ" },
  { word: "from", jp: "〜から" },
  { word: "with", jp: "〜と一緒に／〜を使って" },
  { word: "for", jp: "〜のために" },
  { word: "at", jp: "〜で（場所・時）" },
  { word: "about", jp: "〜について" }
];

let _voice = null;

function pickVoice(){
  const voices = speechSynthesis.getVoices() || [];
  const femaleNames = ["Sonia","Serena","Susan","Kate","Libby","Maisie","Google UK English Female","Microsoft Sonia","Microsoft Libby","Microsoft Susan"];

  return voices.find(v => v.lang === "en-GB" && femaleNames.some(name => v.name.includes(name)))
  || voices.find(v => v.lang === "en-GB")
  || voices.find(v => (v.lang || "").startsWith("en"))
  || null;
}

(() => {
  const card = document.getElementById("card");
  const frontText = document.getElementById("frontText");
  const backText = document.getElementById("backText");
  const posEl = document.getElementById("pos");
  const totalEl = document.getElementById("total");
  const bar = document.getElementById("bar");
  const jpFirst = document.getElementById("jpFirst");
  const speakOnChk = document.getElementById("speakOn");
  const flipBtn = document.getElementById("flipBtn");
  const speakBtn = document.getElementById("speakBtn");
  const knownBtn = document.getElementById("knownBtn");
  const wrongBtn = document.getElementById("wrongBtn");
  const shuffleBtn = document.getElementById("shuffleBtn");
  const resetBtn = document.getElementById("resetBtn");
  const studyArea = document.getElementById("studyArea");
  const resultBox = document.getElementById("resultBox");
  const resultTitle = document.getElementById("resultTitle");
  const resultText = document.getElementById("resultText");
  const reviewBtn = document.getElementById("reviewBtn");
  const againBtn = document.getElementById("againBtn");

  let order = [...Array(ITEMS.length).keys()];
  let idx = 0;
  let isFlipped = false;
  let showJpFirst = false;
  let speakOn = false;
  let reviewList = [];

  totalEl.textContent = order.length;

  speechSynthesis.addEventListener("voiceschanged", () => {_voice = pickVoice();});

  function speak(text){
    try{
      if(!("speechSynthesis" in window)) return;
      if(!_voice) _voice = pickVoice();

      const u = new SpeechSynthesisUtterance(text.trim());
      if(_voice){
        u.voice = _voice;
        u.lang = _voice.lang || "en-GB";
      }else{
        u.lang = "en-GB";
      }

      u.rate = 0.9;
      u.pitch = 1.05;
      speechSynthesis.cancel();
      speechSynthesis.speak(u);
    }catch(e){}
  }

  function currentItem(){return ITEMS[order[idx]];}

  function render(){
    const it = currentItem();
    card.classList.remove("flipped");
    isFlipped = false;

    frontText.textContent = showJpFirst ? it.jp : it.word;
    backText.textContent = showJpFirst ? it.word : it.jp;

    posEl.textContent = idx + 1;
    totalEl.textContent = order.length;
    bar.style.width = `${((idx + 1) / order.length) * 100}%`;

    if(speakOn){speak(it.word);}
  }

  function flip(){
    isFlipped = !isFlipped;
    card.classList.toggle("flipped", isFlipped);
  }

  function nextCard(){
    if(idx >= order.length - 1){
      showResult();
      return;
    }
    idx++;
    render();
  }

  function showResult(){
    studyArea.style.display = "none";
    resultBox.style.display = "block";

    if(reviewList.length === 0){
      resultTitle.textContent = "ぜんぶできた！すごい！！🎉";
      resultText.textContent = "あとで復習する単語は 0こ です。";
      reviewBtn.style.display = "none";
    }else{
      resultTitle.textContent = "おつかれさま！✨";
      resultText.textContent = `あとで復習する単語は ${reviewList.length}こ あるよ。`;
      reviewBtn.style.display = "inline-block";
    }
  }

  function startStudy(newOrder){
    order = [...newOrder];
    idx = 0;
    studyArea.style.display = "block";
    resultBox.style.display = "none";
    render();
  }

  function resetAll(){
    reviewList = [];
    startStudy([...Array(ITEMS.length).keys()]);
  }

  function shuffleOrder(){
    for(let i = order.length - 1; i > 0; i--){
      const j = Math.floor(Math.random() * (i + 1));
      [order[i], order[j]] = [order[j], order[i]];
    }
    idx = 0;
    render();
  }

  card.addEventListener("click", flip);
  flipBtn.addEventListener("click", flip);
  speakBtn.addEventListener("click", () => speak(currentItem().word));
  knownBtn.addEventListener("click", nextCard);

  wrongBtn.addEventListener("click", () => {
    const currentIndex = order[idx];
    if(!reviewList.includes(currentIndex)){reviewList.push(currentIndex);}
    nextCard();
  });

  reviewBtn.addEventListener("click", () => {
    if(reviewList.length === 0) return;
    const list = [...reviewList];
    reviewList = [];
    startStudy(list);
  });

  againBtn.addEventListener("click", resetAll);
  shuffleBtn.addEventListener("click", shuffleOrder);
  resetBtn.addEventListener("click", resetAll);

  jpFirst.addEventListener("change", e => {
    showJpFirst = e.target.checked;
    render();
  });

  speakOnChk.addEventListener("change", e => {
    speakOn = e.target.checked;
    if(speakOn) speak(currentItem().word);
  });

  window.addEventListener("keydown", e => {
    if(e.key === " "){
      e.preventDefault();
      flip();
    }
  });

  render();
})();
</script>
</body>
</html>
<p>投稿 <a href="https://jouniorsankosodate.com/n5-no12/">英検５級 フラッシュ英単語 No.12｜前置詞（音声対応）</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/n5-no12/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>英検５級 フラッシュ英単語 No.11｜職業（音声対応）</title>
		<link>https://jouniorsankosodate.com/eiken5-no11/</link>
					<comments>https://jouniorsankosodate.com/eiken5-no11/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Sat, 02 May 2026 08:19:03 +0000</pubDate>
				<category><![CDATA[🟧英検５級 英語シリーズ]]></category>
		<category><![CDATA[＃フラッシュ]]></category>
		<category><![CDATA[＃無料アプリ]]></category>
		<category><![CDATA[#英単語]]></category>
		<category><![CDATA[＃英検]]></category>
		<category><![CDATA[＃英検５級]]></category>
		<guid isPermaLink="false">https://jouniorsankosodate.com/?p=5324</guid>

					<description><![CDATA[<p>英検５級 フラッシュ英単語 No.11｜職業・人を表すことば（音声対応） 英検５級 フラッシュ英単語 No.11 職業・人を表すことば 日本語からスタート 🔊 音声ON — — 英語⇆日本語 ▶ 読み上げ わかった 👍  [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/eiken5-no11/">英検５級 フラッシュ英単語 No.11｜職業（音声対応）</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>英検５級 フラッシュ英単語 No.11｜職業・人を表すことば（音声対応）</title>

<style>
:root{
  --bg:#f7f7fb; --card:#ffffff; --ink:#111827; --muted:#6b7280;
  --accent:#ec4899; --accent-weak:#fce7f3;
  --good:#22c55e; --review:#f59e0b;
  --shadow:0 6px 24px rgba(0,0,0,.08);
}
body{margin:0;background:var(--bg);}
.wrap{max-width:760px;margin:0 auto;padding:16px 16px 28px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial;color:var(--ink);}
header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 16px;flex-wrap:wrap;}
h1{font-size:18px;margin:0;font-weight:700;}
.badge{font-size:11px;color:var(--accent);background:var(--accent-weak);padding:3px 8px;border-radius:999px;}
.switches{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:13px;}
.switches input{accent-color:var(--accent);}
.card-outer{position:relative;perspective:1200px;margin:12px 0 8px;}
.card{position:relative;width:100%;min-height:190px;background:var(--card);border-radius:18px;box-shadow:var(--shadow);cursor:pointer;transform-style:preserve-3d;transition:transform .5s ease;}
.card.flipped{transform:rotateY(180deg);}
.face{position:absolute;inset:0;border-radius:18px;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;padding:24px;text-align:center;}
.frontText{font-size:30px;font-weight:800;}
.backText{font-size:24px;font-weight:700;}
.card-face-back{transform:rotateY(180deg);}
.controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;}
.btn{appearance:none;border:1px solid #e5e7eb;background:#fff;padding:11px 12px;border-radius:13px;font-size:14px;font-weight:700;line-height:1.2;cursor:pointer;color:var(--ink);}
.btn:hover{background:#fdf2f8;}
.btn:active{transform:translateY(1px);}
.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent);}
.btn.good{background:var(--good);color:#fff;border-color:var(--good);}
.btn.review{background:var(--review);color:#fff;border-color:var(--review);}
.meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;color:var(--muted);font-size:13px;}
.progress{height:8px;background:var(--accent-weak);border-radius:999px;overflow:hidden;flex:1;}
.bar{height:100%;width:0;background:var(--accent);transition:.25s;}
.index{min-width:90px;text-align:right;}
.hint{margin-top:8px;color:var(--muted);font-size:12px;}
.result-box{display:none;background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:24px;text-align:center;margin-top:16px;}
.result-box h2{margin:0 0 10px;font-size:22px;}
.result-box p{color:#475569;font-weight:700;}
.series-nav-wrap{margin:32px 0 12px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;}
.series-nav-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;border-radius:999px;padding:10px 18px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.08);transition:.2s;font-size:14px;}
.series-nav-btn.nav-back{color:#ec4899;border:2px solid #fbcfe8;}
.series-nav-btn.next{color:#be185d;border:2px solid #fbcfe8;background:linear-gradient(135deg,#fdf2f8,#fce7f3);}
.series-nav-btn:hover{transform:translateY(-2px);}
@media (min-width:560px){.frontText{font-size:36px}.backText{font-size:26px}.card{min-height:220px}}
@media(max-width:480px){.controls{grid-template-columns:1fr}.series-nav-btn{width:100%;font-size:15px;padding:12px 18px}}
</style>
</head>

<body>
<div class="wrap" id="app" aria-live="polite">

<header>
  <h1>英検５級 フラッシュ英単語 <span class="badge">No.11 職業・人を表すことば</span></h1>
  <div class="switches">
    <label><input type="checkbox" id="jpFirst"> 日本語からスタート</label>
    <label><input type="checkbox" id="speakOn"> 🔊 音声ON</label>
  </div>
</header>

<div id="studyArea">
  <div class="card-outer" aria-label="フラッシュカード" role="button" tabindex="0">
    <div class="card" id="card">
      <div class="face card-face-front"><div class="frontText" id="frontText">—</div></div>
      <div class="face card-face-back"><div class="backText" id="backText">—</div></div>
    </div>
  </div>

  <div class="controls">
    <button class="btn primary" id="flipBtn">英語⇆日本語</button>
    <button class="btn" id="speakBtn">▶ 読み上げ</button>
    <button class="btn good" id="knownBtn">わかった 👍</button>
    <button class="btn review" id="wrongBtn">わからん！あとで復習 📌</button>
    <button class="btn" id="shuffleBtn">🔀 シャッフル</button>
    <button class="btn" id="resetBtn">↩︎ はじめから</button>
  </div>

  <div class="meta">
    <div class="progress"><div class="bar" id="bar"></div></div>
    <div class="index"><span id="pos">1</span>/<span id="total">—</span></div>
  </div>

  <p class="hint">カードをタップして答えを確認。わかったら「わかった」、不安なら「あとで復習」を押してね。</p>
</div>

<div class="result-box" id="resultBox">
  <h2 id="resultTitle">おつかれさま！✨</h2>
  <p id="resultText"></p>
  <div class="controls">
    <button class="btn review" id="reviewBtn">復習する 🔁</button>
    <button class="btn" id="againBtn">もう一回やる</button>
  </div>
</div>

<div class="series-nav-wrap">
  <a href="https://jouniorsankosodate.com/eiken5-no10/" class="series-nav-btn nav-back">← 前のレッスンへ</a>
  <a href="https://jouniorsankosodate.com/category/learn/english-flash/" class="series-nav-btn nav-back">英単語フラッシュのカテゴリ一覧に戻る</a>
  <a href="https://jouniorsankosodate.com/eiken5-no12/" class="series-nav-btn next">次のレッスンへ →</a>
</div>

</div>

<script>
const ITEMS = [
  { word: "teacher", jp: "先生" },
  { word: "doctor", jp: "医者" },
  { word: "nurse", jp: "看護師" },
  { word: "police officer", jp: "警察官" },
  { word: "firefighter", jp: "消防士" },
  { word: "cook", jp: "料理人" },
  { word: "driver", jp: "運転手" },
  { word: "farmer", jp: "農家" },
  { word: "shop clerk", jp: "店員" },
  { word: "student", jp: "生徒／学生" }
];

let _voice = null;

function pickVoice(){
  const voices = speechSynthesis.getVoices() || [];
  const femaleNames = ["Sonia","Serena","Susan","Kate","Libby","Maisie","Google UK English Female","Microsoft Sonia","Microsoft Libby","Microsoft Susan"];

  return voices.find(v => v.lang === "en-GB" && femaleNames.some(name => v.name.includes(name)))
  || voices.find(v => v.lang === "en-GB")
  || voices.find(v => (v.lang || "").startsWith("en"))
  || null;
}

(() => {
  const card = document.getElementById("card");
  const frontText = document.getElementById("frontText");
  const backText = document.getElementById("backText");
  const posEl = document.getElementById("pos");
  const totalEl = document.getElementById("total");
  const bar = document.getElementById("bar");
  const jpFirst = document.getElementById("jpFirst");
  const speakOnChk = document.getElementById("speakOn");
  const flipBtn = document.getElementById("flipBtn");
  const speakBtn = document.getElementById("speakBtn");
  const knownBtn = document.getElementById("knownBtn");
  const wrongBtn = document.getElementById("wrongBtn");
  const shuffleBtn = document.getElementById("shuffleBtn");
  const resetBtn = document.getElementById("resetBtn");
  const studyArea = document.getElementById("studyArea");
  const resultBox = document.getElementById("resultBox");
  const resultTitle = document.getElementById("resultTitle");
  const resultText = document.getElementById("resultText");
  const reviewBtn = document.getElementById("reviewBtn");
  const againBtn = document.getElementById("againBtn");

  let order = [...Array(ITEMS.length).keys()];
  let idx = 0;
  let isFlipped = false;
  let showJpFirst = false;
  let speakOn = false;
  let reviewList = [];

  totalEl.textContent = order.length;

  speechSynthesis.addEventListener("voiceschanged", () => {_voice = pickVoice();});

  function speak(text){
    try{
      if(!("speechSynthesis" in window)) return;
      if(!_voice) _voice = pickVoice();

      const u = new SpeechSynthesisUtterance(text.trim());
      if(_voice){
        u.voice = _voice;
        u.lang = _voice.lang || "en-GB";
      }else{
        u.lang = "en-GB";
      }

      u.rate = 0.9;
      u.pitch = 1.05;
      speechSynthesis.cancel();
      speechSynthesis.speak(u);
    }catch(e){}
  }

  function currentItem(){return ITEMS[order[idx]];}

  function render(){
    const it = currentItem();
    card.classList.remove("flipped");
    isFlipped = false;

    frontText.textContent = showJpFirst ? it.jp : it.word;
    backText.textContent = showJpFirst ? it.word : it.jp;

    posEl.textContent = idx + 1;
    totalEl.textContent = order.length;
    bar.style.width = `${((idx + 1) / order.length) * 100}%`;

    if(speakOn){speak(it.word);}
  }

  function flip(){
    isFlipped = !isFlipped;
    card.classList.toggle("flipped", isFlipped);
  }

  function nextCard(){
    if(idx >= order.length - 1){
      showResult();
      return;
    }
    idx++;
    render();
  }

  function showResult(){
    studyArea.style.display = "none";
    resultBox.style.display = "block";

    if(reviewList.length === 0){
      resultTitle.textContent = "ぜんぶできた！すごい！！🎉";
      resultText.textContent = "あとで復習する単語は 0こ です。";
      reviewBtn.style.display = "none";
    }else{
      resultTitle.textContent = "おつかれさま！✨";
      resultText.textContent = `あとで復習する単語は ${reviewList.length}こ あるよ。`;
      reviewBtn.style.display = "inline-block";
    }
  }

  function startStudy(newOrder){
    order = [...newOrder];
    idx = 0;
    studyArea.style.display = "block";
    resultBox.style.display = "none";
    render();
  }

  function resetAll(){
    reviewList = [];
    startStudy([...Array(ITEMS.length).keys()]);
  }

  function shuffleOrder(){
    for(let i = order.length - 1; i > 0; i--){
      const j = Math.floor(Math.random() * (i + 1));
      [order[i], order[j]] = [order[j], order[i]];
    }
    idx = 0;
    render();
  }

  card.addEventListener("click", flip);
  flipBtn.addEventListener("click", flip);
  speakBtn.addEventListener("click", () => speak(currentItem().word));
  knownBtn.addEventListener("click", nextCard);

  wrongBtn.addEventListener("click", () => {
    const currentIndex = order[idx];
    if(!reviewList.includes(currentIndex)){reviewList.push(currentIndex);}
    nextCard();
  });

  reviewBtn.addEventListener("click", () => {
    if(reviewList.length === 0) return;
    const list = [...reviewList];
    reviewList = [];
    startStudy(list);
  });

  againBtn.addEventListener("click", resetAll);
  shuffleBtn.addEventListener("click", shuffleOrder);
  resetBtn.addEventListener("click", resetAll);

  jpFirst.addEventListener("change", e => {
    showJpFirst = e.target.checked;
    render();
  });

  speakOnChk.addEventListener("change", e => {
    speakOn = e.target.checked;
    if(speakOn) speak(currentItem().word);
  });

  window.addEventListener("keydown", e => {
    if(e.key === " "){
      e.preventDefault();
      flip();
    }
  });

  render();
})();
</script>
</body>
</html>
<p>投稿 <a href="https://jouniorsankosodate.com/eiken5-no11/">英検５級 フラッシュ英単語 No.11｜職業（音声対応）</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/eiken5-no11/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>英検５級 フラッシュ英単語 No.10｜場所・建物（音声対応）</title>
		<link>https://jouniorsankosodate.com/eiken5-no10/</link>
					<comments>https://jouniorsankosodate.com/eiken5-no10/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Sat, 02 May 2026 08:17:31 +0000</pubDate>
				<category><![CDATA[🟧英検５級 英語シリーズ]]></category>
		<category><![CDATA[＃フラッシュ]]></category>
		<category><![CDATA[＃無料アプリ]]></category>
		<category><![CDATA[#英単語]]></category>
		<category><![CDATA[＃英検]]></category>
		<category><![CDATA[＃英検５級]]></category>
		<guid isPermaLink="false">https://jouniorsankosodate.com/?p=5322</guid>

					<description><![CDATA[<p>英検５級 フラッシュ英単語 No.10｜場所・建物（音声対応） 英検５級 フラッシュ英単語 No.10 場所・建物 日本語からスタート 🔊 音声ON — — 英語⇆日本語 ▶ 読み上げ わかった 👍 わからん！あとで復習 [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/eiken5-no10/">英検５級 フラッシュ英単語 No.10｜場所・建物（音声対応）</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>英検５級 フラッシュ英単語 No.10｜場所・建物（音声対応）</title>

<style>
:root{
  --bg:#f7f7fb; --card:#ffffff; --ink:#111827; --muted:#6b7280;
  --accent:#10b981; --accent-weak:#d1fae5;
  --good:#22c55e; --review:#f59e0b;
  --shadow:0 6px 24px rgba(0,0,0,.08);
}
body{margin:0;background:var(--bg);}
.wrap{max-width:760px;margin:0 auto;padding:16px 16px 28px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial;color:var(--ink);}
header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 16px;flex-wrap:wrap;}
h1{font-size:18px;margin:0;font-weight:700;}
.badge{font-size:11px;color:var(--accent);background:var(--accent-weak);padding:3px 8px;border-radius:999px;}
.switches{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:13px;}
.switches input{accent-color:var(--accent);}
.card-outer{position:relative;perspective:1200px;margin:12px 0 8px;}
.card{position:relative;width:100%;min-height:190px;background:var(--card);border-radius:18px;box-shadow:var(--shadow);cursor:pointer;transform-style:preserve-3d;transition:transform .5s ease;}
.card.flipped{transform:rotateY(180deg);}
.face{position:absolute;inset:0;border-radius:18px;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;padding:24px;text-align:center;}
.frontText{font-size:30px;font-weight:800;}
.backText{font-size:24px;font-weight:700;}
.card-face-back{transform:rotateY(180deg);}
.controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;}
.btn{appearance:none;border:1px solid #e5e7eb;background:#fff;padding:11px 12px;border-radius:13px;font-size:14px;font-weight:700;line-height:1.2;cursor:pointer;color:var(--ink);}
.btn:hover{background:#ecfdf5;}
.btn:active{transform:translateY(1px);}
.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent);}
.btn.good{background:var(--good);color:#fff;border-color:var(--good);}
.btn.review{background:var(--review);color:#fff;border-color:var(--review);}
.meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;color:var(--muted);font-size:13px;}
.progress{height:8px;background:var(--accent-weak);border-radius:999px;overflow:hidden;flex:1;}
.bar{height:100%;width:0;background:var(--accent);transition:.25s;}
.index{min-width:90px;text-align:right;}
.hint{margin-top:8px;color:var(--muted);font-size:12px;}
.result-box{display:none;background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:24px;text-align:center;margin-top:16px;}
.result-box h2{margin:0 0 10px;font-size:22px;}
.result-box p{color:#475569;font-weight:700;}
.series-nav-wrap{margin:32px 0 12px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;}
.series-nav-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;border-radius:999px;padding:10px 18px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.08);transition:.2s;font-size:14px;}
.series-nav-btn.nav-back{color:#10b981;border:2px solid #a7f3d0;}
.series-nav-btn.next{color:#047857;border:2px solid #a7f3d0;background:linear-gradient(135deg,#ecfdf5,#d1fae5);}
.series-nav-btn:hover{transform:translateY(-2px);}
@media (min-width:560px){.frontText{font-size:36px}.backText{font-size:26px}.card{min-height:220px}}
@media(max-width:480px){.controls{grid-template-columns:1fr}.series-nav-btn{width:100%;font-size:15px;padding:12px 18px}}
</style>
</head>

<body>
<div class="wrap" id="app" aria-live="polite">

<header>
  <h1>英検５級 フラッシュ英単語 <span class="badge">No.10 場所・建物</span></h1>
  <div class="switches">
    <label><input type="checkbox" id="jpFirst"> 日本語からスタート</label>
    <label><input type="checkbox" id="speakOn"> 🔊 音声ON</label>
  </div>
</header>

<div id="studyArea">
  <div class="card-outer" aria-label="フラッシュカード" role="button" tabindex="0">
    <div class="card" id="card">
      <div class="face card-face-front"><div class="frontText" id="frontText">—</div></div>
      <div class="face card-face-back"><div class="backText" id="backText">—</div></div>
    </div>
  </div>

  <div class="controls">
    <button class="btn primary" id="flipBtn">英語⇆日本語</button>
    <button class="btn" id="speakBtn">▶ 読み上げ</button>
    <button class="btn good" id="knownBtn">わかった 👍</button>
    <button class="btn review" id="wrongBtn">わからん！あとで復習 📌</button>
    <button class="btn" id="shuffleBtn">🔀 シャッフル</button>
    <button class="btn" id="resetBtn">↩︎ はじめから</button>
  </div>

  <div class="meta">
    <div class="progress"><div class="bar" id="bar"></div></div>
    <div class="index"><span id="pos">1</span>/<span id="total">—</span></div>
  </div>

  <p class="hint">カードをタップして答えを確認。わかったら「わかった」、不安なら「あとで復習」を押してね。</p>
</div>

<div class="result-box" id="resultBox">
  <h2 id="resultTitle">おつかれさま！✨</h2>
  <p id="resultText"></p>
  <div class="controls">
    <button class="btn review" id="reviewBtn">復習する 🔁</button>
    <button class="btn" id="againBtn">もう一回やる</button>
  </div>
</div>

<div class="series-nav-wrap">
  <a href="https://jouniorsankosodate.com/eiken5-no9/" class="series-nav-btn nav-back">← 前のレッスンへ</a>
  <a href="https://jouniorsankosodate.com/category/learn/english-flash/" class="series-nav-btn nav-back">英単語フラッシュのカテゴリ一覧に戻る</a>
  <a href="https://jouniorsankosodate.com/eiken5-no11/" class="series-nav-btn next">次のレッスンへ →</a>
</div>

</div>

<script>
const ITEMS = [
  { word: "school", jp: "学校" },
  { word: "park", jp: "公園" },
  { word: "library", jp: "図書館" },
  { word: "station", jp: "駅" },
  { word: "hospital", jp: "病院" },
  { word: "store", jp: "店" },
  { word: "restaurant", jp: "レストラン" },
  { word: "house", jp: "家" },
  { word: "room", jp: "部屋" },
  { word: "city", jp: "都市／街" }
];

let _voice = null;

function pickVoice(){
  const voices = speechSynthesis.getVoices() || [];
  const femaleNames = ["Sonia","Serena","Susan","Kate","Libby","Maisie","Google UK English Female","Microsoft Sonia","Microsoft Libby","Microsoft Susan"];

  return voices.find(v => v.lang === "en-GB" && femaleNames.some(name => v.name.includes(name)))
  || voices.find(v => v.lang === "en-GB")
  || voices.find(v => (v.lang || "").startsWith("en"))
  || null;
}

(() => {
  const card = document.getElementById("card");
  const frontText = document.getElementById("frontText");
  const backText = document.getElementById("backText");
  const posEl = document.getElementById("pos");
  const totalEl = document.getElementById("total");
  const bar = document.getElementById("bar");
  const jpFirst = document.getElementById("jpFirst");
  const speakOnChk = document.getElementById("speakOn");
  const flipBtn = document.getElementById("flipBtn");
  const speakBtn = document.getElementById("speakBtn");
  const knownBtn = document.getElementById("knownBtn");
  const wrongBtn = document.getElementById("wrongBtn");
  const shuffleBtn = document.getElementById("shuffleBtn");
  const resetBtn = document.getElementById("resetBtn");
  const studyArea = document.getElementById("studyArea");
  const resultBox = document.getElementById("resultBox");
  const resultTitle = document.getElementById("resultTitle");
  const resultText = document.getElementById("resultText");
  const reviewBtn = document.getElementById("reviewBtn");
  const againBtn = document.getElementById("againBtn");

  let order = [...Array(ITEMS.length).keys()];
  let idx = 0;
  let isFlipped = false;
  let showJpFirst = false;
  let speakOn = false;
  let reviewList = [];

  totalEl.textContent = order.length;

  speechSynthesis.addEventListener("voiceschanged", () => {_voice = pickVoice();});

  function speak(text){
    try{
      if(!("speechSynthesis" in window)) return;
      if(!_voice) _voice = pickVoice();

      const u = new SpeechSynthesisUtterance(text.trim());
      if(_voice){
        u.voice = _voice;
        u.lang = _voice.lang || "en-GB";
      }else{
        u.lang = "en-GB";
      }

      u.rate = 0.9;
      u.pitch = 1.05;
      speechSynthesis.cancel();
      speechSynthesis.speak(u);
    }catch(e){}
  }

  function currentItem(){return ITEMS[order[idx]];}

  function render(){
    const it = currentItem();
    card.classList.remove("flipped");
    isFlipped = false;

    frontText.textContent = showJpFirst ? it.jp : it.word;
    backText.textContent = showJpFirst ? it.word : it.jp;

    posEl.textContent = idx + 1;
    totalEl.textContent = order.length;
    bar.style.width = `${((idx + 1) / order.length) * 100}%`;

    if(speakOn){speak(it.word);}
  }

  function flip(){
    isFlipped = !isFlipped;
    card.classList.toggle("flipped", isFlipped);
  }

  function nextCard(){
    if(idx >= order.length - 1){
      showResult();
      return;
    }
    idx++;
    render();
  }

  function showResult(){
    studyArea.style.display = "none";
    resultBox.style.display = "block";

    if(reviewList.length === 0){
      resultTitle.textContent = "ぜんぶできた！すごい！！🎉";
      resultText.textContent = "あとで復習する単語は 0こ です。";
      reviewBtn.style.display = "none";
    }else{
      resultTitle.textContent = "おつかれさま！✨";
      resultText.textContent = `あとで復習する単語は ${reviewList.length}こ あるよ。`;
      reviewBtn.style.display = "inline-block";
    }
  }

  function startStudy(newOrder){
    order = [...newOrder];
    idx = 0;
    studyArea.style.display = "block";
    resultBox.style.display = "none";
    render();
  }

  function resetAll(){
    reviewList = [];
    startStudy([...Array(ITEMS.length).keys()]);
  }

  function shuffleOrder(){
    for(let i = order.length - 1; i > 0; i--){
      const j = Math.floor(Math.random() * (i + 1));
      [order[i], order[j]] = [order[j], order[i]];
    }
    idx = 0;
    render();
  }

  card.addEventListener("click", flip);
  flipBtn.addEventListener("click", flip);
  speakBtn.addEventListener("click", () => speak(currentItem().word));
  knownBtn.addEventListener("click", nextCard);

  wrongBtn.addEventListener("click", () => {
    const currentIndex = order[idx];
    if(!reviewList.includes(currentIndex)){reviewList.push(currentIndex);}
    nextCard();
  });

  reviewBtn.addEventListener("click", () => {
    if(reviewList.length === 0) return;
    const list = [...reviewList];
    reviewList = [];
    startStudy(list);
  });

  againBtn.addEventListener("click", resetAll);
  shuffleBtn.addEventListener("click", shuffleOrder);
  resetBtn.addEventListener("click", resetAll);

  jpFirst.addEventListener("change", e => {
    showJpFirst = e.target.checked;
    render();
  });

  speakOnChk.addEventListener("change", e => {
    speakOn = e.target.checked;
    if(speakOn) speak(currentItem().word);
  });

  window.addEventListener("keydown", e => {
    if(e.key === " "){
      e.preventDefault();
      flip();
    }
  });

  render();
})();
</script>
</body>
</html>
<p>投稿 <a href="https://jouniorsankosodate.com/eiken5-no10/">英検５級 フラッシュ英単語 No.10｜場所・建物（音声対応）</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/eiken5-no10/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>英検５級 フラッシュ英単語 No.9｜時間・曜日（音声対応）</title>
		<link>https://jouniorsankosodate.com/eiken5-no9/</link>
					<comments>https://jouniorsankosodate.com/eiken5-no9/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Sat, 02 May 2026 08:15:58 +0000</pubDate>
				<category><![CDATA[🟧英検５級 英語シリーズ]]></category>
		<category><![CDATA[＃フラッシュ]]></category>
		<category><![CDATA[＃無料アプリ]]></category>
		<category><![CDATA[#英単語]]></category>
		<category><![CDATA[＃英検]]></category>
		<category><![CDATA[＃英検５級]]></category>
		<guid isPermaLink="false">https://jouniorsankosodate.com/?p=5319</guid>

					<description><![CDATA[<p>英検５級 フラッシュ英単語 No.9｜時間・曜日（音声対応） 英検５級 フラッシュ英単語 No.9 時間・曜日 日本語からスタート 🔊 音声ON — — 英語⇆日本語 ▶ 読み上げ わかった 👍 わからん！あとで復習 📌 [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/eiken5-no9/">英検５級 フラッシュ英単語 No.9｜時間・曜日（音声対応）</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>英検５級 フラッシュ英単語 No.9｜時間・曜日（音声対応）</title>

<style>
:root{
  --bg:#f7f7fb; --card:#ffffff; --ink:#111827; --muted:#6b7280;
  --accent:#f97316; --accent-weak:#ffedd5;
  --good:#22c55e; --review:#f59e0b;
  --shadow:0 6px 24px rgba(0,0,0,.08);
}
body{margin:0;background:var(--bg);}
.wrap{max-width:760px;margin:0 auto;padding:16px 16px 28px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial;color:var(--ink);}
header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 16px;flex-wrap:wrap;}
h1{font-size:18px;margin:0;font-weight:700;}
.badge{font-size:11px;color:var(--accent);background:var(--accent-weak);padding:3px 8px;border-radius:999px;}
.switches{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:13px;}
.switches input{accent-color:var(--accent);}
.card-outer{position:relative;perspective:1200px;margin:12px 0 8px;}
.card{position:relative;width:100%;min-height:190px;background:var(--card);border-radius:18px;box-shadow:var(--shadow);cursor:pointer;transform-style:preserve-3d;transition:transform .5s ease;}
.card.flipped{transform:rotateY(180deg);}
.face{position:absolute;inset:0;border-radius:18px;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;padding:24px;text-align:center;}
.frontText{font-size:30px;font-weight:800;}
.backText{font-size:24px;font-weight:700;}
.card-face-back{transform:rotateY(180deg);}
.controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;}
.btn{appearance:none;border:1px solid #e5e7eb;background:#fff;padding:11px 12px;border-radius:13px;font-size:14px;font-weight:700;line-height:1.2;cursor:pointer;color:var(--ink);}
.btn:hover{background:#fff7ed;}
.btn:active{transform:translateY(1px);}
.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent);}
.btn.good{background:var(--good);color:#fff;border-color:var(--good);}
.btn.review{background:var(--review);color:#fff;border-color:var(--review);}
.meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;color:var(--muted);font-size:13px;}
.progress{height:8px;background:var(--accent-weak);border-radius:999px;overflow:hidden;flex:1;}
.bar{height:100%;width:0;background:var(--accent);transition:.25s;}
.index{min-width:90px;text-align:right;}
.hint{margin-top:8px;color:var(--muted);font-size:12px;}
.result-box{display:none;background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:24px;text-align:center;margin-top:16px;}
.result-box h2{margin:0 0 10px;font-size:22px;}
.result-box p{color:#475569;font-weight:700;}
.series-nav-wrap{margin:32px 0 12px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;}
.series-nav-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;border-radius:999px;padding:10px 18px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.08);transition:.2s;font-size:14px;}
.series-nav-btn.nav-back{color:#f97316;border:2px solid #fed7aa;}
.series-nav-btn.next{color:#ea580c;border:2px solid #fed7aa;background:linear-gradient(135deg,#fff7ed,#ffedd5);}
.series-nav-btn:hover{transform:translateY(-2px);}
@media (min-width:560px){.frontText{font-size:36px}.backText{font-size:26px}.card{min-height:220px}}
@media(max-width:480px){.controls{grid-template-columns:1fr}.series-nav-btn{width:100%;font-size:15px;padding:12px 18px}}
</style>
</head>

<body>
<div class="wrap" id="app" aria-live="polite">

<header>
  <h1>英検５級 フラッシュ英単語 <span class="badge">No.9 時間・曜日</span></h1>
  <div class="switches">
    <label><input type="checkbox" id="jpFirst"> 日本語からスタート</label>
    <label><input type="checkbox" id="speakOn"> 🔊 音声ON</label>
  </div>
</header>

<div id="studyArea">
  <div class="card-outer" aria-label="フラッシュカード" role="button" tabindex="0">
    <div class="card" id="card">
      <div class="face card-face-front"><div class="frontText" id="frontText">—</div></div>
      <div class="face card-face-back"><div class="backText" id="backText">—</div></div>
    </div>
  </div>

  <div class="controls">
    <button class="btn primary" id="flipBtn">英語⇆日本語</button>
    <button class="btn" id="speakBtn">▶ 読み上げ</button>
    <button class="btn good" id="knownBtn">わかった 👍</button>
    <button class="btn review" id="wrongBtn">わからん！あとで復習 📌</button>
    <button class="btn" id="shuffleBtn">🔀 シャッフル</button>
    <button class="btn" id="resetBtn">↩︎ はじめから</button>
  </div>

  <div class="meta">
    <div class="progress"><div class="bar" id="bar"></div></div>
    <div class="index"><span id="pos">1</span>/<span id="total">—</span></div>
  </div>

  <p class="hint">カードをタップして答えを確認。わかったら「わかった」、不安なら「あとで復習」を押してね。</p>
</div>

<div class="result-box" id="resultBox">
  <h2 id="resultTitle">おつかれさま！✨</h2>
  <p id="resultText"></p>
  <div class="controls">
    <button class="btn review" id="reviewBtn">復習する 🔁</button>
    <button class="btn" id="againBtn">もう一回やる</button>
  </div>
</div>

<div class="series-nav-wrap">
  <a href="https://jouniorsankosodate.com/eiken5-no8/" class="series-nav-btn nav-back">← 前のレッスンへ</a>
  <a href="https://jouniorsankosodate.com/category/learn/english-flash/" class="series-nav-btn nav-back">英単語フラッシュのカテゴリ一覧に戻る</a>
  <a href="https://jouniorsankosodate.com/eiken5-no10/" class="series-nav-btn next">次のレッスンへ →</a>
</div>

</div>

<script>
const ITEMS = [
  { word: "Sunday", jp: "日曜日" },
  { word: "Monday", jp: "月曜日" },
  { word: "Tuesday", jp: "火曜日" },
  { word: "Wednesday", jp: "水曜日" },
  { word: "Thursday", jp: "木曜日" },
  { word: "Friday", jp: "金曜日" },
  { word: "Saturday", jp: "土曜日" },
  { word: "today", jp: "今日" },
  { word: "tomorrow", jp: "明日" },
  { word: "yesterday", jp: "昨日" },
  { word: "morning", jp: "朝／午前" },
  { word: "afternoon", jp: "午後" },
  { word: "evening", jp: "夕方／晩" },
  { word: "night", jp: "夜" },
  { word: "time", jp: "時間" },
  { word: "hour", jp: "1時間" },
  { word: "minute", jp: "分" },
  { word: "o'clock", jp: "〜時" }
];

let _voice = null;

function pickVoice(){
  const voices = speechSynthesis.getVoices() || [];
  const femaleNames = ["Sonia","Serena","Susan","Kate","Libby","Maisie","Google UK English Female","Microsoft Sonia","Microsoft Libby","Microsoft Susan"];

  return voices.find(v => v.lang === "en-GB" && femaleNames.some(name => v.name.includes(name)))
  || voices.find(v => v.lang === "en-GB")
  || voices.find(v => (v.lang || "").startsWith("en"))
  || null;
}

(() => {
  const card = document.getElementById("card");
  const frontText = document.getElementById("frontText");
  const backText = document.getElementById("backText");
  const posEl = document.getElementById("pos");
  const totalEl = document.getElementById("total");
  const bar = document.getElementById("bar");
  const jpFirst = document.getElementById("jpFirst");
  const speakOnChk = document.getElementById("speakOn");
  const flipBtn = document.getElementById("flipBtn");
  const speakBtn = document.getElementById("speakBtn");
  const knownBtn = document.getElementById("knownBtn");
  const wrongBtn = document.getElementById("wrongBtn");
  const shuffleBtn = document.getElementById("shuffleBtn");
  const resetBtn = document.getElementById("resetBtn");
  const studyArea = document.getElementById("studyArea");
  const resultBox = document.getElementById("resultBox");
  const resultTitle = document.getElementById("resultTitle");
  const resultText = document.getElementById("resultText");
  const reviewBtn = document.getElementById("reviewBtn");
  const againBtn = document.getElementById("againBtn");

  let order = [...Array(ITEMS.length).keys()];
  let idx = 0;
  let isFlipped = false;
  let showJpFirst = false;
  let speakOn = false;
  let reviewList = [];

  totalEl.textContent = order.length;

  speechSynthesis.addEventListener("voiceschanged", () => {_voice = pickVoice();});

  function speak(text){
    try{
      if(!("speechSynthesis" in window)) return;
      if(!_voice) _voice = pickVoice();

      const u = new SpeechSynthesisUtterance(text.trim());
      if(_voice){
        u.voice = _voice;
        u.lang = _voice.lang || "en-GB";
      }else{
        u.lang = "en-GB";
      }

      u.rate = 0.9;
      u.pitch = 1.05;
      speechSynthesis.cancel();
      speechSynthesis.speak(u);
    }catch(e){}
  }

  function currentItem(){return ITEMS[order[idx]];}

  function render(){
    const it = currentItem();
    card.classList.remove("flipped");
    isFlipped = false;

    frontText.textContent = showJpFirst ? it.jp : it.word;
    backText.textContent = showJpFirst ? it.word : it.jp;

    posEl.textContent = idx + 1;
    totalEl.textContent = order.length;
    bar.style.width = `${((idx + 1) / order.length) * 100}%`;

    if(speakOn){speak(it.word);}
  }

  function flip(){
    isFlipped = !isFlipped;
    card.classList.toggle("flipped", isFlipped);
  }

  function nextCard(){
    if(idx >= order.length - 1){
      showResult();
      return;
    }
    idx++;
    render();
  }

  function showResult(){
    studyArea.style.display = "none";
    resultBox.style.display = "block";

    if(reviewList.length === 0){
      resultTitle.textContent = "ぜんぶできた！すごい！！🎉";
      resultText.textContent = "あとで復習する単語は 0こ です。";
      reviewBtn.style.display = "none";
    }else{
      resultTitle.textContent = "おつかれさま！✨";
      resultText.textContent = `あとで復習する単語は ${reviewList.length}こ あるよ。`;
      reviewBtn.style.display = "inline-block";
    }
  }

  function startStudy(newOrder){
    order = [...newOrder];
    idx = 0;
    studyArea.style.display = "block";
    resultBox.style.display = "none";
    render();
  }

  function resetAll(){
    reviewList = [];
    startStudy([...Array(ITEMS.length).keys()]);
  }

  function shuffleOrder(){
    for(let i = order.length - 1; i > 0; i--){
      const j = Math.floor(Math.random() * (i + 1));
      [order[i], order[j]] = [order[j], order[i]];
    }
    idx = 0;
    render();
  }

  card.addEventListener("click", flip);
  flipBtn.addEventListener("click", flip);
  speakBtn.addEventListener("click", () => speak(currentItem().word));
  knownBtn.addEventListener("click", nextCard);

  wrongBtn.addEventListener("click", () => {
    const currentIndex = order[idx];
    if(!reviewList.includes(currentIndex)){reviewList.push(currentIndex);}
    nextCard();
  });

  reviewBtn.addEventListener("click", () => {
    if(reviewList.length === 0) return;
    const list = [...reviewList];
    reviewList = [];
    startStudy(list);
  });

  againBtn.addEventListener("click", resetAll);
  shuffleBtn.addEventListener("click", shuffleOrder);
  resetBtn.addEventListener("click", resetAll);

  jpFirst.addEventListener("change", e => {
    showJpFirst = e.target.checked;
    render();
  });

  speakOnChk.addEventListener("change", e => {
    speakOn = e.target.checked;
    if(speakOn) speak(currentItem().word);
  });

  window.addEventListener("keydown", e => {
    if(e.key === " "){
      e.preventDefault();
      flip();
    }
  });

  render();
})();
</script>
</body>
</html>
<p>投稿 <a href="https://jouniorsankosodate.com/eiken5-no9/">英検５級 フラッシュ英単語 No.9｜時間・曜日（音声対応）</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/eiken5-no9/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【英検4級】助動詞まとめ｜can・mustの使い方をやさしく解説🐙③</title>
		<link>https://jouniorsankosodate.com/rule-grade4-3/</link>
					<comments>https://jouniorsankosodate.com/rule-grade4-3/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Sun, 26 Apr 2026 02:30:45 +0000</pubDate>
				<category><![CDATA[🐙タコタの英文ルール📖]]></category>
		<category><![CDATA[#クイズ付き]]></category>
		<category><![CDATA[＃わかりやすい]]></category>
		<category><![CDATA[＃無料アプリ]]></category>
		<category><![CDATA[＃英検]]></category>
		<category><![CDATA[＃英検４級]]></category>
		<guid isPermaLink="false">https://jouniorsankosodate.com/?p=5155</guid>

					<description><![CDATA[<p>英検4級でよく出る「助動詞」を学ぼう🐙✨ 👉 canってどう使うの？ 👉 mustってなに？ このページでやさしく理解して、最後にクイズで確認しよう！ 🧠 ルール 🐙 助動詞ってなに？ 👉 動詞の前について意味をプラスす [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/rule-grade4-3/">【英検4級】助動詞まとめ｜can・mustの使い方をやさしく解説🐙③</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"></p>



<p>
英検4級でよく出る「助動詞」を学ぼう🐙✨<br><br>

👉 canってどう使うの？<br>
👉 mustってなに？<br><br>

このページでやさしく理解して、最後にクイズで確認しよう！
</p>



<h1 class="wp-block-heading">🧠 ルール</h1>



<h2 class="wp-block-heading"><span id="toc1">🐙 助動詞ってなに？</span></h2>



<p>
👉 動詞の前について意味をプラスする言葉
</p>

<p>
can → できる<br>
must → 〜しなければならない
</p>



<div style="background:#fff7ed;padding:12px;border-radius:12px;">
🐙 ポイント！<br>
<strong>助動詞のあとには必ず動詞の原形！</strong>
</div>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">✨ can</h1>



<h2 class="wp-block-heading"><span id="toc2">✔ 意味</span></h2>



<p class="wp-block-paragraph">👉 〜できる</p>



<p>
I can play soccer.<br>
（サッカーができる）
</p>



<h2 class="wp-block-heading"><span id="toc3">✔ 否定文</span></h2>



<p>
I cannot play soccer.<br>
（できない）
</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc4">✔ 疑問文</span></h2>



<p>
Can you play soccer?<br>
（できますか？）
</p>



<h2 class="wp-block-heading"><span id="toc5">✔ 答え方</span></h2>



<p>
Yes, I can.<br>
No, I cannot.
</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">✨ must</h1>



<figure class="wp-block-image size-full is-resized"><img fetchpriority="high" decoding="async" width="1000" height="667" src="https://jouniorsankosodate.com/wp-content/uploads/2026/04/8f242839bcdd8274c0ae0d5c14686e70.jpg" alt="" class="wp-image-5164" style="aspect-ratio:1.5;width:500px;height:auto" srcset="https://jouniorsankosodate.com/wp-content/uploads/2026/04/8f242839bcdd8274c0ae0d5c14686e70.jpg 1000w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/8f242839bcdd8274c0ae0d5c14686e70-300x200.jpg 300w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/8f242839bcdd8274c0ae0d5c14686e70-768x512.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<h2 class="wp-block-heading"><span id="toc6">✔ 意味</span></h2>



<p class="wp-block-paragraph">👉 〜しなければならない</p>



<p>
I must study.<br>
（勉強しなければならない）
</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc7">✔ 否定（重要）</span></h2>



<p>
You must not run.<br>
（走ってはいけない）
</p>



<p class="wp-block-paragraph">👉 ⚠️「してはいけない」になる！</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">🎯 まとめ</h1>



<ul>
<li>✔ 助動詞のあと → 原形</li>
<li>✔ can → できる</li>
<li>✔ must → 〜しなければならない</li>
<li>✔ must not → してはいけない</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2><span id="toc8">🐙 クイズでチェック！</span></h2>

<p>
ここまで理解できたらOK✨<br>
クイズで確認してみよう！
</p>



<div id="takotaQuiz"></div>

<style>
#takotaQuiz{
  max-width:820px;
  margin:30px auto;
  padding:20px;
  border-radius:20px;
  background:#fffdf7;
  border:3px solid #ffd9b3;
  text-align:center;
  box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

.q-box{
  font-size:22px;
  margin:20px 0;
  color:#4a88d8;
  font-weight:bold;
}

.ja-box{
  font-size:16px;
  margin-bottom:15px;
}

.choice{
  display:block;
  margin:10px auto;
  padding:12px;
  border-radius:20px;
  border:none;
  width:80%;
  cursor:pointer;
  background:linear-gradient(135deg,#ffe4ec,#fff7d6);
  font-weight:bold;
}

.choice:hover{transform:translateY(-2px);}

.correct{background:#c8f7c5 !important;}
.wrong{background:#ffd6d6 !important;}

#result{
  margin-top:15px;
  font-size:18px;
  font-weight:bold;
}

#nextBtn{
  margin-top:20px;
  padding:12px 24px;
  border:none;
  background:#ff9d58;
  color:#fff;
  border-radius:999px;
  cursor:pointer;
  font-weight:bold;
}
</style>

<script>
(function(){

const quiz = [

{q:"I can ___ soccer.",ja:"わたしはサッカーができます。",choices:["play","plays","played","playing"],answer:0},
{q:"She can ___ piano.",ja:"彼女はピアノが弾けます。",choices:["play","plays","played","playing"],answer:0},

{q:"I cannot ___ soccer.",ja:"わたしはサッカーができません。",choices:["play","plays","played","playing"],answer:0},

{q:"___ you play soccer?",ja:"サッカーができますか？",choices:["Do","Did","Can","Are"],answer:2},
{q:"Can she ___ piano?",ja:"彼女はピアノが弾けますか？",choices:["play","plays","played","playing"],answer:0},

{q:"Yes, I ___.",ja:"はい、できます。",choices:["can","do","am","did"],answer:0},
{q:"No, I ___.",ja:"いいえ、できません。",choices:["can't","don't","am not","didn't"],answer:0},

{q:"I must ___ study.",ja:"勉強しなければなりません。",choices:["study","studies","studied","studying"],answer:0},

{q:"You must not ___ here.",ja:"ここで走ってはいけません。",choices:["run","runs","ran","running"],answer:0},

{q:"🔀 並べ替え（いらない単語あり）",ja:"わたしはサッカーができます。",choices:["I can play soccer","I can plays soccer","I do can play soccer","Can I play soccer"],answer:0},

{q:"🔀 並べ替え（いらない単語あり）",ja:"彼女はピアノが弾けますか？",choices:["Can she play piano","Can she plays piano","She can play piano","Play she can piano"],answer:0},

{q:"🔀 並べ替え（いらない単語あり）",ja:"わたしは勉強しなければなりません。",choices:["I must study","I must studies","Must I study","I do must study"],answer:0},

{q:"He can ___ English.",ja:"彼は英語を話せます。",choices:["speak","speaks","spoke","speaking"],answer:0},

{q:"We can ___ to the park.",ja:"わたしたちは公園へ行けます。",choices:["go","goes","went","going"],answer:0},

{q:"You must ___ your homework.",ja:"宿題をしなければなりません。",choices:["do","does","did","doing"],answer:0}

];

let current=0;
let score=0;

const app=document.getElementById("takotaQuiz");

function showQ(){
  const q=quiz[current];

  app.innerHTML=`
    <div>🐙 ${current+1} / ${quiz.length}</div>
    <div class="q-box">${q.q}</div>
    <div class="ja-box">${q.ja}</div>

    ${q.choices.map((c,i)=>`<div class="choice" onclick="check(${i})">${c}</div>`).join("")}

    <div id="result"></div>

    <button id="nextBtn" onclick="nextQ()" style="display:none;">つぎへ ▶</button>
  `;
}

window.check=function(i){
  const buttons=document.querySelectorAll(".choice");
  const result=document.getElementById("result");

  buttons.forEach((b,index)=>{
    if(index===quiz[current].answer){
      b.classList.add("correct");
    }else if(index===i){
      b.classList.add("wrong");
    }
    b.onclick=null;
  });

  if(i===quiz[current].answer){
    score++;
    result.innerHTML="⭕ 正解！";
  }else{
    result.innerHTML="❌ 不正解…";
  }

  document.getElementById("nextBtn").style.display="inline-block";
}

window.nextQ=function(){
  current++;
  if(current<quiz.length){
    showQ();
  }else{
    app.innerHTML=`
      <h2><span id="toc9">🎉 クイズ終了！</span></h2>
      <p>${score} / ${quiz.length} 正解！</p>
      <p>助動詞のあと＝原形！を復習しよう🐙</p>
      <button onclick="location.reload()">もう一度</button>
    `;
  }
}

showQ();

})();
</script>



<!-- =========================================
🐙 レッスンナビ（前・一覧・次）
========================================= -->

<div style="margin-top:40px;padding:20px;border-radius:16px;background:#fff7ed;border:2px solid #fed7aa;">

  <p style="text-align:center;margin:0 0 12px;font-weight:bold;">
    👉 順番にやると理解が深まるよ✨
  </p>

  <div style="display:flex;flex-direction:column;gap:12px;">

    <!-- 前 -->
    <a href="https://jouniorsankosodate.com/rule-grade4-2/" style="text-decoration:none;">
      <div style="background:#e0f2fe;padding:14px;border-radius:12px;font-weight:bold;color:#0f172a;">
        ◀ 前のレッスン：過去形
      </div>
    </a>

    <!-- 一覧 -->
    <a href="https://jouniorsankosodate.com/rule/" style="text-decoration:none;">
      <div style="background:#fff3c4;padding:14px;border-radius:12px;font-weight:bold;color:#92400e;text-align:center;">
        📚 一覧に戻る
      </div>
    </a>

    <!-- 次 -->
    <a href="https://jouniorsankosodate.com/rule-grade4-4/" style="text-decoration:none;">
      <div style="background:#dcfce7;padding:14px;border-radius:12px;font-weight:bold;color:#065f46;">
        次のレッスン：不定詞（to〜） ▶
      </div>
    </a>

  </div>

</div>



<a href="https://blogmura.com/profiles/11199271?p_cid=11199271"><img decoding="async" src="https://blogparts.blogmura.com/parts_image/user/pv11199271.gif" alt="PVアクセスランキング にほんブログ村" /></a>



<p class="wp-block-paragraph">読んだよ！の応援クリック嬉しいです👇</p>



<a rel="noopener" href="https://blogmura.com/ranking/in?p_cid=11199271" target="_blank"><img decoding="async" src="https://b.blogmura.com/original/1411684" width="240" height="240" border="0" alt="にほんブログ村 にほんブログ村へ" /></a><br /><a rel="noopener" href="https://blogmura.com/ranking/in?p_cid=11199271" target="_blank">にほんブログ村</a>



<p class="wp-block-paragraph"></p>
<p>投稿 <a href="https://jouniorsankosodate.com/rule-grade4-3/">【英検4級】助動詞まとめ｜can・mustの使い方をやさしく解説🐙③</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/rule-grade4-3/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>🐙【タコタの英語ルール完全理解⑲】🐙疑問文の答え方まとめ</title>
		<link>https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e8%aa%9e%e3%83%ab%e3%83%bc%e3%83%ab%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b2%e3%80%91%f0%9f%90%99%e7%96%91%e5%95%8f%e6%96%87/</link>
					<comments>https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e8%aa%9e%e3%83%ab%e3%83%bc%e3%83%ab%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b2%e3%80%91%f0%9f%90%99%e7%96%91%e5%95%8f%e6%96%87/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Tue, 14 Apr 2026 14:11:52 +0000</pubDate>
				<category><![CDATA[🐙タコタの英文ルール📖]]></category>
		<category><![CDATA[#クイズ]]></category>
		<category><![CDATA[#疑問文]]></category>
		<category><![CDATA[#英単語]]></category>
		<category><![CDATA[＃英検]]></category>
		<category><![CDATA[＃英語学習]]></category>
		<guid isPermaLink="false">https://jouniorsankosodate.com/?p=4769</guid>

					<description><![CDATA[<p>目次 🐙疑問文の答え方は「聞かれた形」で返す！🟦① 一般動詞（do / does）do の質問does の質問🟨② be動詞（am / is / are）🟩③ can の疑問文🟪④ 5W1H の質問聞かれた形でこたえよう [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e8%aa%9e%e3%83%ab%e3%83%bc%e3%83%ab%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b2%e3%80%91%f0%9f%90%99%e7%96%91%e5%95%8f%e6%96%87/">🐙【タコタの英語ルール完全理解⑲】🐙疑問文の答え方まとめ</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[

  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-6" checked><label class="toc-title" for="toc-checkbox-6">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">🐙疑問文の答え方は「聞かれた形」で返す！</a></li><li><a href="#toc2" tabindex="0">🟦① 一般動詞（do / does）</a><ol><li><a href="#toc3" tabindex="0">do の質問</a></li><li><a href="#toc4" tabindex="0">does の質問</a></li></ol></li><li><a href="#toc5" tabindex="0">🟨② be動詞（am / is / are）</a></li><li><a href="#toc6" tabindex="0">🟩③ can の疑問文</a></li><li><a href="#toc7" tabindex="0">🟪④ 5W1H の質問</a></li><li><a href="#toc8" tabindex="0">聞かれた形でこたえよう！</a><ol><li><a href="#toc9" tabindex="0">クイズしゅうりょう！</a></li></ol></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">🐙疑問文の答え方は「聞かれた形」で返す！</span></h2>



<p class="wp-block-paragraph">英語の疑問文は、<br>👉 <strong>質問の形に合わせて答える</strong> のがポイントです。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc2">🟦① 一般動詞（do / does）</span></h2>



<h3 class="wp-block-heading"><span id="toc3">do の質問</span></h3>



<p class="wp-block-paragraph">Do you play soccer?<br>（あなたはサッカーをしますか？）</p>



<p class="wp-block-paragraph">👉答え方</p>



<ul class="wp-block-list">
<li>Yes, I do.</li>



<li>No, I don’t.</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading"><span id="toc4">does の質問</span></h3>



<p class="wp-block-paragraph">Does he play soccer?<br>（彼はサッカーをしますか？）</p>



<p class="wp-block-paragraph">👉答え方</p>



<ul class="wp-block-list">
<li>Yes, he does.</li>



<li>No, he doesn’t.</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p class="wp-block-paragraph">💡ポイント<br><code>does</code> で聞かれたら<br>👉 <strong>does / doesn’t で返す！</strong></p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc5">🟨② be動詞（am / is / are）</span></h2>



<p class="wp-block-paragraph">Are you happy?<br>（あなたはうれしいですか？）</p>



<p class="wp-block-paragraph">👉答え方</p>



<ul class="wp-block-list">
<li>Yes, I am.</li>



<li>No, I’m not.</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p class="wp-block-paragraph">Is he your brother?<br>（彼はあなたのお兄さんですか？）</p>



<p class="wp-block-paragraph">👉答え方</p>



<ul class="wp-block-list">
<li>Yes, he is.</li>



<li>No, he isn’t.</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc6">🟩③ can の疑問文</span></h2>



<p class="wp-block-paragraph">Can you swim?<br>（あなたは泳げますか？）</p>



<p class="wp-block-paragraph">👉答え方</p>



<ul class="wp-block-list">
<li>Yes, I can.</li>



<li>No, I can’t.</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc7">🟪④ 5W1H の質問</span></h2>



<p class="wp-block-paragraph">Where do you live?<br>（あなたはどこに住んでいますか？）</p>



<p class="wp-block-paragraph">👉答え方</p>



<ul class="wp-block-list">
<li>I live in Osaka.</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p class="wp-block-paragraph">What does he like?<br>（彼は何が好きですか？）</p>



<p class="wp-block-paragraph">👉答え方</p>



<ul class="wp-block-list">
<li>He likes apples.</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p class="wp-block-paragraph">💡ポイント<br>5W1Hは<br>👉 <strong>Yes / No では答えない</strong><br>👉 <strong>中身を文で答える！</strong></p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">🎯まとめ</h1>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>質問の形</th><th>答え方</th></tr></thead><tbody><tr><td>Do you ～?</td><td>Yes, I do. / No, I don’t.</td></tr><tr><td>Does he ～?</td><td>Yes, he does. / No, he doesn’t.</td></tr><tr><td>Are you ～?</td><td>Yes, I am. / No, I’m not.</td></tr><tr><td>Is he ～?</td><td>Yes, he is. / No, he isn’t.</td></tr><tr><td>Can you ～?</td><td>Yes, I can. / No, I can’t.</td></tr><tr><td>What / Where / Why ～?</td><td>文で答える</td></tr></tbody></table></figure>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">🐙タコタのひとこと</h1>



<p class="wp-block-paragraph">👉 <strong>聞かれた形を、そのまま返したらOK！</strong></p>



<div class="tacota-answer-quiz" id="tacotaAnswerQuiz">
  <div class="taq-wrap">
    <div class="taq-header">
      <div class="taq-badge">🐙 疑問文の答え方クイズ</div>
      <h2><span id="toc8">聞かれた形でこたえよう！</span></h2>
      <p>do / does / be動詞 / can / 5W1H をまとめてチェック✨</p>
    </div>

    <div class="taq-topbar">
      <div class="taq-pill" id="taqCount">もんだい 1 / 12</div>
      <div class="taq-pill taq-score" id="taqScore">せいかい 0</div>
    </div>

    <div class="taq-questionbox">
      <p class="taq-label">もんだい</p>
      <p class="taq-en" id="taqEn">Question here.</p>
      <p class="taq-ja" id="taqJa">日本語がここに出るよ</p>
    </div>

    <div class="taq-choices" id="taqChoices"></div>

    <div class="taq-result" id="taqResult"></div>

    <div class="taq-controls">
      <button type="button" class="taq-btn taq-next" id="taqNextBtn" style="display:none;">つぎへ ▶</button>
    </div>

    <div class="taq-end" id="taqEnd" style="display:none;">
      <div class="taq-finish">🎉</div>
      <h3><span id="toc9">クイズしゅうりょう！</span></h3>
      <p class="taq-finalscore" id="taqFinalScore"></p>
      <div class="taq-endbuttons">
        <button type="button" class="taq-btn taq-restart" id="taqRestartBtn">↩ はじめから</button>
      </div>
    </div>
  </div>
</div>

<style>
.tacota-answer-quiz{
  max-width: 860px;
  margin: 30px auto;
  padding: 20px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,0.85) 0 7%, transparent 8%),
    radial-gradient(circle at 82% 25%, rgba(255,255,255,0.65) 0 6%, transparent 7%),
    radial-gradient(circle at 26% 78%, rgba(255,255,255,0.6) 0 6%, transparent 7%),
    linear-gradient(180deg, #fffdf5 0%, #fff8ef 45%, #f7fcff 100%);
  border: 3px solid #ffe0c0;
  box-shadow: 0 10px 24px rgba(0,0,0,0.08);
  font-family: "Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif;
  color: #51453f;
}

.taq-wrap{
  background: rgba(255,255,255,0.92);
  border: 2px solid #ffe8d5;
  border-radius: 24px;
  padding: 22px;
  box-shadow: 0 8px 18px rgba(255,190,120,0.12);
}

.taq-header{
  text-align:center;
  margin-bottom:18px;
}

.taq-badge{
  display:inline-block;
  padding:8px 16px;
  border-radius:999px;
  background:#ffe79d;
  color:#885900;
  font-weight:bold;
  font-size:14px;
  margin-bottom:10px;
  box-shadow:0 3px 0 rgba(180,140,40,0.18);
}

.taq-header h2{
  margin:0 0 8px;
  font-size:32px;
  line-height:1.3;
  color:#ff8b5d;
}

.taq-header p{
  margin:0;
  color:#75675f;
}

.taq-topbar{
  display:flex;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:18px;
}

.taq-pill{
  background:#fff3de;
  color:#75592e;
  border-radius:999px;
  padding:10px 16px;
  font-size:15px;
  font-weight:bold;
}

.taq-score{
  background:#e9f7ff;
  color:#2b6f8a;
}

.taq-questionbox{
  background:linear-gradient(180deg, #fffefb 0%, #fff7f2 100%);
  border:2px dashed #ffd7c1;
  border-radius:20px;
  padding:20px 16px;
  text-align:center;
  margin-bottom:18px;
}

.taq-label{
  margin:0 0 10px;
  font-size:14px;
  font-weight:bold;
  color:#ff9d79;
  letter-spacing:0.08em;
}

.taq-en{
  margin:0 0 10px;
  font-size:24px;
  font-weight:bold;
  line-height:1.8;
  color:#4a88d8;
}

.taq-ja{
  margin:0;
  font-size:18px;
  font-weight:bold;
  line-height:1.7;
  color:#4b3f39;
}

.taq-choices{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.taq-choice{
  border:none;
  border-radius:18px;
  padding:16px 12px;
  font-size:20px;
  font-weight:bold;
  cursor:pointer;
  background:linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  color:#4c4c4c;
  border:2px solid #dce9ff;
  box-shadow:0 6px 0 #e8f0ff;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.taq-choice:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 0 #e8f0ff;
  background:linear-gradient(180deg, #ffffff 0%, #eef7ff 100%);
}

.taq-choice.correct{
  background:linear-gradient(180deg, #effff2 0%, #daf6df 100%);
  border-color:#86d59c;
  box-shadow:0 6px 0 #c9ecd0;
  color:#246f43;
}

.taq-choice.wrong{
  background:linear-gradient(180deg, #fff4f4 0%, #ffe0e0 100%);
  border-color:#f0a1a1;
  box-shadow:0 6px 0 #f5cccc;
  color:#b94a4a;
}

.taq-choice:disabled{
  cursor:default;
}

.taq-result{
  min-height:34px;
  margin-top:18px;
  text-align:center;
  font-size:18px;
  font-weight:bold;
  line-height:1.7;
}

.taq-controls{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:16px;
}

.taq-btn{
  border:none;
  border-radius:999px;
  padding:13px 22px;
  font-size:16px;
  font-weight:bold;
  cursor:pointer;
  transition:transform .15s ease;
}

.taq-btn:hover{
  transform:translateY(-1px);
}

.taq-next{
  background:linear-gradient(180deg, #ffbc75 0%, #ff9d58 100%);
  color:#fff;
  box-shadow:0 5px 0 #e18747;
}

.taq-restart{
  background:linear-gradient(180deg, #ffb9cf 0%, #ff96b9 100%);
  color:#fff;
  box-shadow:0 5px 0 #e27b9f;
}

.taq-end{
  display:none;
  text-align:center;
  margin-top:20px;
}

.taq-finish{
  font-size:42px;
  margin-bottom:8px;
}

.taq-end h3{
  margin:0 0 10px;
  font-size:30px;
  color:#ff8b5d;
}

.taq-finalscore{
  font-size:22px;
  font-weight:bold;
  margin-bottom:18px;
}

@media (max-width: 640px){
  .tacota-answer-quiz{
    padding:16px 12px;
    border-radius:22px;
  }
  .taq-header h2{
    font-size:28px;
  }
  .taq-en{
    font-size:20px;
  }
  .taq-ja{
    font-size:16px;
  }
  .taq-choices{
    grid-template-columns:1fr;
  }
  .taq-choice{
    font-size:18px;
  }
}
</style>

<script>
(function(){
  const quizData = [
    {
      en: "Do you play soccer?",
      ja: "あなたはサッカーをしますか？",
      answer: "Yes, I do.",
      choices: ["Yes, I do.", "Yes, I am.", "Yes, I can.", "I play soccer."]
    },
    {
      en: "Does he like apples?",
      ja: "彼はりんごが好きですか？",
      answer: "Yes, he does.",
      choices: ["Yes, he does.", "Yes, he do.", "Yes, he is.", "Yes, he can."]
    },
    {
      en: "Does she study English?",
      ja: "彼女は英語を勉強しますか？",
      answer: "No, she doesn't.",
      choices: ["No, she doesn't.", "No, she don't.", "No, she isn't.", "No, she can't."]
    },
    {
      en: "Are you happy?",
      ja: "あなたはうれしいですか？",
      answer: "Yes, I am.",
      choices: ["Yes, I am.", "Yes, I do.", "Yes, I can.", "I am happy."]
    },
    {
      en: "Is he your brother?",
      ja: "彼はあなたのお兄さんですか？",
      answer: "No, he isn't.",
      choices: ["No, he isn't.", "No, he doesn't.", "No, he can't.", "No, he don't."]
    },
    {
      en: "Can you swim?",
      ja: "あなたは泳げますか？",
      answer: "Yes, I can.",
      choices: ["Yes, I can.", "Yes, I do.", "Yes, I am.", "I can swim."]
    },
    {
      en: "Can she run fast?",
      ja: "彼女は速く走れますか？",
      answer: "No, she can't.",
      choices: ["No, she can't.", "No, she doesn't.", "No, she isn't.", "No, she don't."]
    },
    {
      en: "Where do you live?",
      ja: "あなたはどこに住んでいますか？",
      answer: "I live in Osaka.",
      choices: ["I live in Osaka.", "Yes, I do.", "No, I don't.", "Yes, I am."]
    },
    {
      en: "What does he like?",
      ja: "彼は何が好きですか？",
      answer: "He likes apples.",
      choices: ["He likes apples.", "Yes, he does.", "No, he doesn't.", "He is apples."]
    },
    {
      en: "Why are you happy?",
      ja: "なぜあなたはうれしいのですか？",
      answer: "Because I got a present.",
      choices: ["Because I got a present.", "Yes, I am.", "No, I'm not.", "I am happy."]
    },
    {
      en: "When does she study?",
      ja: "彼女はいつ勉強しますか？",
      answer: "She studies at night.",
      choices: ["She studies at night.", "Yes, she does.", "No, she doesn't.", "She does study."]
    },
    {
      en: "How do you go to school?",
      ja: "どうやって学校に行きますか？",
      answer: "I go by bus.",
      choices: ["I go by bus.", "Yes, I do.", "No, I don't.", "I go school."]
    }
  ];

  let currentIndex = 0;
  let score = 0;

  const countEl = document.getElementById("taqCount");
  const scoreEl = document.getElementById("taqScore");
  const enEl = document.getElementById("taqEn");
  const jaEl = document.getElementById("taqJa");
  const choicesEl = document.getElementById("taqChoices");
  const resultEl = document.getElementById("taqResult");
  const nextBtn = document.getElementById("taqNextBtn");
  const endEl = document.getElementById("taqEnd");
  const finalEl = document.getElementById("taqFinalScore");

  function shuffleArray(array){
    const arr = array.slice();
    for(let i = arr.length - 1; i > 0; i--){
      const j = Math.floor(Math.random() * (i + 1));
      [arr[i], arr[j]] = [arr[j], arr[i]];
    }
    return arr;
  }

  function updateScore(){
    scoreEl.textContent = "せいかい " + score;
  }

  function showQuestion(){
    const q = quizData[currentIndex];
    countEl.textContent = "もんだい " + (currentIndex + 1) + " / " + quizData.length;
    enEl.textContent = q.en;
    jaEl.textContent = q.ja;
    resultEl.textContent = "";
    nextBtn.style.display = "none";
    choicesEl.innerHTML = "";

    const shuffled = shuffleArray(q.choices);

    shuffled.forEach(choice => {
      const btn = document.createElement("button");
      btn.type = "button";
      btn.className = "taq-choice";
      btn.textContent = choice;

      btn.addEventListener("click", function(){
        const allBtns = choicesEl.querySelectorAll(".taq-choice");
        allBtns.forEach(b => b.disabled = true);

        if(choice === q.answer){
          btn.classList.add("correct");
          resultEl.textContent = "⭕ せいかい！";
          score++;
          updateScore();
        } else {
          btn.classList.add("wrong");
          allBtns.forEach(b => {
            if(b.textContent === q.answer){
              b.classList.add("correct");
            }
          });
          resultEl.textContent = "❌ ざんねん！ 正解は「" + q.answer + "」だよ。";
        }

        nextBtn.style.display = "inline-block";
      });

      choicesEl.appendChild(btn);
    });
  }

  nextBtn.addEventListener("click", function(){
    currentIndex++;
    if(currentIndex < quizData.length){
      showQuestion();
    } else {
      document.querySelector(".taq-topbar").style.display = "none";
      document.querySelector(".taq-questionbox").style.display = "none";
      document.querySelector(".taq-choices").style.display = "none";
      document.querySelector(".taq-result").style.display = "none";
      document.querySelector(".taq-controls").style.display = "none";
      endEl.style.display = "block";
      finalEl.textContent = quizData.length + "もんちゅう " + score + "もんせいかい！";
    }
  });

  document.getElementById("taqRestartBtn").addEventListener("click", function(){
    currentIndex = 0;
    score = 0;
    updateScore();

    document.querySelector(".taq-topbar").style.display = "flex";
    document.querySelector(".taq-questionbox").style.display = "block";
    document.querySelector(".taq-choices").style.display = "grid";
    document.querySelector(".taq-result").style.display = "block";
    document.querySelector(".taq-controls").style.display = "flex";
    endEl.style.display = "none";

    showQuestion();
  });

  updateScore();
  showQuestion();
})();
</script>



<!-- =========================================
🐙 シリーズナビ（前・次・一覧）
========================================= -->
<div class="takota-series-nav">

  <!-- 前へ -->
  <a class="nav-btn prev" href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b1%e3%80%91can%e3%81%ae%e4%bd%bf%e3%81%84%e6%96%b9/">
    ⬅ 前のレッスン
  </a>

  <!-- 一覧 -->
  <a class="nav-btn list" href="https://jouniorsankosodate.com/rule/">
    📚 一覧に戻る
  </a>

  <!-- 次へ -->
  <a class="nav-btn next" href="https://jouniorsankosodate.com/%f0%9f%90%99-%e8%8b%b1%e6%a4%9c5%e7%b4%9a-%e7%b7%8f%e3%81%be%e3%81%a8%e3%82%81%e3%83%86%e3%82%b9%e3%83%88%ef%bc%88%e5%85%a850%e5%95%8f%ef%bc%89/">
    次のレッスン ➡
  </a>

</div>

<style>
.takota-series-nav{
  display:flex;
  gap:10px;
  margin:30px 0;
  flex-wrap:wrap;
}

.nav-btn{
  flex:1;
  text-align:center;
  padding:12px;
  border-radius:14px;
  font-weight:bold;
  text-decoration:none;
  font-size:14px;
  transition:.2s;
  box-shadow:0 4px 8px rgba(0,0,0,0.08);
}

/* 前 */
.nav-btn.prev{
  background:#e0f2fe;
  color:#0369a1;
}

/* 一覧 */
.nav-btn.list{
  background:#fff7ed;
  color:#c2410c;
}

/* 次 */
.nav-btn.next{
  background:#ffe4e6;
  color:#be123c;
}

.nav-btn:hover{
  transform:translateY(-2px);
}
</style>



<a href="https://blogmura.com/profiles/11199271?p_cid=11199271"><img decoding="async" src="https://blogparts.blogmura.com/parts_image/user/pv11199271.gif" alt="PVアクセスランキング にほんブログ村" /></a>



<p class="wp-block-paragraph">読んだよ！の応援クリック嬉しいです👇</p>



<a rel="noopener" href="https://blogmura.com/ranking/in?p_cid=11199271" target="_blank"><img decoding="async" src="https://b.blogmura.com/original/1411684" width="240" height="240" border="0" alt="にほんブログ村 にほんブログ村へ" /></a><br /><a rel="noopener" href="https://blogmura.com/ranking/in?p_cid=11199271" target="_blank">にほんブログ村</a>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"></p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>
<p>投稿 <a href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e8%aa%9e%e3%83%ab%e3%83%bc%e3%83%ab%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b2%e3%80%91%f0%9f%90%99%e7%96%91%e5%95%8f%e6%96%87/">🐙【タコタの英語ルール完全理解⑲】🐙疑問文の答え方まとめ</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e8%aa%9e%e3%83%ab%e3%83%bc%e3%83%ab%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b2%e3%80%91%f0%9f%90%99%e7%96%91%e5%95%8f%e6%96%87/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>🐙【タコタの英文ルール 完全理解⑱】canの使い方｜「できる」を一発で理解！</title>
		<link>https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b1%e3%80%91can%e3%81%ae%e4%bd%bf%e3%81%84%e6%96%b9/</link>
					<comments>https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b1%e3%80%91can%e3%81%ae%e4%bd%bf%e3%81%84%e6%96%b9/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Mon, 13 Apr 2026 14:31:38 +0000</pubDate>
				<category><![CDATA[🐙タコタの英文ルール📖]]></category>
		<category><![CDATA[＃can]]></category>
		<category><![CDATA[#クイズ]]></category>
		<category><![CDATA[＃わかりやすい]]></category>
		<category><![CDATA[#英単語]]></category>
		<category><![CDATA[＃英検]]></category>
		<category><![CDATA[＃英語学習]]></category>
		<guid isPermaLink="false">https://jouniorsankosodate.com/?p=4762</guid>

					<description><![CDATA[<p>canってよく出てくるけど👇 👉「できる」だけ覚えて終わってない？ 実は👇めちゃくちゃシンプルで使いやすい！ 🧠canの意味（これだけ！） 👉 can = できる 📌例 💡もうひとつの意味 👉 can = してもいい 📌 [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b1%e3%80%91can%e3%81%ae%e4%bd%bf%e3%81%84%e6%96%b9/">🐙【タコタの英文ルール 完全理解⑱】canの使い方｜「できる」を一発で理解！</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">canってよく出てくるけど👇</p>



<p class="wp-block-paragraph">👉「できる」だけ覚えて終わってない？</p>



<p class="wp-block-paragraph">実は👇<br><strong>めちゃくちゃシンプルで使いやすい！</strong></p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">🧠canの意味（これだけ！）</h1>



<p class="wp-block-paragraph"><strong>👉 can = できる</strong></p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc1">📌例</span></h2>



<ul class="wp-block-list">
<li>I can swim.<br>（わたしは泳げる）</li>



<li>I can run.<br>（走れる）</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">💡もうひとつの意味</h1>



<p class="wp-block-paragraph">👉 can = してもいい</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc2">📌例</span></h2>



<ul class="wp-block-list">
<li>You can go.<br>（行っていいよ）</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">🎯ルール（超シンプル）</h1>



<p class="wp-block-paragraph">👉 canのあと<br><strong><span class="fz-22px">動詞そのまま！</span></strong></p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc3">📌例</span></h2>



<ul class="wp-block-list">
<li>I can <strong>play</strong>.<br>（playそのまま）</li>
</ul>



<p class="wp-block-paragraph">❌ She can plays<br>❌ I can playing</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">📌疑問文</h1>



<p class="wp-block-paragraph"><span class="fz-24px"><strong>👉 canを前に出すだけ！</strong></span></p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc4">📌例</span></h2>



<ul class="wp-block-list">
<li>Can you swim?<br>（泳げる？）</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">📌答え方</h1>



<ul class="wp-block-list">
<li>Yes, I can.</li>



<li>No, I can&#8217;t.</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">📌否定文</h1>



<p class="wp-block-paragraph"><strong><span class="fz-24px">👉 can＋not　</span><span class="fz-24px">をつけるだけ</span></strong></p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc5">📌例</span></h2>



<ul class="wp-block-list">
<li>I can not  swim.<br>（泳げない）</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">🎮クイズ（4択・穴埋め）</h1>



<div class="tacota-can-quiz2" id="tacotaCanQuiz2">
  <div class="tcq-card">
    <div class="tcq-header">
      <div class="tcq-badge">🐙 can クイズ</div>
      <h2><span id="toc6">4たく えらんでみよう！</span></h2>
      <p class="tcq-lead">肯定文・否定文・疑問文をまとめてチェック✨</p>
    </div>

    <div class="tcq-topbar">
      <div class="tcq-pill" id="tcqCount">もんだい 1 / 16</div>
      <div class="tcq-pill tcq-score" id="tcqScore">せいかい 0</div>
    </div>

    <div class="tcq-questionbox">
      <p class="tcq-label">もんだい</p>
      <p class="tcq-en" id="tcqEn">Question here.</p>
      <p class="tcq-ja" id="tcqJa">日本語がここに出るよ</p>
    </div>

    <div class="tcq-choices" id="tcqChoices"></div>

    <div class="tcq-result" id="tcqResult"></div>

    <div class="tcq-controls">
      <button type="button" class="tcq-btn tcq-next" id="tcqNextBtn" style="display:none;">つぎへ ▶</button>
    </div>

    <div class="tcq-end" id="tcqEnd" style="display:none;">
      <div class="tcq-finish">🎉</div>
      <h3><span id="toc7">クイズしゅうりょう！</span></h3>
      <p class="tcq-finalscore" id="tcqFinalScore"></p>
      <div class="tcq-endbuttons">
        <button type="button" class="tcq-btn tcq-restart" id="tcqRestartBtn">↩ もういちど</button>
      </div>
    </div>
  </div>
</div>

<style>
.tacota-can-quiz2{
  max-width: 860px;
  margin: 30px auto;
  padding: 20px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,0.85) 0 7%, transparent 8%),
    radial-gradient(circle at 82% 25%, rgba(255,255,255,0.65) 0 6%, transparent 7%),
    radial-gradient(circle at 26% 78%, rgba(255,255,255,0.6) 0 6%, transparent 7%),
    linear-gradient(180deg, #fffdf5 0%, #fff8ef 45%, #f7fcff 100%);
  border: 3px solid #ffe0c0;
  box-shadow: 0 10px 24px rgba(0,0,0,0.08);
  font-family: "Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif;
  color: #51453f;
}

.tcq-card{
  background: rgba(255,255,255,0.92);
  border: 2px solid #ffe8d5;
  border-radius: 24px;
  padding: 22px;
  box-shadow: 0 8px 18px rgba(255,190,120,0.12);
}

.tcq-header{
  text-align:center;
  margin-bottom:18px;
}

.tcq-badge{
  display:inline-block;
  padding:8px 16px;
  border-radius:999px;
  background:#ffe79d;
  color:#885900;
  font-weight:bold;
  font-size:14px;
  margin-bottom:10px;
  box-shadow:0 3px 0 rgba(180,140,40,0.18);
}

.tcq-header h2{
  margin:0 0 8px;
  font-size:32px;
  line-height:1.3;
  color:#ff8b5d;
}

.tcq-lead{
  margin:0;
  font-size:16px;
  color:#75675f;
}

.tcq-topbar{
  display:flex;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:18px;
}

.tcq-pill{
  background:#fff3de;
  color:#75592e;
  border-radius:999px;
  padding:10px 16px;
  font-size:15px;
  font-weight:bold;
}

.tcq-score{
  background:#e9f7ff;
  color:#2b6f8a;
}

.tcq-questionbox{
  background:linear-gradient(180deg, #fffefb 0%, #fff7f2 100%);
  border:2px dashed #ffd7c1;
  border-radius:20px;
  padding:20px 16px;
  text-align:center;
  margin-bottom:18px;
}

.tcq-label{
  margin:0 0 10px;
  font-size:14px;
  font-weight:bold;
  color:#ff9d79;
  letter-spacing:0.08em;
}

.tcq-en{
  margin:0 0 10px;
  font-size:24px;
  font-weight:bold;
  line-height:1.8;
  color:#4a88d8;
}

.tcq-ja{
  margin:0;
  font-size:18px;
  font-weight:bold;
  line-height:1.7;
  color:#4b3f39;
}

.tcq-choices{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.tcq-choice{
  border:none;
  border-radius:18px;
  padding:16px 12px;
  font-size:20px;
  font-weight:bold;
  cursor:pointer;
  background:linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  color:#4c4c4c;
  border:2px solid #dce9ff;
  box-shadow:0 6px 0 #e8f0ff;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.tcq-choice:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 0 #e8f0ff;
  background:linear-gradient(180deg, #ffffff 0%, #eef7ff 100%);
}

.tcq-choice.correct{
  background:linear-gradient(180deg, #effff2 0%, #daf6df 100%);
  border-color:#86d59c;
  box-shadow:0 6px 0 #c9ecd0;
  color:#246f43;
}

.tcq-choice.wrong{
  background:linear-gradient(180deg, #fff4f4 0%, #ffe0e0 100%);
  border-color:#f0a1a1;
  box-shadow:0 6px 0 #f5cccc;
  color:#b94a4a;
}

.tcq-choice:disabled{
  cursor:default;
}

.tcq-result{
  min-height:34px;
  margin-top:18px;
  text-align:center;
  font-size:18px;
  font-weight:bold;
  line-height:1.7;
}

.tcq-controls{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:16px;
}

.tcq-btn{
  border:none;
  border-radius:999px;
  padding:13px 22px;
  font-size:16px;
  font-weight:bold;
  cursor:pointer;
  transition:transform .15s ease;
}

.tcq-btn:hover{
  transform:translateY(-1px);
}

.tcq-next{
  background:linear-gradient(180deg, #ffbc75 0%, #ff9d58 100%);
  color:#fff;
  box-shadow:0 5px 0 #e18747;
}

.tcq-restart{
  background:linear-gradient(180deg, #ffb9cf 0%, #ff96b9 100%);
  color:#fff;
  box-shadow:0 5px 0 #e27b9f;
}

.tcq-end{
  display:none;
  text-align:center;
  margin-top:20px;
}

.tcq-finish{
  font-size:42px;
  margin-bottom:8px;
}

.tcq-end h3{
  margin:0 0 10px;
  font-size:30px;
  color:#ff8b5d;
}

.tcq-finalscore{
  font-size:22px;
  font-weight:bold;
  margin-bottom:18px;
}

@media (max-width: 640px){
  .tacota-can-quiz2{
    padding:16px 12px;
    border-radius:22px;
  }
  .tcq-header h2{
    font-size:28px;
  }
  .tcq-en{
    font-size:20px;
  }
  .tcq-ja{
    font-size:16px;
  }
  .tcq-choices{
    grid-template-columns:1fr;
  }
  .tcq-choice{
    font-size:18px;
  }
}
</style>

<script>
(function(){
  const originalQuizData = [
    {
      en:"I (   ) swim.",
      ja:"わたしは泳げる。",
      answer:"can",
      choices:["can","am","do","is"]
    },
    {
      en:"I can (   ).",
      ja:"わたしは走れる。",
      answer:"run",
      choices:["run","runs","running","ran"]
    },
    {
      en:"She (   ) play the piano.",
      ja:"彼女はピアノが弾ける。",
      answer:"can",
      choices:["can","does","is","has"]
    },
    {
      en:"He can (   ) fast.",
      ja:"彼は速く走れる。",
      answer:"run",
      choices:["run","runs","running","ran"]
    },
    {
      en:"I (   ) not swim.",
      ja:"わたしは泳げない。",
      answer:"can",
      choices:["can","do","am","is"]
    },
    {
      en:"She (   ) not play tennis.",
      ja:"彼女はテニスができない。",
      answer:"can",
      choices:["can","does","is","has"]
    },
    {
      en:"He can't (   ) a bike.",
      ja:"彼は自転車に乗れない。",
      answer:"ride",
      choices:["ride","rides","riding","rode"]
    },
    {
      en:"We can't (   ) now.",
      ja:"わたしたちは今行けない。",
      answer:"go",
      choices:["go","goes","going","went"]
    },
    {
      en:"(   ) you swim?",
      ja:"あなたは泳げますか？",
      answer:"Can",
      choices:["Can","Do","Are","Is"]
    },
    {
      en:"(   ) she play soccer?",
      ja:"彼女はサッカーができますか？",
      answer:"Can",
      choices:["Can","Does","Is","Do"]
    },
    {
      en:"Can he run fast? → Yes, he (   ).",
      ja:"彼は速く走れますか？ → はい、できます。",
      answer:"can",
      choices:["can","does","is","do"]
    },
    {
      en:"Can you sing? → No, I (   ).",
      ja:"あなたは歌えますか？ → いいえ、歌えません。",
      answer:"can't",
      choices:["can't","don't","am not","isn't"]
    },
    {
      en:"Can she cook? → Yes, she (   ).",
      ja:"彼女は料理できますか？ → はい、できます。",
      answer:"can",
      choices:["can","does","is","do"]
    },
    {
      en:"Can they jump? → No, they (   ).",
      ja:"彼らはジャンプできますか？ → いいえ、できません。",
      answer:"can't",
      choices:["can't","don't","aren't","doesn't"]
    },
    {
      en:"You (   ) go now.",
      ja:"もう行っていいよ。",
      answer:"can",
      choices:["can","are","do","have"]
    },
    {
      en:"(   ) I open the window?",
      ja:"窓を開けてもいいですか？",
      answer:"Can",
      choices:["Can","Do","Am","Is"]
    },
    {
      en:"Can I use this pen? → Yes, you (   ).",
      ja:"このペン使っていい？ → はい、いいよ。",
      answer:"can",
      choices:["can","do","are","have"]
    },
    {
      en:"Can I go home? → No, you (   ).",
      ja:"家に帰っていい？ → だめです。",
      answer:"can't",
      choices:["can't","don't","aren't","haven't"]
    }
  ];

  let quizData = originalQuizData.slice();
  let currentIndex = 0;
  let score = 0;

  const countEl = document.getElementById("tcqCount");
  const scoreEl = document.getElementById("tcqScore");
  const enEl = document.getElementById("tcqEn");
  const jaEl = document.getElementById("tcqJa");
  const choicesEl = document.getElementById("tcqChoices");
  const resultEl = document.getElementById("tcqResult");
  const nextBtn = document.getElementById("tcqNextBtn");
  const endEl = document.getElementById("tcqEnd");
  const finalEl = document.getElementById("tcqFinalScore");

  function shuffleArray(array){
    const arr = array.slice();
    for(let i = arr.length - 1; i > 0; i--){
      const j = Math.floor(Math.random() * (i + 1));
      [arr[i], arr[j]] = [arr[j], arr[i]];
    }
    return arr;
  }

  function updateScore(){
    scoreEl.textContent = "せいかい " + score;
  }

  function showQuestion(){
    const q = quizData[currentIndex];
    countEl.textContent = "もんだい " + (currentIndex + 1) + " / " + quizData.length;
    enEl.textContent = q.en;
    jaEl.textContent = q.ja;
    resultEl.textContent = "";
    nextBtn.style.display = "none";
    choicesEl.innerHTML = "";

    const shuffled = shuffleArray(q.choices);

    shuffled.forEach(choice => {
      const btn = document.createElement("button");
      btn.type = "button";
      btn.className = "tcq-choice";
      btn.textContent = choice;

      btn.addEventListener("click", function(){
        const allBtns = choicesEl.querySelectorAll(".tcq-choice");
        allBtns.forEach(b => b.disabled = true);

        if(choice === q.answer){
          btn.classList.add("correct");
          resultEl.textContent = "⭕ せいかい！";
          score++;
          updateScore();
        } else {
          btn.classList.add("wrong");
          allBtns.forEach(b => {
            if(b.textContent === q.answer){
              b.classList.add("correct");
            }
          });
          resultEl.textContent = "❌ ざんねん！ 正解は「" + q.answer + "」だよ。";
        }

        nextBtn.style.display = "inline-block";
      });

      choicesEl.appendChild(btn);
    });
  }

  nextBtn.addEventListener("click", function(){
    currentIndex++;
    if(currentIndex < quizData.length){
      showQuestion();
    } else {
      document.querySelector(".tcq-topbar").style.display = "none";
      document.querySelector(".tcq-questionbox").style.display = "none";
      document.querySelector(".tcq-choices").style.display = "none";
      document.querySelector(".tcq-result").style.display = "none";
      document.querySelector(".tcq-controls").style.display = "none";
      endEl.style.display = "block";
      finalEl.textContent = quizData.length + "もんちゅう " + score + "もんせいかい！";
    }
  });

  document.getElementById("tcqRestartBtn").addEventListener("click", function(){
    currentIndex = 0;
    score = 0;
    updateScore();

    document.querySelector(".tcq-topbar").style.display = "flex";
    document.querySelector(".tcq-questionbox").style.display = "block";
    document.querySelector(".tcq-choices").style.display = "grid";
    document.querySelector(".tcq-result").style.display = "block";
    document.querySelector(".tcq-controls").style.display = "flex";
    endEl.style.display = "none";

    showQuestion();
  });

  updateScore();
  showQuestion();
})();
</script>



<!-- =========================================
🐙 シリーズナビ（前・次・一覧）
========================================= -->
<div class="takota-series-nav">

  <!-- 前へ -->
  <a class="nav-btn prev" href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b0%e3%80%91%e3%80%905w1h%e3%80%91%e6%84%8f%e5%91%b3/">
    ⬅ 前のレッスン
  </a>

  <!-- 一覧 -->
  <a class="nav-btn list" href="https://jouniorsankosodate.com/rule/">
    📚 一覧に戻る
  </a>

  <!-- 次へ -->
  <a class="nav-btn next" href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e8%aa%9e%e3%83%ab%e3%83%bc%e3%83%ab%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b2%e3%80%91%f0%9f%90%99%e7%96%91%e5%95%8f%e6%96%87/">
    次のレッスン ➡
  </a>

</div>

<style>
.takota-series-nav{
  display:flex;
  gap:10px;
  margin:30px 0;
  flex-wrap:wrap;
}

.nav-btn{
  flex:1;
  text-align:center;
  padding:12px;
  border-radius:14px;
  font-weight:bold;
  text-decoration:none;
  font-size:14px;
  transition:.2s;
  box-shadow:0 4px 8px rgba(0,0,0,0.08);
}

/* 前 */
.nav-btn.prev{
  background:#e0f2fe;
  color:#0369a1;
}

/* 一覧 */
.nav-btn.list{
  background:#fff7ed;
  color:#c2410c;
}

/* 次 */
.nav-btn.next{
  background:#ffe4e6;
  color:#be123c;
}

.nav-btn:hover{
  transform:translateY(-2px);
}
</style>



<a href="https://blogmura.com/profiles/11199271?p_cid=11199271"><img decoding="async" src="https://blogparts.blogmura.com/parts_image/user/pv11199271.gif" alt="PVアクセスランキング にほんブログ村" /></a>



<p class="wp-block-paragraph">読んだよ！の応援クリック嬉しいです👇</p>



<a rel="noopener" href="https://blogmura.com/ranking/in?p_cid=11199271" target="_blank"><img decoding="async" src="https://b.blogmura.com/original/1411684" width="240" height="240" border="0" alt="にほんブログ村 にほんブログ村へ" /></a><br /><a rel="noopener" href="https://blogmura.com/ranking/in?p_cid=11199271" target="_blank">にほんブログ村</a>



<p class="wp-block-paragraph"></p>
<p>投稿 <a href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b1%e3%80%91can%e3%81%ae%e4%bd%bf%e3%81%84%e6%96%b9/">🐙【タコタの英文ルール 完全理解⑱】canの使い方｜「できる」を一発で理解！</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b1%e3%80%91can%e3%81%ae%e4%bd%bf%e3%81%84%e6%96%b9/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>🐙【タコタの英文ルール 完全理解⑰】【5W1H】意味だけサクッと理解→フレーズで覚えるのが正解！</title>
		<link>https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b0%e3%80%91%e3%80%905w1h%e3%80%91%e6%84%8f%e5%91%b3/</link>
					<comments>https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b0%e3%80%91%e3%80%905w1h%e3%80%91%e6%84%8f%e5%91%b3/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Mon, 13 Apr 2026 13:30:25 +0000</pubDate>
				<category><![CDATA[🐙タコタの英文ルール📖]]></category>
		<category><![CDATA[#英単語]]></category>
		<category><![CDATA[＃英検]]></category>
		<category><![CDATA[＃英語学習]]></category>
		<guid isPermaLink="false">https://jouniorsankosodate.com/?p=4753</guid>

					<description><![CDATA[<p>英語の「5W1H」ってよく聞くけど… 👉 ルールを考えすぎて👉 わけわからんくなる人多い💦 実はこれ👇意味だけ知って、フレーズで覚えるのが一番早い！ まずはサクッと意味だけ👇 🧠5W1H（疑問詞）の意味（ここだけ覚えたら [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b0%e3%80%91%e3%80%905w1h%e3%80%91%e6%84%8f%e5%91%b3/">🐙【タコタの英文ルール 完全理解⑰】【5W1H】意味だけサクッと理解→フレーズで覚えるのが正解！</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">英語の「5W1H」ってよく聞くけど…</p>



<p class="wp-block-paragraph">👉 ルールを考えすぎて<br>👉 わけわからんくなる人多い💦</p>



<p class="wp-block-paragraph">実はこれ👇<br><strong>意味だけ知って、フレーズで覚えるのが一番早い！</strong></p>



<p class="wp-block-paragraph">まずはサクッと意味だけ👇</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">🧠5W1H（疑問<strong>詞</strong>）の意味（ここだけ覚えたらOK）</h1>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>単語</th><th>意味</th></tr></thead><tbody><tr><td>what</td><td>なに</td></tr><tr><td>when</td><td>いつ</td></tr><tr><td>where</td><td>どこ</td></tr><tr><td>who</td><td>だれ</td></tr><tr><td>why</td><td>なぜ</td></tr><tr><td>how</td><td>どうやって</td></tr></tbody></table></figure>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">💡超かんたんルール</h1>



<p class="wp-block-paragraph"><span class="fz-24px">👉 <strong>① 文のいちばん最初にくる！</strong></span></p>



<p class="wp-block-paragraph"><strong>Where</strong> do you live?</p>



<p class="wp-block-paragraph"><strong>What</strong> does she like?</p>



<p class="wp-block-paragraph"><strong>Where</strong> are you?</p>



<p class="wp-block-paragraph"><span class="fz-24px">👉 <strong>② そのあとに疑問文がくる！</strong></span></p>



<p class="wp-block-paragraph">👉 つまり👇<br><strong>疑問詞 + 疑問文の形</strong></p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">🎯ここが大事</h1>



<p class="wp-block-paragraph">👉 正直これ👇</p>



<p class="wp-block-paragraph">❌ルール理解しようとする<br>より</p>



<p class="wp-block-paragraph">👉 ⭕そのまま覚える方が早い</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">🐙まとめ</h1>



<p class="wp-block-paragraph">👉 5W1Hはこれだけ👇</p>



<p class="wp-block-paragraph">✔ 意味だけ覚える<br>✔ 前に置く<br>✔ 疑問文になる</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p class="wp-block-paragraph">👉 でも一番大事なのは</p>



<p class="wp-block-paragraph"><span class="fz-24px">💡<strong>フレーズで覚えること！</strong></span></p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">🐙タコタのレッスンへ</h1>



<p class="wp-block-paragraph">👉 そのまま使える形で覚えよう</p>



<p class="wp-block-paragraph"><strong>音声付5W1H🐙タコタフレーズレッスン</strong>　音声をONにしてやってみてね</p>



<a href="https://jouniorsankosodate.com/takota-lesson/" class="tacota-btn">
🐙 フレーズで覚えるレッスンはこちら
</a>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p class="wp-block-paragraph"><span class="fz-24px"><strong>🐙5W1Hクイズ</strong></span></p>



<div class="tacota-5w1h-quiz2" id="tacota5w1hQuiz2">
  <div class="t5q-card">
    <div class="t5q-header">
      <div class="t5q-badge">🐙 5W1Hクイズ</div>
      <h2><span id="toc1">4たく えらんでみよう！</span></h2>
      <p class="t5q-lead">意味を思い出して、ぴったりの疑問詞をえらぼう✨</p>
    </div>

    <div class="t5q-topbar">
      <div class="t5q-pill" id="t5qCount">もんだい 1 / 12</div>
      <div class="t5q-pill t5q-score" id="t5qScore">せいかい 0</div>
    </div>

    <div class="t5q-questionbox">
      <p class="t5q-label">もんだい</p>
      <p class="t5q-en" id="t5qEn">Question here.</p>
      <p class="t5q-ja" id="t5qJa">日本語がここに出るよ</p>
    </div>

    <div class="t5q-choices" id="t5qChoices"></div>

    <div class="t5q-result" id="t5qResult"></div>

    <div class="t5q-controls">
      <button type="button" class="t5q-btn t5q-next" id="t5qNextBtn" style="display:none;">つぎへ ▶</button>
    </div>

    <div class="t5q-end" id="t5qEnd" style="display:none;">
      <div class="t5q-finish">🎉</div>
      <h3><span id="toc2">クイズしゅうりょう！</span></h3>
      <p class="t5q-finalscore" id="t5qFinalScore"></p>
      <div class="t5q-endbuttons">
        <button type="button" class="t5q-btn t5q-restart" id="t5qRestartBtn">↩ もういちど</button>
      </div>
    </div>
  </div>
</div>

<style>
.tacota-5w1h-quiz2{
  max-width: 860px;
  margin: 30px auto;
  padding: 20px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,0.85) 0 7%, transparent 8%),
    radial-gradient(circle at 82% 25%, rgba(255,255,255,0.65) 0 6%, transparent 7%),
    radial-gradient(circle at 26% 78%, rgba(255,255,255,0.6) 0 6%, transparent 7%),
    linear-gradient(180deg, #fffdf5 0%, #fff8ef 45%, #f7fcff 100%);
  border: 3px solid #ffe0c0;
  box-shadow: 0 10px 24px rgba(0,0,0,0.08);
  font-family: "Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif;
  color: #51453f;
}

.t5q-card{
  background: rgba(255,255,255,0.92);
  border: 2px solid #ffe8d5;
  border-radius: 24px;
  padding: 22px;
  box-shadow: 0 8px 18px rgba(255,190,120,0.12);
}

.t5q-header{
  text-align:center;
  margin-bottom:18px;
}

.t5q-badge{
  display:inline-block;
  padding:8px 16px;
  border-radius:999px;
  background:#ffe79d;
  color:#885900;
  font-weight:bold;
  font-size:14px;
  margin-bottom:10px;
  box-shadow:0 3px 0 rgba(180,140,40,0.18);
}

.t5q-header h2{
  margin:0 0 8px;
  font-size:32px;
  line-height:1.3;
  color:#ff8b5d;
}

.t5q-lead{
  margin:0;
  font-size:16px;
  color:#75675f;
}

.t5q-topbar{
  display:flex;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:18px;
}

.t5q-pill{
  background:#fff3de;
  color:#75592e;
  border-radius:999px;
  padding:10px 16px;
  font-size:15px;
  font-weight:bold;
}

.t5q-score{
  background:#e9f7ff;
  color:#2b6f8a;
}

.t5q-questionbox{
  background:linear-gradient(180deg, #fffefb 0%, #fff7f2 100%);
  border:2px dashed #ffd7c1;
  border-radius:20px;
  padding:20px 16px;
  text-align:center;
  margin-bottom:18px;
}

.t5q-label{
  margin:0 0 10px;
  font-size:14px;
  font-weight:bold;
  color:#ff9d79;
  letter-spacing:0.08em;
}

.t5q-en{
  margin:0 0 10px;
  font-size:24px;
  font-weight:bold;
  line-height:1.8;
  color:#4a88d8;
}

.t5q-ja{
  margin:0;
  font-size:18px;
  font-weight:bold;
  line-height:1.7;
  color:#4b3f39;
}

.t5q-choices{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.t5q-choice{
  border:none;
  border-radius:18px;
  padding:16px 12px;
  font-size:22px;
  font-weight:bold;
  cursor:pointer;
  background:linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  color:#4c4c4c;
  border:2px solid #dce9ff;
  box-shadow:0 6px 0 #e8f0ff;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.t5q-choice:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 0 #e8f0ff;
  background:linear-gradient(180deg, #ffffff 0%, #eef7ff 100%);
}

.t5q-choice.correct{
  background:linear-gradient(180deg, #effff2 0%, #daf6df 100%);
  border-color:#86d59c;
  box-shadow:0 6px 0 #c9ecd0;
  color:#246f43;
}

.t5q-choice.wrong{
  background:linear-gradient(180deg, #fff4f4 0%, #ffe0e0 100%);
  border-color:#f0a1a1;
  box-shadow:0 6px 0 #f5cccc;
  color:#b94a4a;
}

.t5q-choice:disabled{
  cursor:default;
}

.t5q-result{
  min-height:34px;
  margin-top:18px;
  text-align:center;
  font-size:18px;
  font-weight:bold;
  line-height:1.7;
}

.t5q-controls{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:16px;
}

.t5q-btn{
  border:none;
  border-radius:999px;
  padding:13px 22px;
  font-size:16px;
  font-weight:bold;
  cursor:pointer;
  transition:transform .15s ease;
}

.t5q-btn:hover{
  transform:translateY(-1px);
}

.t5q-next{
  background:linear-gradient(180deg, #ffbc75 0%, #ff9d58 100%);
  color:#fff;
  box-shadow:0 5px 0 #e18747;
}

.t5q-restart{
  background:linear-gradient(180deg, #ffb9cf 0%, #ff96b9 100%);
  color:#fff;
  box-shadow:0 5px 0 #e27b9f;
}

.t5q-end{
  display:none;
  text-align:center;
  margin-top:20px;
}

.t5q-finish{
  font-size:42px;
  margin-bottom:8px;
}

.t5q-end h3{
  margin:0 0 10px;
  font-size:30px;
  color:#ff8b5d;
}

.t5q-finalscore{
  font-size:22px;
  font-weight:bold;
  margin-bottom:18px;
}

@media (max-width: 640px){
  .tacota-5w1h-quiz2{
    padding:16px 12px;
    border-radius:22px;
  }
  .t5q-header h2{
    font-size:28px;
  }
  .t5q-en{
    font-size:20px;
  }
  .t5q-ja{
    font-size:16px;
  }
  .t5q-choices{
    grid-template-columns:1fr;
  }
  .t5q-choice{
    font-size:20px;
  }
}
</style>

<script>
(function(){
  const originalQuizData = [
    { en:"(   ) do you live?", ja:"あなたはどこに住んでいますか？", answer:"Where", choices:["What","Where","When","Why"] },
    { en:"(   ) do you eat breakfast?", ja:"あなたはいつ朝ごはんを食べますか？", answer:"When", choices:["When","Who","Where","What"] },
    { en:"(   ) is that boy?", ja:"あの男の子はだれ？", answer:"Who", choices:["What","Who","Why","How"] },
    { en:"(   ) do you study English?", ja:"なぜ英語を勉強するの？", answer:"Why", choices:["When","Where","Why","What"] },
    { en:"(   ) do you go to school?", ja:"どうやって学校に行くの？", answer:"How", choices:["What","How","Where","Who"] },
    { en:"(   ) do you like?", ja:"あなたは何が好きですか？", answer:"What", choices:["What","When","Why","How"] },

    { en:"(   ) does he live?", ja:"彼はどこに住んでいますか？", answer:"Where", choices:["Who","Where","What","When"] },
    { en:"(   ) does she get up?", ja:"彼女はいつ起きますか？", answer:"When", choices:["Why","When","Where","How"] },
    { en:"(   ) is your teacher?", ja:"あなたの先生はだれですか？", answer:"Who", choices:["Who","What","Where","Why"] },
    { en:"(   ) do you want this bag?", ja:"なぜこのバッグがほしいの？", answer:"Why", choices:["When","How","Why","Who"] },
    { en:"(   ) do you make pancakes?", ja:"どうやってパンケーキを作るの？", answer:"How", choices:["How","What","Where","When"] },
    { en:"(   ) is in the box?", ja:"箱の中にあるのは何？", answer:"What", choices:["Where","What","Who","Why"] },

    { en:"(   ) do they play soccer?", ja:"彼らはどこでサッカーをしますか？", answer:"Where", choices:["Where","What","When","How"] },
    { en:"(   ) do you go to bed?", ja:"あなたはいつ寝ますか？", answer:"When", choices:["Who","Why","When","Where"] },
    { en:"(   ) is she talking with?", ja:"彼女はだれと話していますか？", answer:"Who", choices:["What","Who","How","When"] },
    { en:"(   ) are you sad?", ja:"なぜ悲しいの？", answer:"Why", choices:["Why","Where","What","Who"] },
    { en:"(   ) does he go to school?", ja:"彼はどうやって学校に行きますか？", answer:"How", choices:["When","How","Why","What"] },
    { en:"(   ) do you see?", ja:"何が見えますか？", answer:"What", choices:["What","Where","Who","When"] },

    { en:"(   ) is your bag?", ja:"あなたのバッグはどこ？", answer:"Where", choices:["When","Where","What","Why"] },
    { en:"(   ) is your birthday?", ja:"あなたの誕生日はいつ？", answer:"When", choices:["Why","How","When","Who"] },
    { en:"(   ) can swim fast?", ja:"だれが速く泳げる？", answer:"Who", choices:["Who","What","Where","How"] },
    { en:"(   ) do you like cats?", ja:"なぜねこが好きなの？", answer:"Why", choices:["Where","Why","When","What"] },
    { en:"(   ) can I open this?", ja:"どうやってこれを開けるの？", answer:"How", choices:["How","Who","When","Where"] },
    { en:"(   ) is this?", ja:"これは何ですか？", answer:"What", choices:["What","Who","Why","How"] }
  ];

  let quizData = originalQuizData.slice();
  let currentIndex = 0;
  let score = 0;

  const countEl = document.getElementById("t5qCount");
  const scoreEl = document.getElementById("t5qScore");
  const enEl = document.getElementById("t5qEn");
  const jaEl = document.getElementById("t5qJa");
  const choicesEl = document.getElementById("t5qChoices");
  const resultEl = document.getElementById("t5qResult");
  const nextBtn = document.getElementById("t5qNextBtn");
  const endEl = document.getElementById("t5qEnd");
  const finalEl = document.getElementById("t5qFinalScore");

  function shuffleArray(array){
    const arr = array.slice();
    for(let i = arr.length - 1; i > 0; i--){
      const j = Math.floor(Math.random() * (i + 1));
      [arr[i], arr[j]] = [arr[j], arr[i]];
    }
    return arr;
  }

  function updateScore(){
    scoreEl.textContent = "せいかい " + score;
  }

  function showQuestion(){
    const q = quizData[currentIndex];
    countEl.textContent = "もんだい " + (currentIndex + 1) + " / " + quizData.length;
    enEl.textContent = q.en;
    jaEl.textContent = q.ja;
    resultEl.textContent = "";
    nextBtn.style.display = "none";
    choicesEl.innerHTML = "";

    const shuffled = shuffleArray(q.choices);

    shuffled.forEach(choice => {
      const btn = document.createElement("button");
      btn.type = "button";
      btn.className = "t5q-choice";
      btn.textContent = choice;

      btn.addEventListener("click", function(){
        const allBtns = choicesEl.querySelectorAll(".t5q-choice");
        allBtns.forEach(b => b.disabled = true);

        if(choice === q.answer){
          btn.classList.add("correct");
          resultEl.textContent = "⭕ せいかい！";
          score++;
          updateScore();
        } else {
          btn.classList.add("wrong");
          allBtns.forEach(b => {
            if(b.textContent === q.answer){
              b.classList.add("correct");
            }
          });
          resultEl.textContent = "❌ ざんねん！ 正解は「" + q.answer + "」だよ。";
        }

        nextBtn.style.display = "inline-block";
      });

      choicesEl.appendChild(btn);
    });
  }

  nextBtn.addEventListener("click", function(){
    currentIndex++;
    if(currentIndex < quizData.length){
      showQuestion();
    } else {
      document.querySelector(".t5q-topbar").style.display = "none";
      document.querySelector(".t5q-questionbox").style.display = "none";
      document.querySelector(".t5q-choices").style.display = "none";
      document.querySelector(".t5q-result").style.display = "none";
      document.querySelector(".t5q-controls").style.display = "none";
      endEl.style.display = "block";
      finalEl.textContent = quizData.length + "もんちゅう " + score + "もんせいかい！";
    }
  });

  document.getElementById("t5qRestartBtn").addEventListener("click", function(){
    currentIndex = 0;
    score = 0;
    updateScore();

    document.querySelector(".t5q-topbar").style.display = "flex";
    document.querySelector(".t5q-questionbox").style.display = "block";
    document.querySelector(".t5q-choices").style.display = "grid";
    document.querySelector(".t5q-result").style.display = "block";
    document.querySelector(".t5q-controls").style.display = "flex";
    endEl.style.display = "none";

    showQuestion();
  });

  updateScore();
  showQuestion();
})();
</script>



<!-- =========================================
🐙 シリーズナビ（前・次・一覧）
========================================= -->
<div class="takota-series-nav">

  <!-- 前へ -->
  <a class="nav-btn prev" href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%af%e3%80%91%e5%89%af%e8%a9%9e%e3%81%be%e3%81%a8/">
    ⬅ 前のレッスン
  </a>

  <!-- 一覧 -->
  <a class="nav-btn list" href="https://jouniorsankosodate.com/rule/">
    📚 一覧に戻る
  </a>

  <!-- 次へ -->
  <a class="nav-btn next" href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b1%e3%80%91can%e3%81%ae%e4%bd%bf%e3%81%84%e6%96%b9/">
    次のレッスン ➡
  </a>

</div>

<style>
.takota-series-nav{
  display:flex;
  gap:10px;
  margin:30px 0;
  flex-wrap:wrap;
}

.nav-btn{
  flex:1;
  text-align:center;
  padding:12px;
  border-radius:14px;
  font-weight:bold;
  text-decoration:none;
  font-size:14px;
  transition:.2s;
  box-shadow:0 4px 8px rgba(0,0,0,0.08);
}

/* 前 */
.nav-btn.prev{
  background:#e0f2fe;
  color:#0369a1;
}

/* 一覧 */
.nav-btn.list{
  background:#fff7ed;
  color:#c2410c;
}

/* 次 */
.nav-btn.next{
  background:#ffe4e6;
  color:#be123c;
}

.nav-btn:hover{
  transform:translateY(-2px);
}
</style>
<p>投稿 <a href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b0%e3%80%91%e3%80%905w1h%e3%80%91%e6%84%8f%e5%91%b3/">🐙【タコタの英文ルール 完全理解⑰】【5W1H】意味だけサクッと理解→フレーズで覚えるのが正解！</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b0%e3%80%91%e3%80%905w1h%e3%80%91%e6%84%8f%e5%91%b3/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>🐙【タコタの英文ルール 完全理解⑯】副詞まとめ｜位置と意味がぜんぶわかる</title>
		<link>https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%af%e3%80%91%e5%89%af%e8%a9%9e%e3%81%be%e3%81%a8/</link>
					<comments>https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%af%e3%80%91%e5%89%af%e8%a9%9e%e3%81%be%e3%81%a8/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Mon, 13 Apr 2026 13:00:16 +0000</pubDate>
				<category><![CDATA[🐙タコタの英文ルール📖]]></category>
		<category><![CDATA[#クイズ]]></category>
		<category><![CDATA[＃わかりやすい]]></category>
		<category><![CDATA[＃英検]]></category>
		<category><![CDATA[＃英語学習]]></category>
		<guid isPermaLink="false">https://jouniorsankosodate.com/?p=4742</guid>

					<description><![CDATA[<p>副詞って、なんとなく覚えてるけど「どこに置くの？」って迷いませんか？ でも大丈夫✨ 副詞はルールが少なくて、コツをつかめば一気に理解できます。 この記事では👉 前置詞との違い👉 副詞の位置👉 よく出る副詞 をまとめてわか [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%af%e3%80%91%e5%89%af%e8%a9%9e%e3%81%be%e3%81%a8/">🐙【タコタの英文ルール 完全理解⑯】副詞まとめ｜位置と意味がぜんぶわかる</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p class="wp-block-paragraph">副詞って、なんとなく覚えてるけど<br>「どこに置くの？」って迷いませんか？</p>



<p class="wp-block-paragraph">でも大丈夫✨</p>



<p class="wp-block-paragraph">副詞はルールが少なくて、コツをつかめば一気に理解できます。</p>



<p class="wp-block-paragraph">この記事では<br>👉 前置詞との違い<br>👉 副詞の位置<br>👉 よく出る副詞</p>



<p class="wp-block-paragraph">をまとめてわかりやすく解説します🐙</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-12" checked><label class="toc-title" for="toc-checkbox-12">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">📌副詞ってなに？</a></li><li><a href="#toc2" tabindex="0">📌前置詞との違い（ここ超重要）</a></li><li><a href="#toc3" tabindex="0">📌副詞の位置（ここが一番大事！）</a><ol><li><a href="#toc4" tabindex="0">🟡① 動詞の前</a></li><li><a href="#toc5" tabindex="0">🟢② be動詞のあと</a></li><li><a href="#toc6" tabindex="0">🔵③ 文の最後（場所）</a></li></ol></li><li><a href="#toc7" tabindex="0">📌よく出る副詞まとめ</a><ol><li><a href="#toc8" tabindex="0">🟡時間系</a></li><li><a href="#toc9" tabindex="0">🟢頻度</a></li><li><a href="#toc10" tabindex="0">🔵場所</a></li></ol></li><li><a href="#toc11" tabindex="0">📌よくあるミス</a></li><li><a href="#toc12" tabindex="0">📌まとめ</a></li><li><a href="#toc13" tabindex="0">🎯ひとこと</a></li><li><a href="#toc14" tabindex="0">えらんでみよう！</a><ol><li><a href="#toc15" tabindex="0">🎉おわり！</a></li></ol></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">📌副詞ってなに？</span></h2>



<p class="wp-block-paragraph">👉 文を説明する言葉</p>



<p class="wp-block-paragraph">例👇</p>



<ul class="wp-block-list">
<li>I <strong>already</strong> ate.（もう食べた）</li>



<li>I am <strong>here</strong>.（ここにいる）</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc2">📌前置詞との違い（ここ超重要）</span></h2>



<p class="wp-block-paragraph">👉 一番つまずくポイント！</p>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>種類</th><th>例</th><th>特徴</th></tr></thead><tbody><tr><td>前置詞</td><td>in the room</td><td>名詞が必要</td></tr><tr><td>副詞</td><td>here</td><td>それだけでOK</td></tr></tbody></table></figure>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc3">📌副詞の位置（ここが一番大事！）</span></h2>



<h3 class="wp-block-heading"><span id="toc4">🟡① 動詞の前</span></h3>



<p class="wp-block-paragraph">👉 一番よく出る</p>



<ul class="wp-block-list">
<li>I <strong>always</strong> play soccer.</li>



<li>I <strong>often</strong> watch TV.</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading"><span id="toc5">🟢② be動詞のあと</span></h3>



<ul class="wp-block-list">
<li>I am <strong>always</strong> happy.</li>



<li>She is <strong>often</strong> busy.</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading"><span id="toc6">🔵③ 文の最後（場所）</span></h3>



<ul class="wp-block-list">
<li>I will go <strong>there</strong>.</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc7">📌よく出る副詞まとめ</span></h2>



<h3 class="wp-block-heading"><span id="toc8">🟡時間系</span></h3>



<ul class="wp-block-list">
<li>already（もう）</li>



<li>just（ちょうど）</li>



<li>yet（まだ・もう）</li>
</ul>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="683" height="1024" src="https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6628-683x1024.jpg" alt="" class="wp-image-4747" style="aspect-ratio:0.6670074618894297;width:368px;height:auto" srcset="https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6628-683x1024.jpg 683w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6628-200x300.jpg 200w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6628-768x1152.jpg 768w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6628.jpg 843w" sizes="(max-width: 683px) 100vw, 683px" /></figure>



<h3 class="wp-block-heading"><span id="toc9">🟢頻度</span></h3>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="683" height="1024" src="https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6626-683x1024.jpg" alt="" class="wp-image-4746" style="aspect-ratio:0.6670074618894297;width:358px;height:auto" srcset="https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6626-683x1024.jpg 683w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6626-200x300.jpg 200w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6626-768x1152.jpg 768w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6626.jpg 843w" sizes="(max-width: 683px) 100vw, 683px" /></figure>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="683" height="1024" src="https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6629-683x1024.jpg" alt="" class="wp-image-4748" style="aspect-ratio:0.6670074618894297;width:360px;height:auto" srcset="https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6629-683x1024.jpg 683w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6629-200x300.jpg 200w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6629-768x1152.jpg 768w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6629.jpg 843w" sizes="(max-width: 683px) 100vw, 683px" /></figure>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>副詞</th><th>日本語</th><th>割合</th></tr></thead><tbody><tr><td>always</td><td>いつも</td><td>100%</td></tr><tr><td>usually</td><td>たいてい</td><td>75%</td></tr><tr><td>often</td><td>よく</td><td>50%</td></tr><tr><td>sometimes</td><td>ときどき</td><td>25%</td></tr><tr><td>never</td><td>まったく〜ない</td><td>0%</td></tr></tbody></table></figure>



<h3 class="wp-block-heading"><span id="toc10">🔵場所</span></h3>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="683" height="1024" src="https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6627-683x1024.jpg" alt="" class="wp-image-4745" style="aspect-ratio:0.6670074618894297;width:366px;height:auto" srcset="https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6627-683x1024.jpg 683w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6627-200x300.jpg 200w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6627-768x1152.jpg 768w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6627.jpg 843w" sizes="(max-width: 683px) 100vw, 683px" /></figure>



<ul class="wp-block-list">
<li>here（ここ）</li>



<li>there（そこ）</li>
</ul>



<p class="wp-block-paragraph"></p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc11">📌よくあるミス</span></h2>



<p class="wp-block-paragraph">❌ I am here in.<br>⭕ I am here.</p>



<p class="wp-block-paragraph">👉 副詞には前置詞いらない！</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc12">📌まとめ</span></h2>



<p class="wp-block-paragraph">👉 副詞は<br>✔ 文を説明する<br>✔ 名詞いらない</p>



<p class="wp-block-paragraph">👉 位置は👇<br>✔ 動詞の前<br>✔ be動詞のあと<br>✔ 文の最後</p>



<p class="wp-block-paragraph">👉 alreadyは👇<br>✔ have / has のあと！</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading"><span id="toc13">🎯ひとこと</span></h2>



<p class="wp-block-paragraph">副詞は「暗記」よりも<br>👉 <strong>位置のルールを覚えることが大事！</strong></p>



<p class="wp-block-paragraph">ここが分かれば、一気に英語が読みやすくなるよ✨</p>



<div class="tacota-adv-quiz" id="tacotaAdvQuiz">

  <div class="tq-wrap">
    <div class="tq-header">
      <div class="tq-badge">🐙 頻度副詞クイズ</div>
      <h2><span id="toc14">えらんでみよう！</span></h2>
      <p>always / usually / often / sometimes / never</p>
    </div>

    <div class="tq-progress">
      <span id="tq-count">1 / 10</span>
      <span id="tq-score">⭐ 0</span>
    </div>

    <div class="tq-question">
      <p id="tq-en"></p>
      <p id="tq-ja"></p>
    </div>

    <div class="tq-choices" id="tq-choices"></div>

    <div class="tq-result" id="tq-result"></div>

    <button id="tq-next" style="display:none;">つぎへ ▶</button>

    <div id="tq-end" style="display:none;">
      <h3><span id="toc15">🎉おわり！</span></h3>
      <p id="tq-final"></p>
      <button onclick="tqRestart()">もういちど</button>
    </div>
  </div>
</div>

<style>
.tacota-adv-quiz{
  max-width:800px;
  margin:30px auto;
  padding:20px;
  background:#fff7fb;
  border-radius:25px;
  border:3px solid #ffd6eb;
}

.tq-header{text-align:center;margin-bottom:15px;}
.tq-badge{background:#ffe79d;padding:6px 12px;border-radius:20px;font-weight:bold;}
.tq-header h2{color:#ff8b5d;}

.tq-progress{
  display:flex;justify-content:space-between;
  margin-bottom:10px;
  background:#fff3de;padding:8px;border-radius:15px;
}

.tq-question{
  background:#fff;
  padding:15px;
  border-radius:15px;
  margin-bottom:10px;
  border:2px dashed #ffc2dd;
  text-align:center;
}

.tq-en{font-size:22px;color:#4a88d8;font-weight:bold;}
.tq-ja{font-size:14px;color:#666;}

.tq-choices{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.tq-choices button{
  padding:10px;
  border:none;
  border-radius:15px;
  background:#ffe3f1;
  font-weight:bold;
}

.tq-choices button.correct{background:#c8f7c5;}
.tq-choices button.wrong{background:#ffd1d1;}

.tq-result{text-align:center;margin-top:10px;font-weight:bold;}
#tq-next{margin-top:10px;width:100%;}
</style>

<script>
(function(){

const quiz = [
{en:"I (   ) study.",ja:"わたしはいつも勉強する",a:"always"},
{en:"I (   ) play soccer.",ja:"たいていサッカーする",a:"usually"},
{en:"I (   ) watch TV.",ja:"よくテレビを見る",a:"often"},
{en:"I (   ) play games.",ja:"ときどきゲームする",a:"sometimes"},
{en:"I (   ) eat natto.",ja:"ぜったい食べない",a:"never"},
{en:"I am (   ) busy.",ja:"いつも忙しい",a:"always"},
{en:"I (   ) go to school.",ja:"ときどき学校に行く",a:"sometimes"},
{en:"I (   ) read books.",ja:"よく本を読む",a:"often"},
{en:"I (   ) clean my room.",ja:"たいてい部屋を掃除する",a:"usually"},
{en:"I (   ) drink milk.",ja:"ぜったい飲まない",a:"never"}
];

let i=0,score=0;

function show(){
const q=quiz[i];
document.getElementById("tq-en").textContent=q.en;
document.getElementById("tq-ja").textContent=q.ja;
document.getElementById("tq-result").textContent="";
document.getElementById("tq-next").style.display="none";

document.getElementById("tq-count").textContent=(i+1)+" / "+quiz.length;

const choices=["always","usually","often","sometimes","never"];
choices.sort(()=>Math.random()-0.5);

const box=document.getElementById("tq-choices");
box.innerHTML="";

choices.forEach(c=>{
const btn=document.createElement("button");
btn.textContent=c;
btn.onclick=()=>{
document.querySelectorAll(".tq-choices button").forEach(b=>b.disabled=true);

if(c===q.a){
btn.classList.add("correct");
document.getElementById("tq-result").textContent="⭕ 正解！";
score++;
}else{
btn.classList.add("wrong");
document.getElementById("tq-result").textContent="❌ 正解は "+q.a;
}
document.getElementById("tq-score").textContent="⭐ "+score;
document.getElementById("tq-next").style.display="block";
};
box.appendChild(btn);
});
}

document.getElementById("tq-next").onclick=()=>{
i++;
if(i<quiz.length) show();
else{
document.getElementById("tq-end").style.display="block";
document.getElementById("tq-final").textContent=score+" / "+quiz.length+" 正解！";
}
};

window.tqRestart=function(){
i=0;score=0;
document.getElementById("tq-end").style.display="none";
show();
};

show();

})();
</script>



<!-- =========================================
🐙 シリーズナビ（前・次・一覧）
========================================= -->
<div class="takota-series-nav">

  <!-- 前へ -->
  <a class="nav-btn prev" href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e3%80%91%e5%89%8d%e7%bd%ae%e8%a9%9e%e3%81%9c%e3%82%93/">
    ⬅ 前のレッスン
  </a>

  <!-- 一覧 -->
  <a class="nav-btn list" href="https://jouniorsankosodate.com/rule/">
    📚 一覧に戻る
  </a>

  <!-- 次へ -->
  <a class="nav-btn next" href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b0%e3%80%91%e3%80%905w1h%e3%80%91%e6%84%8f%e5%91%b3/">
    次のレッスン ➡
  </a>

</div>

<style>
.takota-series-nav{
  display:flex;
  gap:10px;
  margin:30px 0;
  flex-wrap:wrap;
}

.nav-btn{
  flex:1;
  text-align:center;
  padding:12px;
  border-radius:14px;
  font-weight:bold;
  text-decoration:none;
  font-size:14px;
  transition:.2s;
  box-shadow:0 4px 8px rgba(0,0,0,0.08);
}

/* 前 */
.nav-btn.prev{
  background:#e0f2fe;
  color:#0369a1;
}

/* 一覧 */
.nav-btn.list{
  background:#fff7ed;
  color:#c2410c;
}

/* 次 */
.nav-btn.next{
  background:#ffe4e6;
  color:#be123c;
}

.nav-btn:hover{
  transform:translateY(-2px);
}
</style>
<p>投稿 <a href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%af%e3%80%91%e5%89%af%e8%a9%9e%e3%81%be%e3%81%a8/">🐙【タコタの英文ルール 完全理解⑯】副詞まとめ｜位置と意味がぜんぶわかる</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%af%e3%80%91%e5%89%af%e8%a9%9e%e3%81%be%e3%81%a8/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>🐙【タコタの英文ルール 完全理解】前置詞ぜんぶわかる！総まとめテスト</title>
		<link>https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e3%80%91%e5%89%8d%e7%bd%ae%e8%a9%9e%e3%81%9c%e3%82%93/</link>
					<comments>https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e3%80%91%e5%89%8d%e7%bd%ae%e8%a9%9e%e3%81%9c%e3%82%93/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Sun, 12 Apr 2026 05:44:33 +0000</pubDate>
				<category><![CDATA[🐙タコタの英文ルール📖]]></category>
		<category><![CDATA[#テスト]]></category>
		<category><![CDATA[＃わかりやすい]]></category>
		<category><![CDATA[#前置詞]]></category>
		<category><![CDATA[＃英検]]></category>
		<category><![CDATA[＃英語学習]]></category>
		<guid isPermaLink="false">https://jouniorsankosodate.com/?p=4737</guid>

					<description><![CDATA[<p>前置詞はたくさん出てきて、こんがらがりやすいですよね。でも大丈夫。前置詞は「位置・動き・時間」のイメージで整理すると、ぐっとわかりやすくなります。このテストでは、今まで学んだ前置詞をまとめて確認できます。まずは「前置詞は [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e3%80%91%e5%89%8d%e7%bd%ae%e8%a9%9e%e3%81%9c%e3%82%93/">🐙【タコタの英文ルール 完全理解】前置詞ぜんぶわかる！総まとめテスト</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">前置詞はたくさん出てきて、こんがらがりやすいですよね。<br>でも大丈夫。前置詞は「位置・動き・時間」のイメージで整理すると、ぐっとわかりやすくなります。<br>このテストでは、今まで学んだ前置詞をまとめて確認できます。<br>まずは「前置詞はどこにくる？」をおさらいしてから、チャレンジしてみましょう！</p>



<p class="wp-block-paragraph"></p>



<div class="tacota-preposition-final" id="tacotaPrepositionFinal">
  <div class="tpf-wrap">

    <section class="tpf-review" id="tpfReview">
      <div class="tpf-badge">🐙 前置詞 総まとめテスト</div>
      
  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-14" checked><label class="toc-title" for="toc-checkbox-14">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">まずはおさらい！前置詞はどこにくる？</a><ol><li><a href="#toc2" tabindex="0">テストしゅうりょう！</a></li></ol></li></ol>
    </div>
  </div>

<h2><span id="toc1">まずはおさらい！前置詞はどこにくる？</span></h2>

      <div class="tpf-point-box">
        <p class="tpf-big">前置詞は <span>名詞の前</span> にくる！</p>
        <p class="tpf-sub">「前置詞 ＋ 名詞」でセットで覚えよう✨</p>
      </div>

      <div class="tpf-examples">
        <div class="tpf-ex">in <b>the room</b></div>
        <div class="tpf-ex">with <b>my friend</b></div>
        <div class="tpf-ex">of <b>water</b></div>
        <div class="tpf-ex">under <b>the table</b></div>
      </div>

      <div class="tpf-note">
        <p>💡 前置詞は1人では使わないよ！</p>
        <p>❌ in　　⭕ in the room</p>
      </div>

      <button type="button" class="tpf-start-btn" id="tpfStartBtn">テストをはじめる ▶</button>
    </section>

    <section class="tpf-quiz" id="tpfQuiz" style="display:none;">
      <div class="tpf-topbar">
        <div class="tpf-pill" id="tpfCount">もんだい 1 / 20</div>
        <div class="tpf-pill tpf-score" id="tpfScore">せいかい 0</div>
      </div>

      <div class="tpf-questionbox">
        <p class="tpf-label">もんだい</p>
        <p class="tpf-ja" id="tpfJa">ここに日本語</p>
        <p class="tpf-en" id="tpfEn">Here is the sentence.</p>
      </div>

      <div class="tpf-choices" id="tpfChoices"></div>

      <div class="tpf-result" id="tpfResult"></div>

      <div class="tpf-controls">
        <button type="button" class="tpf-btn tpf-next" id="tpfNextBtn" style="display:none;">つぎへ ▶</button>
      </div>
    </section>

    <section class="tpf-end" id="tpfEnd" style="display:none;">
      <div class="tpf-finish">🎉</div>
      <h3><span id="toc2">テストしゅうりょう！</span></h3>
      <p class="tpf-finalscore" id="tpfFinalScore"></p>
      <div class="tpf-endbuttons">
        <button type="button" class="tpf-btn tpf-shuffle" id="tpfShuffleBtn">🔀 シャッフルでもう一度</button>
        <button type="button" class="tpf-btn tpf-restart" id="tpfRestartBtn">↩ はじめから</button>
      </div>
    </section>

  </div>
</div>

<style>
.tacota-preposition-final{
  max-width: 860px;
  margin: 30px auto;
  padding: 20px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,0.85) 0 7%, transparent 8%),
    radial-gradient(circle at 82% 25%, rgba(255,255,255,0.65) 0 6%, transparent 7%),
    radial-gradient(circle at 26% 78%, rgba(255,255,255,0.6) 0 6%, transparent 7%),
    linear-gradient(180deg, #fffdf5 0%, #fff8ef 45%, #f7fcff 100%);
  border: 3px solid #ffe0c0;
  box-shadow: 0 10px 24px rgba(0,0,0,0.08);
  font-family: "Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif;
  color: #51453f;
}

.tpf-wrap{
  background: rgba(255,255,255,0.92);
  border: 2px solid #ffe8d5;
  border-radius: 24px;
  padding: 22px;
  box-shadow: 0 8px 18px rgba(255,190,120,0.12);
}

.tpf-badge{
  display:inline-block;
  padding:8px 16px;
  border-radius:999px;
  background:#ffe79d;
  color:#885900;
  font-weight:bold;
  font-size:14px;
  margin-bottom:10px;
  box-shadow:0 3px 0 rgba(180,140,40,0.18);
}

.tpf-review{
  text-align:center;
}

.tpf-review h2{
  margin:8px 0 18px;
  font-size:32px;
  line-height:1.4;
  color:#ff8b5d;
}

.tpf-point-box{
  background:linear-gradient(180deg, #fffefb 0%, #fff7f2 100%);
  border:2px dashed #ffd7c1;
  border-radius:20px;
  padding:20px 16px;
  margin-bottom:18px;
}

.tpf-big{
  font-size:28px;
  font-weight:bold;
  margin:0 0 8px;
}

.tpf-big span{
  color:#4a88d8;
}

.tpf-sub{
  margin:0;
  color:#75675f;
}

.tpf-examples{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:18px 0;
}

.tpf-ex{
  background:#f8fcff;
  border:2px solid #dce9ff;
  border-radius:16px;
  padding:14px 10px;
  font-size:22px;
  font-weight:bold;
  color:#4c4c4c;
}

.tpf-ex b{
  color:#2b6f8a;
}

.tpf-note{
  background:#fff8e8;
  border-radius:16px;
  padding:16px 12px;
  margin:14px 0 20px;
  font-weight:bold;
  line-height:1.8;
}

.tpf-start-btn,
.tpf-btn{
  border:none;
  border-radius:999px;
  padding:13px 22px;
  font-size:16px;
  font-weight:bold;
  cursor:pointer;
  transition:transform .15s ease;
}

.tpf-start-btn:hover,
.tpf-btn:hover{
  transform:translateY(-1px);
}

.tpf-start-btn,
.tpf-next{
  background:linear-gradient(180deg, #ffbc75 0%, #ff9d58 100%);
  color:#fff;
  box-shadow:0 5px 0 #e18747;
}

.tpf-topbar{
  display:flex;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:18px;
}

.tpf-pill{
  background:#fff3de;
  color:#75592e;
  border-radius:999px;
  padding:10px 16px;
  font-size:15px;
  font-weight:bold;
}

.tpf-score{
  background:#e9f7ff;
  color:#2b6f8a;
}

.tpf-questionbox{
  background:linear-gradient(180deg, #fffefb 0%, #fff7f2 100%);
  border:2px dashed #ffd7c1;
  border-radius:20px;
  padding:20px 16px;
  text-align:center;
  margin-bottom:18px;
}

.tpf-label{
  margin:0 0 10px;
  font-size:14px;
  font-weight:bold;
  color:#ff9d79;
  letter-spacing:0.08em;
}

.tpf-ja{
  margin:0 0 12px;
  font-size:22px;
  font-weight:bold;
  line-height:1.7;
  color:#4b3f39;
}

.tpf-en{
  margin:0;
  font-size:24px;
  font-weight:bold;
  line-height:1.8;
  color:#4a88d8;
}

.tpf-choices{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.tpf-choice{
  border:none;
  border-radius:18px;
  padding:16px 10px;
  font-size:22px;
  font-weight:bold;
  cursor:pointer;
  background:linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  color:#4c4c4c;
  border:2px solid #dce9ff;
  box-shadow:0 6px 0 #e8f0ff;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.tpf-choice:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 0 #e8f0ff;
  background:linear-gradient(180deg, #ffffff 0%, #eef7ff 100%);
}

.tpf-choice.correct{
  background:linear-gradient(180deg, #effff2 0%, #daf6df 100%);
  border-color:#86d59c;
  box-shadow:0 6px 0 #c9ecd0;
  color:#246f43;
}

.tpf-choice.wrong{
  background:linear-gradient(180deg, #fff4f4 0%, #ffe0e0 100%);
  border-color:#f0a1a1;
  box-shadow:0 6px 0 #f5cccc;
  color:#b94a4a;
}

.tpf-choice:disabled{
  cursor:default;
}

.tpf-result{
  min-height:34px;
  margin-top:18px;
  text-align:center;
  font-size:18px;
  font-weight:bold;
  line-height:1.7;
}

.tpf-controls{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:16px;
}

.tpf-end{
  text-align:center;
}

.tpf-finish{
  font-size:42px;
  margin-bottom:8px;
}

.tpf-end h3{
  margin:0 0 10px;
  font-size:30px;
  color:#ff8b5d;
}

.tpf-finalscore{
  font-size:22px;
  font-weight:bold;
  margin-bottom:18px;
}

.tpf-endbuttons{
  display:flex;
  gap:12px;
  justify-content:center;
  flex-wrap:wrap;
}

.tpf-shuffle{
  background:linear-gradient(180deg, #85d9ef 0%, #5dc3df 100%);
  color:#fff;
  box-shadow:0 5px 0 #46abc7;
}

.tpf-restart{
  background:linear-gradient(180deg, #ffb9cf 0%, #ff96b9 100%);
  color:#fff;
  box-shadow:0 5px 0 #e27b9f;
}

@media (max-width: 640px){
  .tacota-preposition-final{
    padding:16px 12px;
    border-radius:22px;
  }

  .tpf-review h2{
    font-size:28px;
  }

  .tpf-big{
    font-size:22px;
  }

  .tpf-examples,
  .tpf-choices{
    grid-template-columns:1fr;
  }

  .tpf-ja,
  .tpf-en{
    font-size:20px;
  }

  .tpf-choice,
  .tpf-ex{
    font-size:20px;
  }
}
</style>

<script>
(function(){
  const root = document.getElementById("tacotaPrepositionFinal");
  if(!root) return;

  const originalQuizData = [
    { ja:"私は部屋の中にいます。", en:"I am (   ) the room.", answer:"in", choices:["in","on","at","with"], tip:"in = 中" },
    { ja:"本は机の上にあります。", en:"The book is (   ) the table.", answer:"on", choices:["under","on","between","from"], tip:"on = 上" },
    { ja:"私は7時に起きます。", en:"I get up (   ) 7:00.", answer:"at", choices:["in","on","at","of"], tip:"at = 点・時間" },
    { ja:"私は学校へ行きます。", en:"I go (   ) school.", answer:"to", choices:["to","from","for","with"], tip:"to = 向かう" },
    { ja:"私は大阪から来ました。", en:"I came (   ) Osaka.", answer:"from", choices:["to","from","by","of"], tip:"from = 出発" },
    { ja:"これはあなたのためです。", en:"This is (   ) you.", answer:"for", choices:["for","from","through","until"], tip:"for = 〜のために" },
    { ja:"ねこは机の下にいます。", en:"The cat is (   ) the table.", answer:"under", choices:["behind","under","next to","around"], tip:"under = 下" },
    { ja:"ボールは2つの箱の間にあります。", en:"The ball is (   ) the boxes.", answer:"between", choices:["between","in front of","across","by"], tip:"between = 間" },
    { ja:"私は友だちのとなりに座ります。", en:"I sit (   ) my friend.", answer:"next to", choices:["next to","behind","through","of"], tip:"next to = となり" },
    { ja:"犬はドアのうしろにいます。", en:"The dog is (   ) the door.", answer:"behind", choices:["behind","under","before","around"], tip:"behind = うしろ" },
    { ja:"彼は家の前にいます。", en:"He is (   ) the house.", answer:"in front of", choices:["in front of","between","with","from"], tip:"in front of = 前" },
    { ja:"私は道を横切った。", en:"I walked (   ) the street.", answer:"across", choices:["around","through","across","until"], tip:"across = 横に渡る" },
    { ja:"私たちは公園のまわりを歩いた。", en:"We walked (   ) the park.", answer:"around", choices:["through","around","across","of"], tip:"around = ぐるっと" },
    { ja:"電車はトンネルの中を通った。", en:"The train went (   ) the tunnel.", answer:"through", choices:["through","across","around","with"], tip:"through = 中を通る" },
    { ja:"私は夕食の前に勉強します。", en:"I study (   ) dinner.", answer:"before", choices:["after","before","during","by"], tip:"before = 前" },
    { ja:"私は夕食のあとにテレビを見ます。", en:"I watch TV (   ) dinner.", answer:"after", choices:["until","after","before","under"], tip:"after = 後" },
    { ja:"私は授業の間ずっと勉強します。", en:"I study (   ) class.", answer:"during", choices:["during","until","with","next to"], tip:"during = 〜の間" },
    { ja:"私は9時まで勉強します。", en:"I study (   ) 9:00.", answer:"until", choices:["by","until","at","of"], tip:"until = 〜までずっと" },
    { ja:"私は5時までに宿題を終えます。", en:"I finish my homework (   ) 5:00.", answer:"by", choices:["by","until","during","from"], tip:"by = 〜までに" },
    { ja:"水のコップ", en:"a cup (   ) water", answer:"of", choices:["with","of","by","in"], tip:"of = つながり・中身" },
    { ja:"友だちと行く", en:"I go (   ) my friend", answer:"with", choices:["of","with","by","to"], tip:"with = いっしょ" }
  ];

  let quizData = originalQuizData.slice();
  let currentIndex = 0;
  let score = 0;

  const reviewEl = document.getElementById("tpfReview");
  const quizEl = document.getElementById("tpfQuiz");
  const endEl = document.getElementById("tpfEnd");

  const startBtn = document.getElementById("tpfStartBtn");
  const countEl = document.getElementById("tpfCount");
  const scoreEl = document.getElementById("tpfScore");
  const jaEl = document.getElementById("tpfJa");
  const enEl = document.getElementById("tpfEn");
  const choicesEl = document.getElementById("tpfChoices");
  const resultEl = document.getElementById("tpfResult");
  const nextBtn = document.getElementById("tpfNextBtn");
  const finalScoreEl = document.getElementById("tpfFinalScore");
  const shuffleBtn = document.getElementById("tpfShuffleBtn");
  const restartBtn = document.getElementById("tpfRestartBtn");

  function shuffleArray(array){
    const arr = array.slice();
    for(let i = arr.length - 1; i > 0; i--){
      const j = Math.floor(Math.random() * (i + 1));
      [arr[i], arr[j]] = [arr[j], arr[i]];
    }
    return arr;
  }

  function updateScore(){
    scoreEl.textContent = "せいかい " + score;
  }

  function showQuestion(){
    const q = quizData[currentIndex];
    countEl.textContent = "もんだい " + (currentIndex + 1) + " / " + quizData.length;
    jaEl.textContent = q.ja;
    enEl.textContent = q.en;
    resultEl.textContent = "";
    nextBtn.style.display = "none";
    choicesEl.innerHTML = "";

    const shuffledChoices = shuffleArray(q.choices);

    shuffledChoices.forEach(function(choice){
      const btn = document.createElement("button");
      btn.type = "button";
      btn.className = "tpf-choice";
      btn.textContent = choice;

      btn.addEventListener("click", function(){
        const allBtns = choicesEl.querySelectorAll(".tpf-choice");
        allBtns.forEach(function(b){ b.disabled = true; });

        if(choice === q.answer){
          btn.classList.add("correct");
          resultEl.textContent = "⭕ せいかい！ " + q.tip;
          score++;
          updateScore();
        }else{
          btn.classList.add("wrong");
          allBtns.forEach(function(b){
            if(b.textContent === q.answer){
              b.classList.add("correct");
            }
          });
          resultEl.textContent = "❌ ざんねん！ 正解は「" + q.answer + "」だよ。 " + q.tip;
        }

        nextBtn.style.display = "inline-block";
      });

      choicesEl.appendChild(btn);
    });
  }

  function showFinal(){
    quizEl.style.display = "none";
    endEl.style.display = "block";
    finalScoreEl.textContent = quizData.length + "もんちゅう " + score + "もんせいかい！";
  }

  function restartQuiz(useShuffle){
    quizData = useShuffle ? shuffleArray(originalQuizData) : originalQuizData.slice();
    currentIndex = 0;
    score = 0;
    updateScore();
    reviewEl.style.display = "none";
    endEl.style.display = "none";
    quizEl.style.display = "block";
    showQuestion();
  }

  startBtn.addEventListener("click", function(){
    restartQuiz(false);
  });

  nextBtn.addEventListener("click", function(){
    currentIndex++;
    if(currentIndex < quizData.length){
      showQuestion();
    }else{
      showFinal();
    }
  });

  shuffleBtn.addEventListener("click", function(){
    restartQuiz(true);
  });

  restartBtn.addEventListener("click", function(){
    reviewEl.style.display = "block";
    quizEl.style.display = "none";
    endEl.style.display = "none";
    currentIndex = 0;
    score = 0;
    updateScore();
  });

  updateScore();
})();
</script>



<p class="wp-block-paragraph">間違えたところは、もう一度その前置詞の記事に戻って見直してみてくださいね。<br>前置詞は“暗記”より“イメージ”で覚えるのがコツです。</p>



<!-- =========================================
🐙 シリーズナビ（前・次・一覧）
========================================= -->
<div class="takota-series-nav">

  <!-- 前へ -->
  <a class="nav-btn prev" href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%ae%e3%80%91%f0%9f%92%9a-of-%e3%81%a8-with-%e3%81%af/">
    ⬅ 前のレッスン
  </a>

  <!-- 一覧 -->
  <a class="nav-btn list" href="https://jouniorsankosodate.com/rule/">
    📚 一覧に戻る
  </a>

  <!-- 次へ -->
  <a class="nav-btn next" href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%af%e3%80%91%e5%89%af%e8%a9%9e%e3%81%be%e3%81%a8/">
    次のレッスン ➡
  </a>

</div>

<style>
.takota-series-nav{
  display:flex;
  gap:10px;
  margin:30px 0;
  flex-wrap:wrap;
}

.nav-btn{
  flex:1;
  text-align:center;
  padding:12px;
  border-radius:14px;
  font-weight:bold;
  text-decoration:none;
  font-size:14px;
  transition:.2s;
  box-shadow:0 4px 8px rgba(0,0,0,0.08);
}

/* 前 */
.nav-btn.prev{
  background:#e0f2fe;
  color:#0369a1;
}

/* 一覧 */
.nav-btn.list{
  background:#fff7ed;
  color:#c2410c;
}

/* 次 */
.nav-btn.next{
  background:#ffe4e6;
  color:#be123c;
}

.nav-btn:hover{
  transform:translateY(-2px);
}
</style>
<p>投稿 <a href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e3%80%91%e5%89%8d%e7%bd%ae%e8%a9%9e%e3%81%9c%e3%82%93/">🐙【タコタの英文ルール 完全理解】前置詞ぜんぶわかる！総まとめテスト</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e3%80%91%e5%89%8d%e7%bd%ae%e8%a9%9e%e3%81%9c%e3%82%93/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
