<?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%E3%81%9F%E3%81%93%E3%81%9F/feed/" rel="self" type="application/rss+xml" />
	<link>https://jouniorsankosodate.com/tag/＃たこた/</link>
	<description>勉強が苦手な子でも、わかる・できる・続けられる</description>
	<lastBuildDate>Sat, 25 Apr 2026 08:23:12 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</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>🐙【総まとめテスト】be動詞・do・does・動詞のsルールをまとめてチェック！</title>
		<link>https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e7%b7%8f%e3%81%be%e3%81%a8%e3%82%81%e3%83%86%e3%82%b9%e3%83%88%e3%80%91be%e5%8b%95%e8%a9%9e%e3%83%bbdo%e3%83%bbdoes%e3%83%bb%e5%8b%95%e8%a9%9e%e3%81%aes%e3%83%ab%e3%83%bc/</link>
					<comments>https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e7%b7%8f%e3%81%be%e3%81%a8%e3%82%81%e3%83%86%e3%82%b9%e3%83%88%e3%80%91be%e5%8b%95%e8%a9%9e%e3%83%bbdo%e3%83%bbdoes%e3%83%bb%e5%8b%95%e8%a9%9e%e3%81%aes%e3%83%ab%e3%83%bc/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Tue, 31 Mar 2026 05:49:40 +0000</pubDate>
				<category><![CDATA[🐙タコタの英文ルール📖]]></category>
		<category><![CDATA[＃たこた]]></category>
		<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=4522</guid>

					<description><![CDATA[<p>be動詞、do、does、動詞のsルール。1つずつはわかってきても、全部まざると「あれ？」となりやすいですよね。 そこで今回は、ここまで学んだ大事なポイントをまとめて確認できる「総まとめテスト」を作りました。 3択クイズ [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e7%b7%8f%e3%81%be%e3%81%a8%e3%82%81%e3%83%86%e3%82%b9%e3%83%88%e3%80%91be%e5%8b%95%e8%a9%9e%e3%83%bbdo%e3%83%bbdoes%e3%83%bb%e5%8b%95%e8%a9%9e%e3%81%aes%e3%83%ab%e3%83%bc/">🐙【総まとめテスト】be動詞・do・does・動詞のsルールをまとめてチェック！</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><strong>be動詞、do、does、動詞のsルール。<br>1つずつはわかってきても、全部まざると「あれ？」となりやすいですよね。</strong></p>



<p class="wp-block-paragraph"><strong>そこで今回は、ここまで学んだ大事なポイントをまとめて確認できる<br>「総まとめテスト」を作りました。</strong></p>



<p class="wp-block-paragraph"><strong>3択クイズと並び替え問題を通して、<br>疑問文・否定文・動詞の形の変化までしっかり復習できます。<br>まずはポイントをサッと見直してから、テストにチャレンジしてみましょう！</strong></p>



<p class="wp-block-paragraph"><strong><span class="fz-32px">🐙 まずはここだけ復習！</span></strong></p>



<h3 class="wp-block-heading"><span id="toc1">① be動詞　(is am are)</span></h3>



<ul class="wp-block-list">
<li>疑問文 → be動詞が前に出る</li>



<li>否定文 → be動詞の後ろにnotつける</li>
</ul>



<p class="wp-block-paragraph">👉<br><span class="bold-red">Are</span> you ～？<br>You <strong><span class="bold-red">are</span></strong> not ～</p>



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



<h3 class="wp-block-heading"><span id="toc2">② do</span></h3>



<ul class="wp-block-list">
<li>疑問文 → Do ～？</li>



<li>否定文 → do not</li>
</ul>



<p class="wp-block-paragraph">👉<br><span class="bold-red">Do</span> you play？<br>I <span class="bold-red">do</span> <span class="bold-red">not</span> play</p>



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



<h3 class="wp-block-heading"><span id="toc3">③ does</span></h3>



<ul class="wp-block-list">
<li>he / she / it のときだけ</li>
</ul>



<p class="wp-block-paragraph">👉<br><span class="bold-red">Does</span> he play？<br>He <span class="bold-red">does</span> <span class="bold-red">not</span> play</p>



<p class="wp-block-paragraph">⚠️ 動詞は元に戻る！</p>



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



<h3 class="wp-block-heading"><span id="toc4">④ 動詞のs</span></h3>



<p class="wp-block-paragraph">👉 3パターンだけ</p>



<ul class="wp-block-list">
<li>そのまま s</li>



<li>es（s / sh / ch / x / o）</li>



<li>y → ies (母音＋ｙはのぞく)</li>
</ul>



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



<h1 class="wp-block-heading">🎮 ④ 総まとめテストアプリ</h1>



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



<h1 class="wp-block-heading">🐙 タコタの総まとめテスト</h1>



<p class="wp-block-paragraph">ここまで学んだ<br>be動詞・do・does・動詞のsルールを、クイズでまとめてチェックしてみよう✨<br>できたらかなり力がついているはず！👇</p>



<style>
.takota-final{
  max-width: 900px;
  margin: 20px auto;
  padding: 18px 12px 24px;
  border-radius: 20px;
  background: linear-gradient(180deg,#fff8f0,#e0f7fa);
  box-shadow: 0 8px 20px rgba(0,0,0,.08);
  text-align: center;
  font-family: Arial, sans-serif;
}

.takota-final h3{
  margin: 0 0 8px;
  font-size: 28px;
  color:#0f6f6f;
}

.tf-sub{
  margin: 0 0 14px;
  font-size: 16px;
  font-weight: 700;
  color: #666;
}

.tf-progress{
  margin: 6px 0 10px;
  font-size: 16px;
  font-weight: 900;
  color:#666;
}

.tf-q{
  font-size: 26px;
  margin: 14px 0 16px;
  font-weight: bold;
  line-height: 1.5;
}

.tf-stage{
  display:inline-block;
  margin-bottom: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  background:#fff;
  border:2px solid #ffe27a;
  font-size:14px;
  font-weight:900;
  color:#0f6f6f;
}

/* 3択 */
.tf-choices{
  display:grid;
  gap:12px;
  max-width: 520px;
  margin: 0 auto 12px;
}

.tf-btn{
  display:block;
  width:100%;
  padding:12px 14px;
  font-size:24px;
  border-radius:14px;
  border:none;
  background:#ffe082;
  font-weight:900;
  cursor:pointer;
  box-shadow: 0 3px 0 rgba(0,0,0,.08);
}

.tf-btn:disabled{
  opacity:.75;
  cursor:not-allowed;
}

.correct{ background:#b8f2d6 !important; }
.wrong{ background:#ffd0d0 !important; }

/* 並び替え */
.tf-arrange-wrap{
  display:none;
}

.tf-slots{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  margin: 12px 0 16px;
}

.tf-slot{
  min-width: 90px;
  min-height: 52px;
  padding: 8px 10px;
  border-radius: 14px;
  border: 2px dashed #f1b9cf;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  font-weight:800;
  color:#333;
  box-sizing:border-box;
}

.tf-slot.filled{
  border-style:solid;
  background:#fff7fb;
}

.tf-word-bank{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom: 12px;
}

.tf-word{
  padding: 12px 16px;
  border:none;
  border-radius: 14px;
  background:#ffd6e7;
  font-size:22px;
  font-weight:900;
  cursor:pointer;
  box-shadow: 0 3px 0 rgba(0,0,0,.08);
}

.tf-word:disabled{
  opacity:.45;
  cursor:not-allowed;
}

.tf-result{
  min-height: 36px;
  margin-top: 10px;
  font-size: 24px;
  font-weight: 900;
}

.tf-explain{
  min-height: 34px;
  margin-top: 6px;
  font-size: 18px;
  font-weight: 800;
  color:#555;
  line-height: 1.6;
}

.tf-controls{
  margin-top: 14px;
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}

.tf-cute{
  margin: 4px;
  padding: 12px 18px;
  font-size: 18px;
  border:none;
  border-radius:999px;
  font-weight:900;
  cursor:pointer;
  box-shadow: 0 3px 0 rgba(0,0,0,.08);
}

.tf-next{ background:#ff9de2; }
.tf-retry{ background:#9de2ff; }
.tf-shuffle{ background:#c8ff9d; }
.tf-clear{ background:#ffd9a8; }
.tf-check{ background:#7fd6d3; }

.tf-score{
  margin-top:14px;
  font-size: 20px;
  font-weight: 900;
  color:#0f6f6f;
}

@media (max-width:640px){
  .takota-final h3{ font-size:24px; }
  .tf-q{ font-size:22px; }
  .tf-btn{ font-size:21px; }
  .tf-word{ font-size:20px; }
  .tf-slot{ min-width: 76px; font-size:20px; min-height:48px; }
  .tf-result{ font-size:22px; }
  .tf-explain{ font-size:17px; }
  .tf-cute{ font-size:16px; padding:10px 14px; }
}
</style>

<div class="takota-final" id="takotaFinalTest">
  <h3><span id="toc5">🐙 タコタの総まとめテスト</span></h3>
  <p class="tf-sub">be動詞・do / does・動詞のsルールを まとめてチェック！</p>

  <div class="tf-stage" id="tfStage">ステージ</div>
  <div class="tf-progress" id="tfProgress">1 / 1</div>

  <div class="tf-q" id="tfQuestion"></div>

  <!-- 3択 -->
  <div class="tf-choices" id="tfChoices"></div>

  <!-- 並び替え -->
  <div class="tf-arrange-wrap" id="tfArrangeWrap">
    <div class="tf-slots" id="tfSlots"></div>
    <div class="tf-word-bank" id="tfWordBank"></div>
    <button class="tf-cute tf-check" id="tfArrangeCheckBtn">答えをチェック！</button>
    <button class="tf-cute tf-clear" id="tfArrangeClearBtn">クリア</button>
  </div>

  <div class="tf-result" id="tfResult"></div>
  <div class="tf-explain" id="tfExplain"></div>

  <div class="tf-controls">
    <button class="tf-cute tf-next" id="tfNextBtn" disabled>👉 次へ</button>
    <button class="tf-cute tf-retry" id="tfRestartBtn">🔁 もう一度</button>
    <button class="tf-cute tf-shuffle" id="tfShuffleBtn">🔀 シャッフル</button>
  </div>

  <div class="tf-score" id="tfScore">せいかい：0</div>
</div>

<script>
(() => {
  const originalData = [
    // ===== do / does（肯定文・疑問文・否定文）=====
    {
      type:"choice",
      stage:"do / does",
      q:"I ___ not like math.",
      choices:["do","does","plays"],
      answer:"do",
      tip:"I / you / we / they のときは do を使うよ。"
    },
    {
      type:"choice",
      stage:"do / does",
      q:"___ you play soccer?",
      choices:["Do","Does","Plays"],
      answer:"Do",
      tip:"you の疑問文は Do を前に出すよ。"
    },
    {
      type:"choice",
      stage:"do / does",
      q:"They ___  English after school.",
      choices:["studies","does","study"],
      answer:"study",
      tip:"肯定文の they は do を入れず、動詞そのままだよ。"
    },
    {
      type:"choice",
      stage:"do / does",
      q:"He ___ not play soccer.",
      choices:["do","does","plays"],
      answer:"does",
      tip:"he / she / it の否定文は does not を使うよ。"
    },
    {
      type:"choice",
      stage:"do / does",
      q:"___ she like sushi?",
      choices:["Do","Does","Likes"],
      answer:"Does",
      tip:"she の疑問文は Does を前に出すよ。"
    },
    {
      type:"choice",
      stage:"do / does",
      q:"She ___ tennis every day.",
      choices:["do","does","plays"],
      answer:"plays",
      tip:"肯定文の she は動詞に s がつくよ。"
    },

    // ===== 動詞の s ルール（肯定文・疑問文・否定文）=====
    {
      type:"choice",
      stage:"動詞の s",
      q:"He (play) soccer.",
      choices:["plays","play","playes"],
      answer:"plays",
      tip:"ふつうはそのまま s をつけるよ。"
    },
    {
      type:"choice",
      stage:"動詞の s",
      q:"Does he (play) soccer?",
      choices:["plays","play","playes"],
      answer:"play",
      tip:"Does の後は動詞を元の形に戻すよ。"
    },
    {
      type:"choice",
      stage:"動詞の s",
      q:"He does not (play) soccer.",
      choices:["plays","play","playes"],
      answer:"play",
      tip:"does not の後も動詞は元の形だよ。"
    },

    {
      type:"choice",
      stage:"動詞の s",
      q:"She (study) English.",
      choices:["studies","study","studys"],
      answer:"studies",
      tip:"子音 + y のときは y を ies に変えるよ。"
    },
    {
      type:"choice",
      stage:"動詞の s",
      q:"Does she (study) English?",
      choices:["studies","study","studys"],
      answer:"study",
      tip:"Does の後は study に戻るよ。"
    },
    {
      type:"choice",
      stage:"動詞の s",
      q:"She does not (study) English.",
      choices:["studies","study","studys"],
      answer:"study",
      tip:"否定文も動詞は元の形だよ。"
    },

    {
      type:"choice",
      stage:"動詞の s",
      q:"He (watch) TV.",
      choices:["watches","watch","watchs"],
      answer:"watches",
      tip:"ch で終わるときは es をつけるよ。"
    },
    {
      type:"choice",
      stage:"動詞の s",
      q:"Does he (watch) TV?",
      choices:["watches","watch","watchs"],
      answer:"watch",
      tip:"Does の後は watch に戻るよ。"
    },
    {
      type:"choice",
      stage:"動詞の s",
      q:"He does not (watch) TV.",
      choices:["watches","watch","watchs"],
      answer:"watch",
      tip:"does not の後も watch のままだよ。"
    },

    {
      type:"choice",
      stage:"動詞の s",
      q:"It (go) to school.",
      choices:["goes","go","gos"],
      answer:"goes",
      tip:"o で終わるときは es をつけるよ。"
    },
    {
      type:"choice",
      stage:"動詞の s",
      q:"Does it (go) to school?",
      choices:["goes","go","gos"],
      answer:"go",
      tip:"Does の後は go に戻るよ。"
    },
    {
      type:"choice",
      stage:"動詞の s",
      q:"It does not (go) to school.",
      choices:["goes","go","gos"],
      answer:"go",
      tip:"否定文の動詞も元の形だよ。"
    },

    {
      type:"choice",
      stage:"動詞の s",
      q:"She (enjoy) music.",
      choices:["enjoys","enjoy","enjoyes"],
      answer:"enjoys",
      tip:"母音 + y のときはそのまま s をつけるよ。"
    },
    {
      type:"choice",
      stage:"動詞の s",
      q:"Does she (enjoy) music?",
      choices:["enjoys","enjoy","enjoyes"],
      answer:"enjoy",
      tip:"Does の後は enjoy に戻るよ。"
    },
    {
      type:"choice",
      stage:"動詞の s",
      q:"She does not (enjoy) music.",
      choices:["enjoys","enjoy","enjoyes"],
      answer:"enjoy",
      tip:"does not の後も enjoy のままだよ。"
    },

    // ===== 並び替え（単語選択）=====
    {
      type:"arrange",
      stage:"並び替え",
      q:"並び替えて、正しい be動詞の疑問文を作ろう",
      words:["Are","you","happy","?"],
      answer:"Are you happy?",
      tip:"be動詞の疑問文は、be動詞を前に出すよ。"
    },
    {
      type:"arrange",
      stage:"並び替え",
      q:"並び替えて、正しい be動詞の否定文を作ろう",
      words:["You","are","not","happy"],
      answer:"You are not happy.",
      tip:"be動詞の否定文は、be動詞の後ろに not をつけるよ。"
    },
    {
      type:"arrange",
      stage:"並び替え",
      q:"並び替えて、正しい一般動詞の疑問文を作ろう",
      words:["Do","you","play","soccer","?"],
      answer:"Do you play soccer?",
      tip:"一般動詞の疑問文は Do を前に出すよ。"
    },
    {
      type:"arrange",
      stage:"並び替え",
      q:"並び替えて、正しい一般動詞の否定文を作ろう",
      words:["I","do","not","play","soccer"],
      answer:"I do not play soccer.",
      tip:"一般動詞の否定文は do not を使うよ。"
    },
    {
      type:"arrange",
      stage:"並び替え",
      q:"並び替えて、正しい does の疑問文を作ろう",
      words:["Does","he","like","sushi","?"],
      answer:"Does he like sushi?",
      tip:"he / she / it の疑問文は Does を前に出して、動詞は元の形！"
    },
    {
      type:"arrange",
      stage:"並び替え",
      q:"並び替えて、正しい does の否定文を作ろう",
      words:["He","does","not","like","sushi"],
      answer:"He does not like sushi.",
      tip:"he / she / it の否定文は does not を使って、動詞は元の形！"
    }
  ];

  let data = [...originalData];
  let current = 0;
  let score = 0;
  let answered = false;
  let selectedWords = [];
  let currentWordButtons = [];

  const stageEl = document.getElementById("tfStage");
  const progressEl = document.getElementById("tfProgress");
  const questionEl = document.getElementById("tfQuestion");
  const choicesEl = document.getElementById("tfChoices");
  const arrangeWrapEl = document.getElementById("tfArrangeWrap");
  const slotsEl = document.getElementById("tfSlots");
  const wordBankEl = document.getElementById("tfWordBank");
  const resultEl = document.getElementById("tfResult");
  const explainEl = document.getElementById("tfExplain");
  const nextBtn = document.getElementById("tfNextBtn");
  const restartBtn = document.getElementById("tfRestartBtn");
  const shuffleBtn = document.getElementById("tfShuffleBtn");
  const scoreEl = document.getElementById("tfScore");
  const arrangeCheckBtn = document.getElementById("tfArrangeCheckBtn");
  const arrangeClearBtn = document.getElementById("tfArrangeClearBtn");

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

  function normalizeSentence(text){
    return text
      .replace(/[?.]/g, "")
      .replace(/\s+/g, " ")
      .trim()
      .toLowerCase();
  }

  function buildSlots(count){
    slotsEl.innerHTML = "";
    for(let i = 0; i < count; i++){
      const div = document.createElement("div");
      div.className = "tf-slot";
      div.id = `tf-slot-${i}`;
      slotsEl.appendChild(div);
    }
  }

  function renderSlots(){
    const count = data[current].words.length;
    for(let i = 0; i < count; i++){
      const slot = document.getElementById(`tf-slot-${i}`);
      const word = selectedWords[i] || "";
      slot.textContent = word;
      slot.classList.toggle("filled", !!word);
    }
  }

  function renderChoice(item){
    choicesEl.style.display = "grid";
    arrangeWrapEl.style.display = "none";
    choicesEl.innerHTML = "";

    const shuffledChoices = shuffle(item.choices);
    shuffledChoices.forEach(choice => {
      const btn = document.createElement("button");
      btn.className = "tf-btn";
      btn.type = "button";
      btn.textContent = choice;
      btn.addEventListener("click", () => handleChoice(choice, btn));
      choicesEl.appendChild(btn);
    });
  }

  function renderArrange(item){
    choicesEl.style.display = "none";
    arrangeWrapEl.style.display = "block";
    selectedWords = [];
    buildSlots(item.words.length);
    renderSlots();

    const shuffledWords = shuffle(item.words);
    wordBankEl.innerHTML = "";

    currentWordButtons = shuffledWords.map(word => {
      const btn = document.createElement("button");
      btn.className = "tf-word";
      btn.type = "button";
      btn.textContent = word;
      btn.addEventListener("click", () => selectArrangeWord(word, btn));
      wordBankEl.appendChild(btn);
      return btn;
    });
  }

  function selectArrangeWord(word, btn){
    if(answered) return;
    if(selectedWords.length >= data[current].words.length) return;

    selectedWords.push(word);
    btn.disabled = true;
    renderSlots();
  }

  function clearArrange(){
    if(answered) return;
    selectedWords = [];
    renderSlots();
    currentWordButtons.forEach(btn => btn.disabled = false);
    resultEl.textContent = "";
    explainEl.textContent = "";
  }

  function handleChoice(choice, btn){
    if(answered) return;
    answered = true;
    const item = data[current];
    const buttons = Array.from(choicesEl.querySelectorAll(".tf-btn"));

    buttons.forEach(b => {
      b.disabled = true;
      if(b.textContent === item.answer){
        b.classList.add("correct");
      }
    });

    if(choice === item.answer){
      btn.classList.add("correct");
      resultEl.textContent = "⭕ せいかい！";
      explainEl.textContent = item.tip;
      score++;
      scoreEl.textContent = `せいかい：${score}`;
    } else {
      btn.classList.add("wrong");
      resultEl.textContent = "❌ ざんねん！";
      explainEl.textContent = `正解は「${item.answer}」だよ。${item.tip}`;
    }

    nextBtn.disabled = false;
  }

  function checkArrange(){
    if(answered) return;
    const item = data[current];

    if(selectedWords.length !== item.words.length){
      resultEl.textContent = "⚠️ まだ ぜんぶ はいってないよ";
      explainEl.textContent = "";
      return;
    }

    answered = true;
    const user = selectedWords.join(" ");
    const correct = item.answer;

    if(normalizeSentence(user) === normalizeSentence(correct)){
      resultEl.textContent = "⭕ せいかい！";
      explainEl.textContent = item.tip;
      score++;
      scoreEl.textContent = `せいかい：${score}`;
    } else {
      resultEl.textContent = "❌ ざんねん！";
      explainEl.textContent = `正解は「${item.answer}」だよ。${item.tip}`;
    }

    nextBtn.disabled = false;
  }

  function render(){
    const item = data[current];
    answered = false;
    resultEl.textContent = "";
    explainEl.textContent = "";
    nextBtn.disabled = true;

    stageEl.textContent = item.stage;
    progressEl.textContent = `${current + 1} / ${data.length}`;
    questionEl.textContent = item.q;

    if(item.type === "choice"){
      renderChoice(item);
    } else {
      renderArrange(item);
    }

    if(current === data.length - 1){
      nextBtn.textContent = "🏁 結果を見る";
    } else {
      nextBtn.textContent = "👉 次へ";
    }
  }

  function showFinal(){
    stageEl.textContent = "けっか";
    progressEl.textContent = `${data.length} / ${data.length}`;
    questionEl.textContent = "テストおしまい！";
    choicesEl.style.display = "none";
    arrangeWrapEl.style.display = "none";
    resultEl.textContent = `🎉 ${data.length}もん中 ${score}もん正解！`;
    explainEl.textContent = "もういちど やってみよう！";
    nextBtn.disabled = true;
  }

  function nextQuestion(){
    current++;
    if(current >= data.length){
      showFinal();
      return;
    }
    render();
  }

  function restartQuiz(){
    data = [...originalData];
    current = 0;
    score = 0;
    scoreEl.textContent = `せいかい：${score}`;
    render();
  }

  function shuffleQuiz(){
    data = shuffle(originalData);
    current = 0;
    score = 0;
    scoreEl.textContent = `せいかい：${score}`;
    render();
  }

  arrangeCheckBtn.addEventListener("click", checkArrange);
  arrangeClearBtn.addEventListener("click", clearArrange);
  nextBtn.addEventListener("click", nextQuestion);
  restartBtn.addEventListener("click", restartQuiz);
  shuffleBtn.addEventListener("click", shuffleQuiz);

  scoreEl.textContent = `せいかい：${score}`;
  render();
})();
</script>



<p class="wp-block-paragraph"><strong>おつかれさまでした✨<br>全部まざるとむずかしく感じるところも、1つずつ見ていくとちゃんとルールがあります。</strong></p>



<p class="wp-block-paragraph"><strong>間違えた問題があったら、そこが伸びるポイントです。<br>必要なら前の解説記事に戻って、もう一度確認してみてくださいね。</strong></p>



<p class="wp-block-paragraph"><strong>タコタといっしょに、少しずつ英語のルールを自分のものにしていきましょう🐙</strong></p>



<p class="wp-block-paragraph"></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%a4%e3%80%91does%e3%81%a8do%e3%81%ae%e9%81%95%e3%81%84/">
    ⬅ 前のレッスン
  </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%a5%e3%80%91%e5%91%bd%e4%bb%a4%e6%96%87%e3%81%be/">
    次のレッスン ➡
  </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%e7%b7%8f%e3%81%be%e3%81%a8%e3%82%81%e3%83%86%e3%82%b9%e3%83%88%e3%80%91be%e5%8b%95%e8%a9%9e%e3%83%bbdo%e3%83%bbdoes%e3%83%bb%e5%8b%95%e8%a9%9e%e3%81%aes%e3%83%ab%e3%83%bc/">🐙【総まとめテスト】be動詞・do・does・動詞のsルールをまとめてチェック！</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e7%b7%8f%e3%81%be%e3%81%a8%e3%82%81%e3%83%86%e3%82%b9%e3%83%88%e3%80%91be%e5%8b%95%e8%a9%9e%e3%83%bbdo%e3%83%bbdoes%e3%83%bb%e5%8b%95%e8%a9%9e%e3%81%aes%e3%83%ab%e3%83%bc/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>🐙【タコタの英語ルール完全理解②】英語はこれだけ！am・are・isの違いをイラストで完全理解</title>
		<link>https://jouniorsankosodate.com/%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%a1%e3%80%91%e8%8b%b1%e8%aa%9e%e3%81%af%e3%81%93%e3%82%8c%e3%81%a0/</link>
					<comments>https://jouniorsankosodate.com/%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%a1%e3%80%91%e8%8b%b1%e8%aa%9e%e3%81%af%e3%81%93%e3%82%8c%e3%81%a0/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Sun, 29 Mar 2026 05:04:36 +0000</pubDate>
				<category><![CDATA[🐙タコタの英文ルール📖]]></category>
		<category><![CDATA[＃be動詞]]></category>
		<category><![CDATA[＃たこた]]></category>
		<category><![CDATA[＃フラッシュ]]></category>
		<category><![CDATA[#文法]]></category>
		<category><![CDATA[＃無料アプリ]]></category>
		<guid isPermaLink="false">https://jouniorsankosodate.com/?p=4468</guid>

					<description><![CDATA[<p>前回be動詞と動詞の２種類あるっていう話をしました。 👉 be動詞はたった3つだけ！ これだけ覚えればOKです。 「am・are・isってなにが違うの？」 英語の最初の壁、ここでつまずく子めっちゃ多いです。 でも実はシン [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/%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%a1%e3%80%91%e8%8b%b1%e8%aa%9e%e3%81%af%e3%81%93%e3%82%8c%e3%81%a0/">🐙【タコタの英語ルール完全理解②】英語はこれだけ！am・are・isの違いをイラストで完全理解</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">前回be動詞と動詞の２種類あるっていう話をしました。</p>



<figure class="wp-block-embed is-type-wp-embed"><div class="wp-block-embed__wrapper">

<a href="https://jouniorsankosodate.com/%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%a0%e3%80%91%e8%8b%b1%e8%aa%9e%e3%81%af2%e7%a8%ae%e9%a1%9e%e3%81%a0/" title="🐙【タコタの英語ルール完全理解①】英語は2種類だけ｜be動詞と一般動詞の見分け方" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img decoding="async" width="160" height="90" src="https://jouniorsankosodate.com/wp-content/uploads/2026/03/ab26ef0a6d0c25a07b5b6d8eb538e4f3-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://jouniorsankosodate.com/wp-content/uploads/2026/03/ab26ef0a6d0c25a07b5b6d8eb538e4f3-160x90.jpg 160w, https://jouniorsankosodate.com/wp-content/uploads/2026/03/ab26ef0a6d0c25a07b5b6d8eb538e4f3-120x68.jpg 120w, https://jouniorsankosodate.com/wp-content/uploads/2026/03/ab26ef0a6d0c25a07b5b6d8eb538e4f3-320x180.jpg 320w, https://jouniorsankosodate.com/wp-content/uploads/2026/03/ab26ef0a6d0c25a07b5b6d8eb538e4f3-382x215.jpg 382w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">🐙【タコタの英語ルール完全理解①】英語は2種類だけ｜be動詞と一般動詞の見分け方</div><div class="blogcard-snippet internal-blogcard-snippet">🧠 英文のルール英語はこの順番👉 だれが → (どうする / どんな状態) → なにを日本語とは少し順番がちがいます。🎯 日本語とのちがい日本語👉 私は ランチを 食べる英語👉 私は 食べる ランチを👉英語は動き（動詞）が先にくる！🧠 文の...</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=https://jouniorsankosodate.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">jouniorsankosodate.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2026.03.29</div></div></div></div></a>
</div></figure>



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



<p class="wp-block-paragraph">👉 <strong>be動詞はたった3つだけ！</strong></p>



<ul class="wp-block-list">
<li><span class="fz-22px"><strong>am</strong></span></li>



<li><span class="fz-22px"><strong>are</strong></span></li>



<li><span class="fz-22px"><strong>is</strong></span></li>
</ul>



<p class="wp-block-paragraph">これだけ覚えればOKです。</p>



<p class="wp-block-paragraph">「<strong>am・are・is</strong>ってなにが違うの？」</p>



<p class="wp-block-paragraph">英語の最初の壁、ここでつまずく子めっちゃ多いです。</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-5" checked><label class="toc-title" for="toc-checkbox-5">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">① I → am（自分）</a></li><li><a href="#toc2" tabindex="0">② You・We・They → are（みんな）</a></li><li><a href="#toc3" tabindex="0">③ He・She・It → is（1人だけ）</a></li><li><a href="#toc4" tabindex="0">🧠 まとめ（ここが一番大事）</a></li><li><a href="#toc5" tabindex="0">🐙【補足】Itってなに？</a><ol><li><a href="#toc6" tabindex="0">✔ 具体例</a></li><li><a href="#toc7" tabindex="0">✔ ポイント</a></li></ol></li><li><a href="#toc8" tabindex="0">🎯 まとめ（It）</a></li><li><a href="#toc9" tabindex="0">総　まとめ</a></li><li><a href="#toc10" tabindex="0">🐙 be動詞クイズ</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">① I → am（自分）</span></h2>



<figure class="wp-block-image size-large is-resized"><img fetchpriority="high" decoding="async" width="683" height="1024" src="https://jouniorsankosodate.com/wp-content/uploads/2026/03/e1e107c9e78b0a5227bea79cc9a5740f-683x1024.jpg" alt="" class="wp-image-4472" style="aspect-ratio:0.6669972838526567;width:450px;height:auto" srcset="https://jouniorsankosodate.com/wp-content/uploads/2026/03/e1e107c9e78b0a5227bea79cc9a5740f-683x1024.jpg 683w, https://jouniorsankosodate.com/wp-content/uploads/2026/03/e1e107c9e78b0a5227bea79cc9a5740f-200x300.jpg 200w, https://jouniorsankosodate.com/wp-content/uploads/2026/03/e1e107c9e78b0a5227bea79cc9a5740f-768x1152.jpg 768w, https://jouniorsankosodate.com/wp-content/uploads/2026/03/e1e107c9e78b0a5227bea79cc9a5740f.jpg 1000w" sizes="(max-width: 683px) 100vw, 683px" /></figure>



<p class="wp-block-paragraph"><span class="fz-22px">👉 <strong>自分のことを言うときは </strong>【<strong>am</strong>】</span></p>



<ul class="wp-block-list">
<li>I am a student.</li>



<li>I am happy.</li>
</ul>



<p class="wp-block-paragraph">💡ポイント<br>👉 <strong>I（自分）＝am</strong></p>



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



<h2 class="wp-block-heading"><span id="toc2">② You・We・They → are（みんな）</span></h2>



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



<p class="wp-block-paragraph"><span class="fz-22px">👉 <strong>2人以上・相手・みんなは are</strong></span></p>



<ul class="wp-block-list">
<li>You are my friend.</li>



<li>We are students.</li>



<li>They are happy.</li>
</ul>



<p class="wp-block-paragraph">💡ポイント<br>👉 <strong>1人じゃない（YOUは自分と相手で2人）＝are</strong></p>



<p class="wp-block-paragraph">※I→タコタ　You→コミィ（みずいろ）</p>



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



<h2 class="wp-block-heading"><span id="toc3">③ He・She・It → is（1人だけ）</span></h2>



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



<p class="wp-block-paragraph"><span class="fz-22px">👉 <strong>1人だけ（自分と相手以外じゃない）＝is</strong></span></p>



<ul class="wp-block-list">
<li>He is my brother.</li>



<li>She is kind.</li>



<li>It is a pen.</li>
</ul>



<p class="wp-block-paragraph">💡ポイント<br>👉 <strong>1人（自分・相手以外）＝is</strong></p>



<p class="wp-block-paragraph">※I→タコタ　You→コミィ（みずいろ）それ以外のもう1人</p>



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



<h2 class="wp-block-heading"><span id="toc4">🧠 まとめ（ここが一番大事）</span></h2>



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



<ul class="wp-block-list">
<li>自分 → am</li>



<li>みんな → are</li>



<li>自分と相手以外の1人 → is</li>
</ul>



<p class="wp-block-paragraph"><span class="fz-22px">👉 <strong>「誰の話か」で決まる！</strong></span></p>



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



<h2 class="wp-block-heading"><span id="toc5">🐙【補足】Itってなに？</span></h2>



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



<p class="wp-block-paragraph">「Itってなに？」ってなる人多いけど安心して👇</p>



<p class="wp-block-paragraph"><span class="fz-22px">👉 <strong>It＝人じゃないもの</strong></span></p>



<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>モノ<br>👉 It is a pen.</li>



<li>動物<br>👉 It is a dog.</li>



<li>天気<br>👉 It is sunny.</li>



<li>時間<br>👉 It is 3 o’clock.</li>
</ul>



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



<h3 class="wp-block-heading"><span id="toc7">✔ ポイント</span></h3>



<p class="wp-block-paragraph">👉 <strong>名前がわからないときも It</strong></p>



<ul class="wp-block-list">
<li>それなに？<br>👉 What is it?</li>
</ul>



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



<h2 class="wp-block-heading"><span id="toc8">🎯 まとめ（It）</span></h2>



<p class="wp-block-paragraph">👉 Itは👇</p>



<ul class="wp-block-list">
<li>モノ</li>



<li>動物</li>



<li>天気</li>



<li>時間</li>
</ul>



<p class="wp-block-paragraph">👉全部まとめて</p>



<p class="wp-block-paragraph"><strong><span class="fz-22px">「人じゃないもの」</span></strong></p>



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



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



<p class="wp-block-paragraph">👉 <strong>be動詞はたった3つだけ！</strong></p>



<ul class="wp-block-list">
<li><span class="fz-22px"><strong>am</strong></span></li>



<li><span class="fz-22px"><strong>are</strong></span></li>



<li><span class="fz-22px"><strong>is</strong></span></li>
</ul>



<p class="wp-block-paragraph"><span class="fz-22px">👉<strong> どれをつかうかは「誰の話か」で決まる！</strong></span></p>



<div id="be-quiz" class="beq-wrap">
  <h2 class="beq-title"><span id="toc10">🐙 be動詞クイズ</span></h2>
  <p class="beq-sub">しゅごに あう beどうしを えらぼう！</p>

  <div class="beq-card">
    <div class="beq-q-label">もんだい</div>
    <div id="beq-subject" class="beq-subject">I</div>

    <div class="beq-choices">
      <button class="beq-btn" data-choice="am">am</button>
      <button class="beq-btn" data-choice="
are">are</button>
      <button class="beq-btn" data-choice="is">is</button>
    </div>

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

    <div class="beq-controls">
      <button id="beq-next" class="beq-next" disabled>つぎの もんだい ▶</button>
    </div>
  </div>

  <div class="beq-score">
    <span id="beq-count">1 / 10</span>
    <span id="beq-correct">せいかい：0</span>
  </div>
</div>

<style>
  .beq-wrap{
    max-width:720px;
    margin:24px auto;
    padding:16px;
    border-radius:20px;
    background:linear-gradient(180deg,#fff8dc,#fff2a8);
    box-shadow:0 10px 24px rgba(0,0,0,.12);
    font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
    color:#2b2b2b;
  }
  .beq-title{
    margin:0;
    text-align:center;
    font-size:28px;
    color:#0f6f6f;
    font-weight:1000;
  }
  .beq-sub{
    text-align:center;
    margin:8px 0 16px;
    font-weight:700;
  }
  .beq-card{
    background:#fffdf3;
    border:2px solid #ffe27a;
    border-radius:18px;
    padding:20px;
    text-align:center;
  }
  .beq-q-label{
    display:inline-block;
    background:#fff;
    border:2px solid #ffe27a;
    border-radius:999px;
    padding:6px 12px;
    font-weight:900;
    margin-bottom:12px;
  }
  .beq-subject{
    font-size:48px;
    font-weight:1000;
    color:#0f6f6f;
    margin:8px 0 20px;
    line-height:1.2;
  }
  .beq-choices{
    display:flex;
    justify-content:center;
    gap:12px;
    flex-wrap:wrap;
  }
  .beq-btn{
    min-width:110px;
    padding:14px 18px;
    font-size:24px;
    font-weight:1000;
    border-radius:16px;
    border:2px solid #ffe27a;
    background:#fff;
    cursor:pointer;
  }
  .beq-btn:disabled{
    opacity:.6;
    cursor:not-allowed;
  }
  .beq-btn.correct{
    background:#d8ffe0;
    border-color:#41b66d;
  }
  .beq-btn.wrong{
    background:#ffe0e0;
    border-color:#d95c5c;
  }
  .beq-result{
    min-height:40px;
    margin-top:18px;
    font-size:24px;
    font-weight:1000;
  }
  .beq-result.ok{ color:#1d8f4d; }
  .beq-result.ng{ color:#c74747; }

  .beq-controls{
    margin-top:14px;
  }
  .beq-next{
    padding:12px 18px;
    font-size:18px;
    font-weight:1000;
    border:none;
    border-radius:14px;
    background:#0f6f6f;
    color:#fff;
    cursor:pointer;
  }
  .beq-next:disabled{
    opacity:.45;
    cursor:not-allowed;
  }
  .beq-score{
    display:flex;
    justify-content:space-between;
    gap:12px;
    margin-top:12px;
    font-weight:900;
    font-size:16px;
  }

  @media (max-width:640px){
    .beq-subject{ font-size:40px; }
    .beq-btn{
      min-width:90px;
      font-size:22px;
      padding:12px 14px;
    }
    .beq-result{ font-size:22px; }
  }
</style>

<script>
(() => {
  const allQuestions = [
    { subject: "I", answer: "am" },
    { subject: "You", answer: "are" },
    { subject: "He", answer: "is" },
    { subject: "She", answer: "is" },
    { subject: "It", answer: "is" },
    { subject: "We", answer: "are" },
    { subject: "They", answer: "are" },
    { subject: "Tacota and Comii", answer: "are" },
    { subject: "Megane Boy", answer: "is" },
    { subject: "My dog", answer: "is" }
  ];

  const subjectEl = document.getElementById("beq-subject");
  const resultEl = document.getElementById("beq-result");
  const nextBtn = document.getElementById("beq-next");
  const countEl = document.getElementById("beq-count");
  const correctEl = document.getElementById("beq-correct");
  const choiceButtons = Array.from(document.querySelectorAll(".beq-btn"));

  let questions = shuffle([...allQuestions]).slice(0, 10);
  let currentIndex = 0;
  let correctCount = 0;
  let answered = false;

  function shuffle(arr){
    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 renderQuestion(){
    const q = questions[currentIndex];
    subjectEl.textContent = q.subject;
    resultEl.textContent = "";
    resultEl.className = "beq-result";
    nextBtn.disabled = true;
    answered = false;

    countEl.textContent = `${currentIndex + 1} / ${questions.length}`;
    correctEl.textContent = `せいかい：${correctCount}`;

    choiceButtons.forEach(btn => {
      btn.disabled = false;
      btn.classList.remove("correct", "wrong");
    });
  }

  function finishQuiz(){
    subjectEl.textContent = "おしまい！";
    resultEl.textContent = `🎉 ${questions.length}もんちゅう ${correctCount}もん せいかい！`;
    resultEl.className = "beq-result ok";
    nextBtn.textContent = "もういちど";
    nextBtn.disabled = false;

    choiceButtons.forEach(btn => {
      btn.disabled = true;
      btn.classList.remove("correct", "wrong");
    });
  }

  choiceButtons.forEach(btn => {
    btn.addEventListener("click", () => {
      if(answered) return;

      answered = true;
      const q = questions[currentIndex];
      const choice = btn.dataset.choice;

      choiceButtons.forEach(b => b.disabled = true);

      if(choice === q.answer){
        btn.classList.add("correct");
        resultEl.textContent = "⭕ せいかい！";
        resultEl.className = "beq-result ok";
        correctCount++;
        correctEl.textContent = `せいかい：${correctCount}`;
      } else {
        btn.classList.add("wrong");
        const correctBtn = choiceButtons.find(b => b.dataset.choice === q.answer);
        if(correctBtn) correctBtn.classList.add("correct");
        resultEl.textContent = `❌ ざんねん！ こたえは ${q.answer}`;
        resultEl.className = "beq-result ng";
      }

      nextBtn.disabled = false;
    });
  });

  nextBtn.addEventListener("click", () => {
    if(currentIndex === questions.length - 1){
      questions = shuffle([...allQuestions]).slice(0, 10);
      currentIndex = 0;
      correctCount = 0;
      nextBtn.textContent = "つぎの もんだい ▶";
      renderQuestion();
      return;
    }

    currentIndex++;
    renderQuestion();

    if(currentIndex === questions.length - 1){
      nextBtn.textContent = "けっかへ ▶";
    }
  });

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



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

  <!-- 前へ -->
  <a class="nav-btn prev" href="https://jouniorsankosodate.com/%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%a0%e3%80%91%e8%8b%b1%e8%aa%9e%e3%81%af2%e7%a8%ae%e9%a1%9e%e3%81%a0/">
    ⬅ 前のレッスン
  </a>

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

  <!-- 次へ -->
  <a class="nav-btn next" href="https://jouniorsankosodate.com/%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%a2%e3%80%91be%e5%8b%95%e8%a9%9e%e3%81%ae%e7%96%91%e5%95%8f/">
    次のレッスン ➡
  </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 class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"></p>
<p>投稿 <a href="https://jouniorsankosodate.com/%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%a1%e3%80%91%e8%8b%b1%e8%aa%9e%e3%81%af%e3%81%93%e3%82%8c%e3%81%a0/">🐙【タコタの英語ルール完全理解②】英語はこれだけ！am・are・isの違いをイラストで完全理解</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/%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%a1%e3%80%91%e8%8b%b1%e8%aa%9e%e3%81%af%e3%81%93%e3%82%8c%e3%81%a0/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>🐙タコタの はじめてのえいごレッスン【フレーズ】｜③</title>
		<link>https://jouniorsankosodate.com/super-beginner-phrase-03/</link>
					<comments>https://jouniorsankosodate.com/super-beginner-phrase-03/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Fri, 30 Jan 2026 08:22:54 +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=3357</guid>

					<description><![CDATA[<p>🐙 はじめての えいごフレーズ③｜ゆうがた（うんどう＋ともだち） このフレーズは 「えいごを よめるようになる」 れんしゅうだよ。 わからないときは 🔊 をおして、ほんもののはつおんをきこう。 ✅「こたえ」をおすと、にほ [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/super-beginner-phrase-03/">🐙タコタの はじめてのえいごレッスン【フレーズ】｜③</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<!-- =========================
🐙 はじめての えいごフレーズ③｜ゆうがた（うんどう＋ともだち）
super-beginner-phrase-03（修正版）
・絵フラッシュ（6枚）
・🔊音声ヒント（英国英語女性優先）
・✅こたえをおすと、日本語訳が英文のすぐ下に表示
・えいぶんをかくす／えをかくす
・🔀シャッフル
・↩︎さいしょから
・下：📘一覧へ／▶つぎへ
========================= -->

<div id="sbp" class="sbp-wrap" aria-label="はじめての えいごフレーズ｜ゆうがた">

  <section class="sbp-intro" aria-label="このフレーズのつかいかた">
    <h2 class="sbp-intro-title">🐙 はじめての えいごフレーズ③｜ゆうがた（うんどう＋ともだち）</h2>
    <p class="sbp-intro-p">
      このフレーズは <strong>「えいごを よめるようになる」</strong> れんしゅうだよ。<br>
      わからないときは 🔊 をおして、ほんもののはつおんをきこう。
    </p>
    <p class="sbp-intro-p">
      ✅「こたえ」をおすと、にほんごが えいぶんの すぐしたに でるよ。<br>
      さらに <strong>「えいぶんをかくす」「えをかくす」</strong> をつかうと、もっとよめるようになるよ。
    </p>
    <p class="sbp-intro-note">
      ※ おうちのひとは、はつおんしなくてOK。<br>
      「きいてみよ」「よんでみよ」って こえかけだけで だいじょうぶ💛
    </p>
  </section>

  <section class="sbp-panel" aria-label="フラッシュ">
    <header class="sbp-head">
      <span class="sbp-badge">🟡 はじめての えいご</span>
      <span class="sbp-title">③ ゆうがた</span>
      <span class="sbp-progress" id="sbpProg">1 / 6</span>
    </header>

    <div class="sbp-card">
      <div class="sbp-imgwrap">
        <img decoding="async" id="sbpImg" class="sbp-img" src="" alt="" loading="lazy">
        <div id="sbpImgMask" class="sbp-mask is-hidden" aria-hidden="true">え を かくしたよ</div>
      </div>

      <div class="sbp-enwrap">
        <div id="sbpEn" class="sbp-en">I play with friends.</div>
        <div id="sbpJp" class="sbp-jp is-hidden">ともだちと あそぶ</div>
        <div id="sbpEnMask" class="sbp-mask is-hidden" aria-hidden="true">えいぶん を かくしたよ</div>
      </div>

      <div class="sbp-controls" aria-label="そうさ">
        <button type="button" class="sbp-btn" id="btnPrev">◀︎ まえ</button>
        <button type="button" class="sbp-btn" id="btnSpeak">🔊 きく</button>
        <button type="button" class="sbp-btn" id="btnAns">✅ こたえ</button>
        <button type="button" class="sbp-btn sbp-primary" id="btnNext">つぎ ▶︎</button>
      </div>

      <div class="sbp-subcontrols" aria-label="オプション">
        <button type="button" class="sbp-btn sbp-mini" id="btnHideEn">🙈 えいぶんをかくす</button>
        <button type="button" class="sbp-btn sbp-mini" id="btnHideImg">🖼️ えをかくす</button>
        <button type="button" class="sbp-btn sbp-mini" id="btnShuffle">🔀 シャッフル</button>
        <button type="button" class="sbp-btn sbp-mini" id="btnRestart">↩︎ さいしょから</button>
      </div>
    </div>

    <div class="sbp-bottom-nav" aria-label="ぺーじいどう">
      <a class="sbp-linkbtn" href="/super-beginner-phrase-index/">📘 いちらん</a>
      <a class="sbp-linkbtn sbp-primary" href="/super-beginner-phrase-04/">▶ つぎのレッスンへ</a>
    </div>
  </section>

</div>

<style>
  .sbp-wrap{
    --bg:#fff3b5;
    --ink:#2b2b2b;
    --accent:#0f6f6f;
    --line:#ffe27a;
    --shadow: 0 10px 24px rgba(0,0,0,.12);
    font-family: system-ui, -apple-system, "Hiragino Kaku Gothic ProN", "Noto Sans JP", Arial, sans-serif;
    color: var(--ink);
    max-width: 860px;
    margin: 16px auto 28px;
    padding: 0 10px;
  }
  .sbp-intro{
    background:#ffffffcc;
    border:2px solid var(--line);
    border-radius:18px;
    padding:14px;
    box-shadow: var(--shadow);
    margin-bottom: 14px;
  }
  .sbp-intro-title{
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 1000;
    color: var(--accent);
  }
  .sbp-intro-p{
    margin: 10px 0;
    line-height: 1.7;
    font-weight: 800;
    font-size: 14px;
  }
  .sbp-intro-note{
    margin: 10px 0 0;
    padding: 10px 12px;
    background:#fff;
    border:2px dashed var(--line);
    border-radius: 14px;
    font-weight: 900;
    font-size: 13px;
    color:#6b6b6b;
  }

  .sbp-panel{
    background: linear-gradient(180deg, #fff8d4, var(--bg));
    border-radius: 18px;
    box-shadow: var(--shadow);
    padding: 14px;
    position: relative;
    overflow: hidden;
  }
  .sbp-panel:before{
    content:"";
    position:absolute; inset:-40px;
    background-image:
      radial-gradient(#ffffff80 18%, transparent 19%),
      radial-gradient(#ffffff60 18%, transparent 19%);
    background-size: 56px 56px, 72px 72px;
    background-position: 0 0, 20px 20px;
    opacity:.22;
    pointer-events:none;
  }

  .sbp-head{
    position: relative;
    z-index: 1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
  .sbp-badge{
    background:#fff;
    border: 2px solid var(--line);
    border-radius: 999px;
    padding: 6px 10px;
    font-weight: 1000;
    font-size: 14px;
  }
  .sbp-title{
    font-weight: 1000;
    color: var(--accent);
    font-size: 16px;
  }
  .sbp-progress{
    font-weight: 1000;
    color:#6b6b6b;
    font-size: 14px;
  }

  .sbp-card{
    position: relative;
    z-index: 1;
    background: #ffffffb8;
    border: 2px solid var(--line);
    border-radius: 18px;
    padding: 14px;
  }

  .sbp-imgwrap{
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    background:#fff;
    border:2px solid var(--line);
  }
  .sbp-img{
    width: 100%;
    display:block;
  }

  .sbp-enwrap{
    position: relative;
    margin-top: 10px;
    border-radius: 16px;
    background:#fff;
    border:2px solid var(--line);
    padding: 14px 10px 12px;
  }
  .sbp-en{
    text-align:center;
    font-weight: 1000;
    letter-spacing: .02em;
    color: var(--accent);
    font-size: clamp(26px, 4.6vw, 40px);
    line-height: 1.15;
    user-select: none;
  }
  .sbp-jp{
    text-align:center;
    margin-top: 8px;
    font-weight: 900;
    color:#5e5e5e;
    font-size: clamp(16px, 3.2vw, 22px);
    line-height: 1.4;
  }

  .sbp-mask{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:1000;
    color:#6b6b6b;
    background:#fff;
    border-radius: 16px;
  }
  .is-hidden{ display:none !important; }

  .sbp-controls{
    display:flex;
    justify-content:center;
    gap:10px;
    flex-wrap:wrap;
    margin: 12px 0 6px;
  }
  .sbp-subcontrols{
    display:flex;
    justify-content:center;
    gap:10px;
    flex-wrap:wrap;
    margin: 8px 0 0;
  }

  .sbp-btn{
    border: 2px solid var(--line);
    background: #fff;
    border-radius: 14px;
    padding: 10px 14px;
    font-weight: 1000;
    font-size: 16px;
    cursor:pointer;
    text-decoration:none;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    line-height: 1;
  }
  .sbp-btn:active{ transform: translateY(1px); }
  .sbp-mini{ padding: 8px 12px; font-size: 14px; }
  .sbp-primary{
    border-color: var(--accent);
    background: var(--accent);
    color:#fff;
  }
  button:disabled{
    opacity:.45;
    cursor:not-allowed;
  }

  .sbp-bottom-nav{
    position: relative;
    z-index: 1;
    margin-top: 12px;
    display:flex;
    gap:10px;
    justify-content:center;
    flex-wrap:wrap;
  }
  .sbp-linkbtn{
    border: 2px solid var(--line);
    background: #fff;
    border-radius: 14px;
    padding: 10px 16px;
    font-weight: 1000;
    font-size: 16px;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    line-height:1;
    color: var(--accent);
  }
  .sbp-linkbtn.sbp-primary{
    border-color: var(--accent);
    background: var(--accent);
    color:#fff !important;
  }
</style>

<script>
(() => {
  const cards = [
    { en:"I play with friends.",  jp:"ともだちと あそぶ",     img:"https://jouniorsankosodate.com/wp-content/uploads/2026/01/1.jpg" },
    { en:"I walk home.",          jp:"あるいて かえる",       img:"https://jouniorsankosodate.com/wp-content/uploads/2026/01/2.jpg" },
    { en:"I run fast.",           jp:"はやく はしる",         img:"https://jouniorsankosodate.com/wp-content/uploads/2026/01/3.jpg" },
    { en:"I jump high.",          jp:"たかく ジャンプする",   img:"https://jouniorsankosodate.com/wp-content/uploads/2026/01/4.jpg" },
    { en:"I talk with friends.",  jp:"ともだちと はなす",     img:"https://jouniorsankosodate.com/wp-content/uploads/2026/01/5.jpg" },
    { en:"I clean up.",           jp:"かたづける",            img:"https://jouniorsankosodate.com/wp-content/uploads/2026/01/6.jpg" }
  ];

  const prog = document.getElementById("sbpProg");
  const img = document.getElementById("sbpImg");
  const en  = document.getElementById("sbpEn");
  const jp  = document.getElementById("sbpJp");
  const imgMask = document.getElementById("sbpImgMask");
  const enMask  = document.getElementById("sbpEnMask");

  const btnPrev = document.getElementById("btnPrev");
  const btnNext = document.getElementById("btnNext");
  const btnSpeak = document.getElementById("btnSpeak");
  const btnAns = document.getElementById("btnAns");
  const btnHideEn = document.getElementById("btnHideEn");
  const btnHideImg = document.getElementById("btnHideImg");
  const btnShuffle = document.getElementById("btnShuffle");
  const btnRestart = document.getElementById("btnRestart");

  let order = cards.map((_, idx) => idx);
  let i = 0;
  let hiddenEn = false;
  let hiddenImg = false;
  let ansShown = false;

  let voicesReady = false;
  let preferredVoice = null;

  function pickBestVoice() {
    const voices = window.speechSynthesis ? window.speechSynthesis.getVoices() : [];
    if (!voices || !voices.length) return null;

    const femaleHints = /(female|samantha|serena|karen|susan|victoria|zira|hazel|libby|aria|siri)/i;

    return (
      voices.find(v => /^en-GB/i.test(v.lang) && femaleHints.test(v.name)) ||
      voices.find(v => /^en-GB/i.test(v.lang) && /google uk english female/i.test(v.name)) ||
      voices.find(v => /^en-GB/i.test(v.lang)) ||
      voices.find(v => /^en/i.test(v.lang) && femaleHints.test(v.name)) ||
      voices.find(v => /^en/i.test(v.lang)) ||
      null
    );
  }

  function loadVoices() {
    preferredVoice = pickBestVoice();
    voicesReady = true;
  }

  if ("speechSynthesis" in window) {
    loadVoices();
    window.speechSynthesis.onvoiceschanged = loadVoices;
  }

  function speak(text){
    if(!("speechSynthesis" in window)) return;

    window.speechSynthesis.cancel();

    const utter = new SpeechSynthesisUtterance(text);
    utter.lang = "en-GB";
    utter.rate = 0.9;
    utter.pitch = 1.0;
    utter.volume = 1;

    if (!voicesReady) loadVoices();
    if (preferredVoice) utter.voice = preferredVoice;

    window.speechSynthesis.speak(utter);
  }

  function render(){
    const c = cards[order[i]];
    prog.textContent = `${i+1} / ${cards.length}`;
    img.src = c.img;
    img.alt = c.en;
    en.textContent = c.en;
    jp.textContent = c.jp;

    imgMask.classList.toggle("is-hidden", !hiddenImg);
    enMask.classList.toggle("is-hidden", !hiddenEn);
    jp.classList.toggle("is-hidden", !ansShown);

    btnPrev.disabled = (i === 0);
    btnNext.disabled = (i === cards.length - 1);
  }

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

  btnPrev.addEventListener("click", () => {
    if(i > 0){
      i--;
      ansShown = false;
      render();
    }
  });

  btnNext.addEventListener("click", () => {
    if(i < cards.length - 1){
      i++;
      ansShown = false;
      render();
    }
  });

  btnSpeak.addEventListener("click", () => speak(cards[order[i]].en));

  btnAns.addEventListener("click", () => {
    ansShown = !ansShown;
    render();
  });

  btnHideEn.addEventListener("click", () => {
    hiddenEn = !hiddenEn;
    enMask.classList.toggle("is-hidden", !hiddenEn);
  });

  btnHideImg.addEventListener("click", () => {
    hiddenImg = !hiddenImg;
    imgMask.classList.toggle("is-hidden", !hiddenImg);
  });

  btnShuffle.addEventListener("click", () => {
    shuffle();
    i = 0;
    ansShown = false;
    render();
  });

  btnRestart.addEventListener("click", () => {
    order = cards.map((_, idx) => idx);
    i = 0;
    hiddenEn = false;
    hiddenImg = false;
    ansShown = false;
    render();
  });

  render();
})();
</script>
<p>投稿 <a href="https://jouniorsankosodate.com/super-beginner-phrase-03/">🐙タコタの はじめてのえいごレッスン【フレーズ】｜③</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/super-beginner-phrase-03/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>🐙タコタとはるのはじめてのえいごレッスン⑩</title>
		<link>https://jouniorsankosodate.com/super-beginner-10/</link>
					<comments>https://jouniorsankosodate.com/super-beginner-10/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Tue, 27 Jan 2026 07:13:40 +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=3256</guid>

					<description><![CDATA[<p>たこたとはるの はじめてのえいごレッスン｜超初級 絵を見て答えるだけなら、実はだれでもできます。 このレッスンでは 「英単語を見て、正しい発音を聞いて、自分で読めるようになること」を大切にしています。 はじめはわからなく [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/super-beginner-10/">🐙タコタとはるのはじめてのえいごレッスン⑩</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<!-- =========================
✅ たこたとはるの はじめてのえいごレッスン⑩ 修正版
テーマ：色②（生活で見る色）
・PCで英語音声が鳴りにくい問題に対応
・絵文字が消えるPC向けに画像ヒント方式へ変更
・ボタンの絵文字依存を減らして表示崩れ対策
・正解メッセージは「正解！」
・3択は常時表示
・シャッフル後の完璧ごほうび画像あり
・前のレッスン／一覧／次のレッスンのナビ付き
========================= -->

<div id="sb-lesson" class="sb-wrap" aria-label="たこたとはるの はじめてのえいごレッスン｜超初級">

  <!-- ===== 説明文 ===== -->
  <section class="sb-intro" aria-label="このレッスンの使い方">

    <div class="sb-hero">
      <img decoding="async"
        src="https://jouniorsankosodate.com/wp-content/uploads/2026/01/443581ff0813610aa704a6ff0719b94f.jpg"
        alt="いくつできるかな？"
        class="sb-hero-img"
        loading="lazy"
      />
    </div>

    <h2 class="sb-intro-title">たこたとはるの はじめてのえいごレッスン｜超初級</h2>

    <p class="sb-intro-p">
      絵を見て答えるだけなら、実はだれでもできます。<br>
      このレッスンでは <strong>「英単語を見て、正しい発音を聞いて、自分で読めるようになること」</strong>を大切にしています。
    </p>

    <p class="sb-intro-p">
      はじめはわからなくて当たり前。そんなときは<br>
      <strong>音声を聞く</strong> ／ <strong>イラストをヒントにする</strong><br>
      この流れをくり返すことで、少しずつ <strong>「あ、これ読める！」</strong> が増えていきます。
    </p>

    <p class="sb-intro-p">
      <strong>発音についてのお願い</strong><br>
      このレッスンでは、なるべく本物の発音に近い音を聞いてほしいため、音声をそのまま使うことをおすすめしています。<br>
      <strong>ママ・パパは発音しなくて大丈夫。</strong><br>
      「聞いてみようか」「えらんでみようか」そんな声かけだけで十分です。
    </p>

    <p class="sb-intro-p">
      ・まちがえてもOK ・ゆっくりでOK ・できたらしっかり「すごいね！」<br>
      たこたとはるといっしょに、<strong>英語を読む一歩目</strong>をたのしんでください。
    </p>

    <p class="sb-intro-p sb-intro-last">
      さいごに <strong>シャッフルでもう一回</strong> やると、順番が変わるので <strong>記憶に残りやすい</strong> よ。
    </p>
  </section>

  <!-- ===== メイン ===== -->
  <section id="sbMain" class="sb-panel" aria-label="フラッシュ＆3たく">
    <header class="sb-header">
      <span class="sb-badge"><span class="sb-mini-icon">🐙</span> 超初級</span>
      <span class="sb-title" id="sbLessonTitle">色②（生活で見る色）</span>
      <span class="sb-progress" id="sbProgress">1 / 5</span>
    </header>

    <div class="sb-card">
      <div class="sb-word" id="sbWord">black</div>

      <div class="sb-visual is-hidden" id="sbVisual" aria-hidden="true">
        <img decoding="async" id="sbVisualImg" src="" alt="" class="sb-visual-img" loading="lazy">
      </div>

      <div class="sb-controls">
        <button type="button" class="sb-btn" id="btnSpeak">🔊 きく</button>
        <button type="button" class="sb-btn" id="btnHint">👀 ヒント</button>
        <button type="button" class="sb-btn" id="btnPrev">◀ まえ</button>
        <button type="button" class="sb-btn sb-btn-primary" id="btnNext">つぎ ▶</button>
      </div>

      <div class="sb-choices" id="sbChoices" aria-label="3たく"></div>
      <div class="sb-msg" id="sbMsg" role="status" aria-live="polite"></div>
    </div>

    <div class="sb-footer-nav">
      <a class="sb-link" id="linkToIndex" href="../super-beginner-index/">📘 一覧へもどる</a>
    </div>
  </section>

  <!-- ===== ぜんもんせいかい ===== -->
  <section id="sbComplete" class="sb-panel is-hidden" aria-label="ぜんもんせいかい">
    <div class="sb-complete">
      <img decoding="async"
        id="sbCompleteImg"
        src="https://jouniorsankosodate.com/wp-content/uploads/2026/01/c6e6854a70d935bfc53650e8f0931bbc.jpg"
        alt="ごほうび"
        class="sb-complete-img"
        loading="lazy"
      />

      <div class="sb-complete-actions">
        <button type="button" class="sb-btn" id="btnShuffle">🔀 シャッフルでもういっかい</button>
        <a class="sb-btn sb-btn-primary" id="btnNextLesson" href="../super-beginner-11/">▶ 次のレッスンへ</a>
        <a class="sb-btn" id="btnBackIndex" href="../super-beginner-index/">📘 一覧へもどる</a>
        <button type="button" class="sb-btn" id="btnRestart">↩ さいしょから</button>
      </div>

      <div class="sb-note">できた！の気持ちを大事に。今日はここでおしまいでもOK。</div>
    </div>
  </section>

  <!-- ⏮️ 前へ / ⏭️ 次へ ナビ -->
  <div class="series-nav-wrap">

    <a class="series-nav-btn prev"
       id="seriesIndexLink"
       href="https://jouniorsankosodate.com/super-beginner-index/">
      ← 一覧にもどる
    </a>

    <a class="series-nav-btn center"
       id="seriesPrevLink"
       href="https://jouniorsankosodate.com/super-beginner-09/">
      ⏮️ 前のレッスン
    </a>

    <a class="series-nav-btn next"
       id="seriesNextLink"
       href="https://jouniorsankosodate.com/super-beginner-11/">
      次のレッスンへ ⏭️
    </a>

  </div>

</div>

<style>
  .sb-wrap{
    --bg:#fff3b5;
    --ink:#2b2b2b;
    --accent:#0f6f6f;
    --line:#ffe27a;
    --shadow: 0 10px 24px rgba(0,0,0,.12);
    font-family:
      "Segoe UI Emoji",
      "Apple Color Emoji",
      "Noto Color Emoji",
      "Noto Sans JP",
      "Hiragino Kaku Gothic ProN",
      "Yu Gothic",
      system-ui,
      sans-serif;
    color: var(--ink);
    max-width: 860px;
    margin: 16px auto 28px;
    padding: 0 10px;
  }

  .sb-hero{ margin: 0 0 12px; }
  .sb-hero-img{
    width: 100%;
    border-radius: 18px;
    border: 2px solid var(--line);
    box-shadow: var(--shadow);
    background:#fff;
    display:block;
  }

  .sb-intro{
    background:#ffffffcc;
    border:2px solid var(--line);
    border-radius:18px;
    padding:14px;
    box-shadow: var(--shadow);
    margin-bottom: 14px;
  }
  .sb-intro-title{
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 1000;
    color: var(--accent);
  }
  .sb-intro-p{
    margin: 10px 0;
    line-height: 1.7;
    font-weight: 700;
    font-size: 14px;
  }
  .sb-intro-last{
    background:#fff;
    border:2px dashed var(--line);
    border-radius: 14px;
    padding: 10px 12px;
  }

  .sb-panel{
    background: linear-gradient(180deg, #fff8d4, var(--bg));
    border-radius: 18px;
    box-shadow: var(--shadow);
    padding: 14px;
    position: relative;
    overflow: hidden;
  }
  .sb-panel:before{
    content:"";
    position:absolute; inset:-40px;
    background-image:
      radial-gradient(#ffffff80 18%, transparent 19%),
      radial-gradient(#ffffff60 18%, transparent 19%);
    background-size: 56px 56px, 72px 72px;
    background-position: 0 0, 20px 20px;
    opacity:.22;
    pointer-events:none;
  }

  .sb-header{
    position: relative;
    z-index: 1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
  .sb-badge{
    background:#fff;
    border: 2px solid var(--line);
    border-radius: 999px;
    padding: 6px 10px;
    font-weight: 1000;
    font-size: 14px;
  }
  .sb-mini-icon{
    display:inline-block;
    width:1.2em;
    text-align:center;
  }
  .sb-title{
    font-weight: 1000;
    color: var(--accent);
    font-size: 16px;
  }
  .sb-progress{
    font-weight: 1000;
    color:#6b6b6b;
    font-size: 14px;
  }

  .sb-card{
    position: relative;
    z-index: 1;
    background: #ffffffb8;
    border: 2px solid var(--line);
    border-radius: 18px;
    padding: 14px;
  }

  .sb-word{
    text-align:center;
    font-weight: 1000;
    letter-spacing: .02em;
    color: var(--accent);
    font-size: clamp(44px, 9vw, 74px);
    line-height: 1.05;
    margin: 8px 0 6px;
    user-select: none;
  }

  .sb-visual{
    text-align:center;
    margin: 6px 0 10px;
    user-select: none;
  }
  .sb-visual-img{
    width: min(150px, 35vw);
    height: auto;
    display:block;
    margin: 0 auto;
    border-radius: 18px;
    background:#fff;
  }
  .is-hidden{ display:none !important; }

  .sb-controls{
    display:flex;
    justify-content:center;
    gap:10px;
    flex-wrap:wrap;
    margin: 10px 0 6px;
  }

  .sb-btn{
    border: 2px solid var(--line);
    background: #fff;
    border-radius: 14px;
    padding: 10px 14px;
    font-weight: 1000;
    font-size: 16px;
    cursor:pointer;
    text-decoration:none;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    color: var(--ink);
    line-height: 1.2;
  }
  .sb-btn:active{ transform: translateY(1px); }
  .sb-btn-primary{
    border-color: var(--accent);
    background: var(--accent);
    color:#fff;
  }

  .sb-choices{
    display:grid;
    grid-template-columns: 1fr;
    gap:10px;
    margin-top: 12px;
  }
  @media (min-width: 640px){
    .sb-choices{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
  }
  .sb-choice{
    border: 2px solid var(--line);
    background:#fff;
    border-radius: 16px;
    padding: 12px 10px;
    font-weight: 1000;
    font-size: 18px;
    cursor:pointer;
    text-align:center;
    color: var(--ink);
    min-height: 54px;
  }
  .sb-choice:active{ transform: translateY(1px); }

  .sb-msg{
    text-align:center;
    margin-top: 10px;
    font-weight: 1000;
    color:#6b6b6b;
    min-height: 22px;
  }
  .sb-msg.ok{ color:#0f6f6f; }
  .sb-msg.ng{ color:#b24a2b; }

  .sb-footer-nav{
    position: relative;
    z-index: 1;
    margin-top: 10px;
    text-align:center;
  }
  .sb-link{
    color: var(--accent);
    font-weight: 1000;
    text-decoration: underline;
  }

  .sb-complete{
    position: relative;
    z-index: 1;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:12px;
  }
  .sb-complete-img{
    width: 100%;
    max-width: 820px;
    border-radius: 18px;
    border: 2px solid var(--line);
    box-shadow: var(--shadow);
    background:#fff;
  }
  .sb-complete-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    justify-content:center;
  }
  .sb-note{
    font-weight: 900;
    color:#6b6b6b;
    font-size: 13px;
  }

  .series-nav-wrap{
    display:flex;
    justify-content:center;
    gap:10px;
    margin:18px 0 24px;
    flex-wrap:wrap;
  }

  .series-nav-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:11px 18px;
    border-radius:999px;
    font-weight:700;
    font-size:14px;
    text-decoration:none;
    transition:.25s;
    box-shadow:0 4px 12px rgba(0,0,0,.08);
  }

  .series-nav-btn.prev{
    background:#f1f5f9;
    color:#334155;
  }

  .series-nav-btn.center{
    background:linear-gradient(135deg,#fde68a,#f59e0b);
    color:#78350f;
  }

  .series-nav-btn.next{
    background:linear-gradient(135deg,#22c55e,#16a34a);
    color:#fff;
  }

  .series-nav-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 18px rgba(0,0,0,.12);
  }

  @media(max-width:480px){
    .series-nav-btn{
      width:100%;
      font-size:15px;
      padding:13px 18px;
    }
  }
</style>

<script>
(() => {
  const LESSON_META = {
    title: "色②（生活で見る色）",
    indexHref: "../super-beginner-index/",
    indexHrefFull: "https://jouniorsankosodate.com/super-beginner-index/",
    prevHref: "https://jouniorsankosodate.com/super-beginner-09/",
    nextHref: "../super-beginner-11/",
    nextHrefFull: "https://jouniorsankosodate.com/super-beginner-11/",
    completeNormalImage: "https://jouniorsankosodate.com/wp-content/uploads/2026/01/c6e6854a70d935bfc53650e8f0931bbc.jpg",
    completePerfectImage: "https://jouniorsankosodate.com/wp-content/uploads/2026/01/9ce519d19a0f6bdfa48ba693f153649f.jpg"
  };

  const lesson = [
    {
      en:"black",
      img:"https://twemoji.maxcdn.com/v/latest/72x72/26ab.png",
      alt:"くろ",
      choices:["くろ","しろ","ちゃいろ"],
      answer:0
    },
    {
      en:"white",
      img:"https://twemoji.maxcdn.com/v/latest/72x72/26aa.png",
      alt:"しろ",
      choices:["むらさき","しろ","だいだいいろ"],
      answer:1
    },
    {
      en:"orange",
      img:"https://twemoji.maxcdn.com/v/latest/72x72/1f7e0.png",
      alt:"だいだいいろ",
      choices:["みどり","だいだいいろ","くろ"],
      answer:1
    },
    {
      en:"purple",
      img:"https://twemoji.maxcdn.com/v/latest/72x72/1f7e3.png",
      alt:"むらさき",
      choices:["むらさき","しろ","あお"],
      answer:0
    },
    {
      en:"brown",
      img:"https://twemoji.maxcdn.com/v/latest/72x72/1f7e4.png",
      alt:"ちゃいろ",
      choices:["ぴんく","ちゃいろ","きいろ"],
      answer:1
    }
  ];

  const titleEl = document.getElementById("sbLessonTitle");
  const progressEl = document.getElementById("sbProgress");
  const wordEl = document.getElementById("sbWord");
  const visualEl = document.getElementById("sbVisual");
  const visualImgEl = document.getElementById("sbVisualImg");
  const msgEl = document.getElementById("sbMsg");
  const choicesWrap = document.getElementById("sbChoices");

  const main = document.getElementById("sbMain");
  const complete = document.getElementById("sbComplete");

  const linkToIndex = document.getElementById("linkToIndex");
  const nextLessonBtn = document.getElementById("btnNextLesson");
  const backIndexBtn = document.getElementById("btnBackIndex");
  const completeImg = document.getElementById("sbCompleteImg");
  const seriesIndexLink = document.getElementById("seriesIndexLink");
  const seriesPrevLink = document.getElementById("seriesPrevLink");
  const seriesNextLink = document.getElementById("seriesNextLink");

  titleEl.textContent = LESSON_META.title;
  linkToIndex.href = LESSON_META.indexHref;
  backIndexBtn.href = LESSON_META.indexHref;
  nextLessonBtn.href = LESSON_META.nextHref;
  seriesIndexLink.href = LESSON_META.indexHrefFull;
  seriesPrevLink.href = LESSON_META.prevHref;
  seriesNextLink.href = LESSON_META.nextHrefFull;

  let i = 0;
  let shuffledChallenge = false;
  let cachedVoices = [];

  function loadVoices(){
    if(!window.speechSynthesis) return [];
    cachedVoices = window.speechSynthesis.getVoices() || [];
    return cachedVoices;
  }

  if(window.speechSynthesis){
    loadVoices();
    window.speechSynthesis.onvoiceschanged = loadVoices;
  }

  function pickEnglishVoice(){
    const voices = cachedVoices.length ? cachedVoices : loadVoices();

    return (
      voices.find(v => /en-GB/i.test(v.lang) && /female|susan|zira|libby|sonia|aria/i.test(v.name)) ||
      voices.find(v => /en-US/i.test(v.lang) && /female|zira|jenny|aria/i.test(v.name)) ||
      voices.find(v => /en-GB/i.test(v.lang)) ||
      voices.find(v => /en-US/i.test(v.lang)) ||
      voices.find(v => /^en/i.test(v.lang)) ||
      null
    );
  }

  function speak(text){
    if(!window.speechSynthesis){
      msgEl.textContent = "このブラウザでは音声読み上げに対応していません。";
      msgEl.className = "sb-msg ng";
      return;
    }

    window.speechSynthesis.cancel();

    const u = new SpeechSynthesisUtterance(text);
    const voice = pickEnglishVoice();

    if(voice){
      u.voice = voice;
      u.lang = voice.lang || "en-US";
    }else{
      u.lang = "en-US";
    }

    u.rate = 0.82;
    u.pitch = 1.05;
    u.volume = 1;

    setTimeout(() => {
      window.speechSynthesis.speak(u);
    }, 80);
  }

  function playPipo(){
    try{
      const AudioContext = window.AudioContext || window.webkitAudioContext;
      if(!AudioContext) return;

      const ctx = new AudioContext();
      if(ctx.state === "suspended") ctx.resume();

      function tone(freq, start, duration){
        const osc = ctx.createOscillator();
        const gain = ctx.createGain();
        osc.type = "sine";
        osc.frequency.value = freq;
        gain.gain.setValueAtTime(0.16, ctx.currentTime + start);
        gain.gain.exponentialRampToValueAtTime(0.001, ctx.currentTime + start + duration);
        osc.connect(gain);
        gain.connect(ctx.destination);
        osc.start(ctx.currentTime + start);
        osc.stop(ctx.currentTime + start + duration);
      }

      tone(880, 0.00, 0.14);
      tone(660, 0.16, 0.18);
    }catch(e){
      // 音が鳴らない環境でもレッスン自体は止めない
    }
  }

  function render(){
    const q = lesson[i];

    progressEl.textContent = `${i+1} / ${lesson.length}`;
    wordEl.textContent = q.en;
    visualImgEl.src = q.img;
    visualImgEl.alt = q.alt;

    visualEl.classList.add("is-hidden");
    msgEl.textContent = "";
    msgEl.className = "sb-msg";

    choicesWrap.innerHTML = "";
    q.choices.forEach((jp, idx) => {
      const b = document.createElement("button");
      b.type = "button";
      b.className = "sb-choice";
      b.textContent = `${idx+1}. ${jp}`;
      b.addEventListener("click", () => check(idx));
      choicesWrap.appendChild(b);
    });

    const prevBtn = document.getElementById("btnPrev");
    prevBtn.disabled = (i === 0);
    prevBtn.style.opacity = prevBtn.disabled ? 0.5 : 1;
  }

  function showComplete(){
    main.classList.add("is-hidden");
    complete.classList.remove("is-hidden");

    completeImg.src = shuffledChallenge
      ? LESSON_META.completePerfectImage
      : LESSON_META.completeNormalImage;
  }

  function backToMain(){
    complete.classList.add("is-hidden");
    main.classList.remove("is-hidden");
  }

  function check(ans){
    const q = lesson[i];

    if(ans === q.answer){
      playPipo();
      msgEl.textContent="正解！";
      msgEl.className="sb-msg ok";

      setTimeout(() => {
        if(i === lesson.length - 1){
          showComplete();
        }else{
          i++;
          render();
        }
      }, 500);

    }else{
      msgEl.textContent="もういっかい きいてみよう。";
      msgEl.className="sb-msg ng";
      speak(q.en);
      visualEl.classList.remove("is-hidden");
    }
  }

  function shuffleLesson(){
    for(let j = lesson.length - 1; j > 0; j--){
      const k = Math.floor(Math.random() * (j + 1));
      [lesson[j], lesson[k]] = [lesson[k], lesson[j]];
    }
  }

  document.getElementById("btnSpeak").addEventListener("click", () => speak(lesson[i].en));
  document.getElementById("btnHint").addEventListener("click", () => visualEl.classList.remove("is-hidden"));

  document.getElementById("btnPrev").addEventListener("click", () => {
    if(i > 0){ i--; render(); }
  });

  document.getElementById("btnNext").addEventListener("click", () => {
    if(i < lesson.length - 1){ i++; render(); }
  });

  document.getElementById("btnRestart").addEventListener("click", () => {
    i = 0;
    backToMain();
    render();
  });

  document.getElementById("btnShuffle").addEventListener("click", () => {
    shuffledChallenge = true;
    shuffleLesson();
    i = 0;
    backToMain();
    render();
  });

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




<p class="wp-block-paragraph"></p>
<p>投稿 <a href="https://jouniorsankosodate.com/super-beginner-10/">🐙タコタとはるのはじめてのえいごレッスン⑩</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/super-beginner-10/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>🐙 タコタの英語レッスン｜英検3級（25フレーズ完全版）No.2</title>
		<link>https://jouniorsankosodate.com/eiken3-basic/</link>
					<comments>https://jouniorsankosodate.com/eiken3-basic/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Thu, 04 Dec 2025 07:51:04 +0000</pubDate>
				<category><![CDATA[🐙 タコタの英語レッスンまとめ]]></category>
		<category><![CDATA[🟦 英検3級 英語シリーズ]]></category>
		<category><![CDATA[＃たこた]]></category>
		<category><![CDATA[＃フラッシュ]]></category>
		<category><![CDATA[＃無料アプリ]]></category>
		<category><![CDATA[#英単語]]></category>
		<category><![CDATA[＃英検]]></category>
		<category><![CDATA[#英検3級]]></category>
		<guid isPermaLink="false">https://jouniorsankosodate.com/?p=2244</guid>

					<description><![CDATA[<p>🐙 タコタの英語レッスン｜英検3級（最小限フレーズまとめ｜25会話） 英検3級で「まずこれだけは！」という最小限のフレーズ25個を、 タコタ＆コミィの会話イラストといっしょに覚えよう📘 未来・予定、依頼・許可、比較級・最 [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/eiken3-basic/">🐙 タコタの英語レッスン｜英検3級（25フレーズ完全版）No.2</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<!-- 🐙 タコタの英語レッスン｜英検3級 最小限フレーズまとめ（25会話） -->
<section class="tacota-lesson">
  <!-- 🖼️ アイキャッチ -->
  <div style="text-align:center;margin-bottom:20px;">
    <img decoding="async" src="https://jouniorsankosodate.com/wp-content/uploads/2025/12/b2369ce5e7790d1025d14c30f092aec7.jpg
"
         alt="タコタの英語レッスン 英検3級 最小限フレーズまとめ アイキャッチ"
         style="width:100%;max-width:1200px;border-radius:16px;box-shadow:0 4px 10px rgba(0,0,0,0.15);">
  </div>

  <!-- 🧭 タイトル＆説明（最小限フレーズまとめ 用） -->
  <div class="tacota-intro" style="max-width:760px;margin:0 auto 28px;padding:16px;text-align:center;background:#f8f4ed;border-radius:20px;">
    <h1 style="font-size:1.6em;color:#1e3a8a;font-weight:800;">
      🐙 タコタの英語レッスン｜英検3級（最小限フレーズまとめ｜25会話）
    </h1>
    <p style="line-height:1.8;margin-top:10px;color:#333;">
      <strong>英検3級で「まずこれだけは！」という最小限のフレーズ25個</strong>を、  
      タコタ＆コミィの会話イラストといっしょに覚えよう📘<br>
      未来・予定、依頼・許可、比較級・最上級、意見、メール・掲示文、because を使った理由など、  
      <strong>二次面接・英作文・リスニングにもそのまま使える表現</strong>だけをギュッとまとめたよ✨
    </p>
  </div>

  <!-- 🎓 フラッシュカード本体（英検3級 最小限フレーズ 25） -->
  <div class="tacota-flash" id="tacota-eiken3-basic">
    <style>
      .tacota-flash{--bg:#f8f4ed;--card:#fff;--accent:#3b82f6;--ok:#10b981;--text:#333}
      .tacota-flash{
        max-width:680px;margin:24px auto;padding:20px;
        background:var(--bg);border-radius:24px;text-align:center;
        font-family:'Segoe UI','Noto Sans JP',sans-serif;color:var(--text);
      }
      .tacota-flash .panel{
        background:var(--card);border-radius:20px;
        box-shadow:0 4px 15px rgba(0,0,0,.1);padding:16px;
      }
      .tacota-flash img{
        width:100%;border-radius:16px;margin-bottom:10px;
      }
      .tacota-flash .en{
        font-size:1.45em;font-weight:700;margin:8px 0;line-height:1.4;
      }
      .tacota-flash .jp{
        display:none;margin-top:10px;font-weight:600;
        background:#ecfdf5;padding:8px 12px;border-radius:12px;
      }
      .tacota-flash .ctrl{
        display:flex;justify-content:center;flex-wrap:wrap;
        gap:8px;margin-top:10px;
      }
      .tacota-flash button{
        border:none;border-radius:10px;padding:8px 14px;
        cursor:pointer;font-weight:700;font-size:1em;
      }
      .tacota-flash .toggle{background:#fbbf24;color:#222;}
      .tacota-flash .shuffle{background:#6366f1;color:#fff;}
      .tacota-flash .show{background:var(--ok);color:#fff;}
      .tacota-flash .next{background:#111827;color:#fff;}
      .tacota-flash .footer{
        margin-top:24px;padding-top:10px;border-top:2px dashed #ddd;
        font-size:.9em;color:#555;
      }
    </style>

    <!-- ★ 表示パネル -->
    <div class="panel">
      <img id="e3b-img" alt="">
      <div class="en" id="e3b-en">—</div>
      <div class="jp" id="e3b-jp"></div>
      <div class="ctrl">
        <button class="toggle"  id="e3b-toggle">🔈音声OFF</button>
        <button class="shuffle" id="e3b-shuffle">🔀 シャッフル</button>
        <button class="show"    id="e3b-show">💬 日本語を見る</button>
        <button class="next"    id="e3b-next">➡ 次へ</button>
      </div>
    </div>

    <div class="footer">
      © 2025 じゅにさん子育てブログ｜🐙 タコタの英語レッスンシリーズ（英検3級 最小限フレーズまとめ）
    </div>

    <!-- 🧠 JS：フラッシュカード機能（25フレーズ・2文まとめ読み） -->
    <script>
      /* ★ 25フレーズ（音声読み上げ対応：en=まとめ英文） */
      const e3pItems = [
        {
          en:"I'm going to study English tonight. Oh, good! Do your best!",
          jp:"今夜、英語を勉強するつもりだよ。／いいね！がんばって！",
          img:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/431d935b1cc68d419f52eb8f48fbb997.webp"
        },
        {
          en:"I will help you with your homework. Really? Thank you!",
          jp:"宿題を手伝うよ。／本当？ありがとう！",
          img:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/0586268b0b9233198eefac374632beab.webp"
        },
        {
          en:"I'm meeting my friend tomorrow. That sounds fun!",
          jp:"明日、友だちに会う予定だよ。／それ楽しそう！",
          img:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/7cca561f51f14f456ceff3587113acc0.webp"
        },
        {
          en:"I want to visit many countries. Nice! Where do you want to go first?",
          jp:"いろんな国を訪れたいんだ。／いいね！最初はどこに行きたい？",
          img:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/c93b66abf1e3e8d63cefb7969a0d0b67.webp"
        },
        {
          en:"I'd like to try this game. Sure! Let's play together.",
          jp:"このゲームをやってみたいな。／もちろん！いっしょに遊ぼう！",
          img:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/c9acc7bcb6caba7eec15995f391b4373.webp"
        },

        {
          en:"Would you help me with this? Sure! No problem.",
          jp:"これ手伝ってくれる？／もちろん！大丈夫だよ。",
          img:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/d55403754c3dc2c8f380b895874c9293.webp"
        },
        {
          en:"Could you open the window? Okay! It's a little hot here.",
          jp:"窓を開けてくれる？／いいよ！ここちょっと暑いね。",
          img:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/e86de11e98244fddcaafa38dfdf1330d.webp"
        },
        {
          en:"Could I use your pen? Yes, go ahead!",
          jp:"このペン使ってもいい？／うん、どうぞ！",
          img:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/e14313db57c1ef7d7869958f81814286.webp"
        },

        {
          en:"This bag is bigger than mine. Yeah, and it looks cool!",
          jp:"このバッグは私のより大きいよ。／うん、しかもかっこいいね！",
          img:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/6249334127208f7021c26b089db9ea10.webp"
        },
        {
          en:"This story is more interesting than that one. I agree! I like this one better.",
          jp:"この話はあっちよりおもしろいね。／わかる！こっちのほうが好き！",
          img:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/54c6cd3776c22468bd44e54bb05f2a64.webp"
        },
        {
          en:"This is the best picture I took today. Wow! It's really nice!",
          jp:"今日撮った中でこれがいちばんいい写真！／わぁ！本当にいいね！",
          img:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/84921d3458d3fd45fe2321f87bbbc116.webp"
        },
        {
          en:"This park is the biggest in our town. Let's walk around!",
          jp:"この公園は町でいちばん大きいんだ。／歩いてみようよ！",
          img:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/ed96f14ef58d121d445607c780b7532c.webp"
        },

        {
          en:"I think this movie is fun. Yeah, I think so, too!",
          jp:"この映画おもしろいと思うよ。／うん、私もそう思う！",
          img:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/d36bd60ba9aebbf2e3850f03d90389ed.webp"
        },
        {
          en:"I like this song. Me, too! It's great!",
          jp:"この曲好きだな。／私も！いい曲だよね！",
          img:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/110cab7c97c9d34efb88cf1bc3300b25.webp"
        },
        {
          en:"I want a new notebook. Let's buy one later!",
          jp:"新しいノートがほしいな。／あとで買いに行こう！",
          img:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/48960d3eb58c6ed0f68b215327d2f6f8.webp"
        },

        {
          en:"Thank you for your e-mail. I was happy to read it!",
          jp:"メールありがとう。／読めてうれしかったよ！",
          img:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/a3006999c113927b5dd446bfd35faffa.webp"
        },
        {
          en:"Please keep this room clean. OK! I'll remember that.",
          jp:"この部屋をきれいに保ってください。／わかった！覚えておくね！",
          img:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/0c4bc6e159ab47c6f7c38cf297d9a558.webp"
        },
        {
          en:"I'm looking forward to seeing you. See you soon!",
          jp:"あなたに会うのを楽しみにしています。／またすぐね！",
          img:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/a09406e56f2f0bf6670269227000612a.webp"
        },
        {
          en:"Could you tell me the time of the event? Yes, it starts at three.",
          jp:"イベントの時間を教えてくれますか？／3時に始まりますよ。",
          img:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/098c7c6908b5f8cb4d0e88beeac2b1e9.webp"
        },
        {
          en:"I have a question about the homework. Sure, what is it?",
          jp:"宿題について質問があります。／もちろん、何？",
          img:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/9a988381154e844a99d0b15918d5a4da.webp"
        },

        {
          en:"I like this park because it's quiet. Yeah, it's relaxing.",
          jp:"この公園静かで好きなんだ。／うん、落ち着くよね。",
          img:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/1aa54bac28f8c0909d422e83c3e712f2.webp"
        },
        {
          en:"Which do you like better, cats or dogs? I like dogs better.",
          jp:"猫と犬どっちが好き？／犬のほうが好きだよ。",
          img:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/b8bf91c9ed366a41eb5bfe47eced16c9.webp"
        },
        {
          en:"How long will you stay there? For three days.",
          jp:"どれくらいそこに滞在するの？／3日間だよ。",
          img:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/ba8a9d4d7aeaa17654f2d0cc50d402a8.webp"
        },
        {
          en:"How often do you study English? I study every day.",
          jp:"どれくらいの頻度で英語を勉強する？／毎日勉強してるよ。",
          img:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/a9eeae2b1355adeade37428551a506e3.webp"
        },
        {
          en:"I think English is fun because I can talk with many people. That's a good reason!",
          jp:"英語は楽しいと思うよ。いろんな人と話せるからね。／それいい理由だね！",
          img:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/89168041ad649866d6adae0232124956.webp"
        }
      ];

      const e3bImg   = document.getElementById("e3b-img");
      const e3bEn    = document.getElementById("e3b-en");
      const e3bJp    = document.getElementById("e3b-jp");
      const e3bTgl   = document.getElementById("e3b-toggle");
      const e3bShow  = document.getElementById("e3b-show");
      const e3bNext  = document.getElementById("e3b-next");
      const e3bShuf  = document.getElementById("e3b-shuffle");

      let e3bIdx = 0;
      let e3bSoundOn = false;
      let TAKOTA_E3B_VOICE = null;

      function pickTakotaE3bVoice(){
        const voices = speechSynthesis.getVoices() || [];
        const enVoices = voices.filter(v =>
          (v.lang || "").toLowerCase().startsWith("en") ||
          /english/i.test(v.name || "")
        );
        const female =
          enVoices.find(v => /google uk english female/i.test(v.name || "")) ||
          enVoices.find(v => /female|woman/i.test(v.name || ""));
        return female || enVoices[0] || null;
      }

      if ("speechSynthesis" in window){
        const setVoice = () => { TAKOTA_E3B_VOICE = pickTakotaE3bVoice(); };
        speechSynthesis.addEventListener("voiceschanged", setVoice);
        setVoice();
      }

      function takotaE3bSpeak(text){
        if (!("speechSynthesis" in window)) return;

        if (!TAKOTA_E3B_VOICE){
          TAKOTA_E3B_VOICE = pickTakotaE3bVoice();
        }

        const u = new SpeechSynthesisUtterance(text);

        if (TAKOTA_E3B_VOICE){
          u.voice = TAKOTA_E3B_VOICE;
          u.lang  = TAKOTA_E3B_VOICE.lang || "en-GB";
        } else {
          u.lang = "en-GB";
        }

        u.rate  = 0.95;
        u.pitch = 1.05;

        speechSynthesis.cancel();
        speechSynthesis.speak(u);
      }

      function takotaE3bShowCard(i){
        const it = e3pItems[i];
        e3bImg.src = it.img;
        e3bImg.alt = it.en;
        e3bEn.textContent = it.en;   // 英文2文まとめて表示
        e3bJp.style.display = "none";
        e3bJp.textContent   = it.jp; // 日本語2文まとめて表示
        if(e3bSoundOn) takotaE3bSpeak(it.en);  // 2文まとめて読み上げ
      }

      function takotaE3bShuffle(arr){
        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]];
        }
      }

      e3bTgl.addEventListener("click",()=>{
        e3bSoundOn = !e3bSoundOn;
        e3bTgl.textContent = e3bSoundOn ? "🔊音声ON" : "🔈音声OFF";
        if(e3bSoundOn) takotaE3bSpeak(e3pItems[e3bIdx].en);
      });

      e3bShow.addEventListener("click",()=>{ e3bJp.style.display="block"; });

      e3bNext.addEventListener("click",()=>{
        e3bIdx = (e3bIdx+1) % e3pItems.length;
        takotaE3bShowCard(e3bIdx);
      });

      e3bShuf.addEventListener("click",()=>{
        takotaE3bShuffle(e3pItems);
        e3bIdx = 0;
        takotaE3bShowCard(e3bIdx);
      });

      // 初期表示
      takotaE3bShowCard(e3bIdx);
      if('speechSynthesis' in window){
        speechSynthesis.getVoices();
        speechSynthesis.onvoiceschanged = ()=>{};
      }
    </script>
  </div>
</section>

<!-- 🔗 タコタの英語レッスン 英検3級シリーズ｜関連記事（2本セット） -->
<section class="tacota-related" aria-label="関連記事">
  <style>
    .tacota-related{
      max-width:920px;margin:28px auto;padding:16px;
      background:#faf6ee;border:1px solid #f0e7d7;
      border-radius:18px;
      font-family:'Segoe UI','Noto Sans JP',sans-serif;color:#333
    }
    .tacota-related h3{margin:0 0 14px;font-size:1.2em;color:#1e3a8a}
    .tacota-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
    @media(max-width:820px){.tacota-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:520px){.tacota-grid{grid-template-columns:1fr}}
    .t-card{
      display:flex;flex-direction:column;background:#fff;
      border:1px solid #eee;border-radius:14px;
      overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.05)
    }
    .t-thumb{aspect-ratio:16/9;background:#f4efe6}
    .t-thumb img{width:100%;height:100%;object-fit:cover;display:block}
    .t-body{padding:10px 12px}
    .t-title{font-weight:800;line-height:1.4}
    .t-desc{font-size:.92em;color:#555;margin-top:4px}
    .t-more{
      display:inline-block;margin:10px 12px 12px;padding:8px 12px;
      border-radius:10px;background:#1f2937;color:#fff;
      text-decoration:none;font-weight:700
    }
    .t-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
    .t-badge{
      font-size:.78em;background:#e8eefc;color:#234;
      padding:3px 8px;border-radius:999px
    }
  </style>

  <h3>🔗 タコタの英語レッスン｜英検3級シリーズ</h3>
  <div class="tacota-grid">

    <!-- ① 最小限フレーズまとめ（25フレーズ完全版）-->
    <article class="t-card">
      <a class="t-thumb" href="https://jouniorsankosodate.com/eiken3-basic/">
        <img decoding="async" src="https://jouniorsankosodate.com/wp-content/uploads/2025/12/b2369ce5e7790d1025d14c30f092aec7.jpg"
             alt="タコタの英語レッスン｜英検3級（25フレーズ完全版）">
      </a>
      <div class="t-body">
        <div class="t-title">🐙 英検3級｜25フレーズ完全版（最小限まとめ）</div>
        <div class="t-badges">
          <span class="t-badge">25フレーズ</span>
          <span class="t-badge">会話形式</span>
          <span class="t-badge">音声つき</span>
        </div>
        <p class="t-desc">英検3級の重要表現をタコタとコミィの会話形式で学べる、25フレーズ完全版。</p>
      </div>
      <a class="t-more" href="https://jouniorsankosodate.com/eiken3-basic/">▶ 開く</a>
    </article>

    <!-- ② 意見・理由フレーズ（閲覧中） -->
    <article class="t-card">
      <a class="t-thumb" href="#">
        <img decoding="async" src="https://jouniorsankosodate.com/wp-content/uploads/2025/12/f8858246e7dc4820773530b9efca67f6.jpg"
             alt="タコタの英語レッスン｜英検3級（意見・理由フレーズ）">
      </a>
      <div class="t-body">
        <div class="t-title">🐙 英検3級｜意見・理由フレーズ（24フレーズ）</div>
        <div class="t-badges">
          <span class="t-badge">意見・理由</span>
          <span class="t-badge">24フレーズ</span>
          <span class="t-badge">音声つき</span>
        </div>
        <p class="t-desc">I think／because／理由の説明など、英検3級の「意見・理由」をまとめて練習できるページ。</p>
      </div>
      <a class="t-more" href="#">◎ 閲覧中</a>
    </article>

  </div>
</section>




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



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



<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>投稿 <a href="https://jouniorsankosodate.com/eiken3-basic/">🐙 タコタの英語レッスン｜英検3級（25フレーズ完全版）No.2</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/eiken3-basic/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>🐙 タコタの英語レッスン｜英検3級（意見・理由フレーズ）No.1</title>
		<link>https://jouniorsankosodate.com/eiken3-opinion/</link>
					<comments>https://jouniorsankosodate.com/eiken3-opinion/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Thu, 04 Dec 2025 07:50:34 +0000</pubDate>
				<category><![CDATA[🐙 タコタの英語レッスンまとめ]]></category>
		<category><![CDATA[🟦 英検3級 英語シリーズ]]></category>
		<category><![CDATA[＃たこた]]></category>
		<category><![CDATA[＃フラッシュ]]></category>
		<category><![CDATA[＃フレーズ]]></category>
		<category><![CDATA[＃無料アプリ]]></category>
		<category><![CDATA[#英単語]]></category>
		<category><![CDATA[#英検3級]]></category>
		<guid isPermaLink="false">https://jouniorsankosodate.com/?p=2211</guid>

					<description><![CDATA[<p>🐙 タコタの英語レッスン｜英検3級（意見・理由フレーズ） 英検3級でよく出る「意見・理由フレーズ」24個を、 タコタ・コミィ・メガネくんのかわいいイラストと一緒に学べるよ！ I think / I guess / Bec [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/eiken3-opinion/">🐙 タコタの英語レッスン｜英検3級（意見・理由フレーズ）No.1</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<!-- 🐙 タコタの英語レッスン｜英検3級 意見・理由フレーズ（No.1〜24） -->
<section class="tacota-lesson">
  <!-- 🖼️ アイキャッチ -->
  <div style="text-align:center;margin-bottom:20px;">
    <img decoding="async" src="https://jouniorsankosodate.com/wp-content/uploads/2025/12/f8858246e7dc4820773530b9efca67f6.jpg
"
         alt="タコタの英語レッスン 英検3級 意見・理由フレーズ アイキャッチ"
         style="width:100%;max-width:1200px;border-radius:16px;box-shadow:0 4px 10px rgba(0,0,0,0.15);">
  </div>

  <!-- 🧭 タイトル＆説明 -->
  <div class="tacota-intro" style="max-width:760px;margin:0 auto 28px;padding:16px;text-align:center;background:#f8f4ed;border-radius:20px;">
    <h1 style="font-size:1.6em;color:#1e3a8a;font-weight:800;">
      🐙 タコタの英語レッスン｜英検3級（意見・理由フレーズ）
    </h1>
    <p style="line-height:1.8;margin-top:10px;color:#333;">
      <strong>英検3級でよく出る「意見・理由フレーズ」24個</strong>を、  
      タコタ・コミィ・メガネくんのかわいいイラストと一緒に学べるよ！<br>
      <strong>I think / I guess / Because / The reason is that</strong> など、  
      英作文・面接・読解の全部に使える超重要表現をまとめたよ📘✨
    </p>
  </div>

  <!-- 🎓 フラッシュカード本体 -->
  <div class="tacota-flash" id="tacota-eiken3-opinion">
    <style>
      .tacota-flash{--bg:#f8f4ed;--card:#fff;--accent:#3b82f6;--ok:#10b981;--text:#333}
      .tacota-flash{
        max-width:680px;margin:24px auto;padding:20px;
        background:var(--bg);border-radius:24px;text-align:center;
        font-family:'Segoe UI','Noto Sans JP',sans-serif;color:var(--text);
      }
      .tacota-flash .panel{
        background:var(--card);border-radius:20px;
        box-shadow:0 4px 15px rgba(0,0,0,.1);padding:16px;
      }
      .tacota-flash img{width:100%;border-radius:16px;margin-bottom:10px;}
      .tacota-flash .en{font-size:1.45em;font-weight:700;margin:8px 0;}
      .tacota-flash .jp{
        display:none;margin-top:10px;font-weight:600;
        background:#ecfdf5;padding:8px 12px;border-radius:12px;
      }
      .tacota-flash .ctrl{
        display:flex;justify-content:center;flex-wrap:wrap;
        gap:8px;margin-top:10px;
      }
      .tacota-flash button{
        border:none;border-radius:10px;padding:8px 14px;
        cursor:pointer;font-weight:700;font-size:1em;
      }
      .tacota-flash .toggle{background:#fbbf24;color:#222;}
      .tacota-flash .shuffle{background:#6366f1;color:#fff;}
      .tacota-flash .show{background:var(--ok);color:#fff;}
      .tacota-flash .next{background:#111827;color:#fff;}
      .tacota-flash .footer{
        margin-top:24px;padding-top:10px;
        border-top:2px dashed #ddd;font-size:.9em;color:#555;
      }
    </style>

    <div class="panel">
      <img id="e3-img" alt="">
      <div class="en" id="e3-en">—</div>
      <div class="jp" id="e3-jp"></div>
      <div class="ctrl">
        <button class="toggle"  id="e3-toggle">🔈音声OFF</button>
        <button class="shuffle" id="e3-shuffle">🔀 シャッフル</button>
        <button class="show"    id="e3-show">💬 日本語を見る</button>
        <button class="next"    id="e3-next">➡ 次へ</button>
      </div>
    </div>
    <div class="footer">
      © 2025 じゅにさん子育てブログ｜🐙 タコタの英語レッスンシリーズ（英検3級 意見・理由フレーズ）
    </div>

    <script>
      const e3Items = [
        {
          // No.1
          en: "I think that this homework is a little difficult. It’s okay. Let’s try it together!",
          jp: "これ、少しむずかしいね。／大丈夫だよ。一緒にやってみよう。",
          img: "https://jouniorsankosodate.com/wp-content/uploads/2025/12/7b323357bc5db15e1d31489072017260.webp"
        },
        {
          // No.2
          en: "Do you think it will rain today? I don’t think that it will rain.",
          jp: "今日、雨ふるかな？／ふらなさそうだよ。",
          img: "https://jouniorsankosodate.com/wp-content/uploads/2025/12/12a7a3102987e18e0bb5b88f651c5e52.webp"
        },
        {
          // No.3
          en: "Do you want to study in the library after school? I think it’s a good idea.",
          jp: "放課後、図書室で勉強しない？／いいと思うよ。",
          img: "https://jouniorsankosodate.com/wp-content/uploads/2025/12/c1211152ed7cd43b07314434b2816178.webp"
        },
        {
          // No.4
          en: "You look really energetic today. I guess that he slept well.",
          jp: "今日は元気だね。／よく寝られたんじゃないかな。",
          img: "https://jouniorsankosodate.com/wp-content/uploads/2025/12/122ab79f49810b3b571ae516fd504533.webp"
        },
        {
          // No.5
          en: "I believe that you can do it, TacoTa. Thank you. I’ll try my best.",
          jp: "きっとできるよ、タコタ。／ありがとう。がんばってみるね。",
          img: "https://jouniorsankosodate.com/wp-content/uploads/2025/12/22691b60488c4cc70a1a5b1f03837017.webp"
        },
        {
          // No.6
          en: "In my opinion, reading aloud is the best way to learn. Yeah, that sounds helpful.",
          jp: "わたしの考えでは、声に出して読むのが一番いい勉強法だよ。／たしかに、よさそうだね。",
          img: "https://jouniorsankosodate.com/wp-content/uploads/2025/12/3e438be54ee7c003f53ee2521c7a1404.webp"
        },
        {
          // No.7
          en: "Let’s finish our homework first. I agree with you.",
          jp: "先に宿題を終わらせよう。／私もそう思うよ。",
          img: "https://jouniorsankosodate.com/wp-content/uploads/2025/12/22ab085feda5ad21d44ffa961c3bc957.webp"
        },
        {
          // No.8
          en: "Maybe we can do homework later? I disagree with that idea.",
          jp: "宿題はあとでもいいかな？／その考えには賛成できないな。",
          img: "https://jouniorsankosodate.com/wp-content/uploads/2025/12/643a3f1125592b4af52f8193912db0d1.webp"
        },
        {
          // No.9
          en: "Do you want juice or tea? I prefer juice to tea.",
          jp: "ジュースとお茶、どっちがいい？／お茶よりジュースのほうが好き。",
          img: "https://jouniorsankosodate.com/wp-content/uploads/2025/12/c1433d74defb3f061d510aa256d7a4f6.webp"
        },
        {
          // No.10
          en: "Do you want to play outside? I would rather stay here.",
          jp: "外で遊びたい？／今日はここにいたいな。",
          img: "https://jouniorsankosodate.com/wp-content/uploads/2025/12/622a7bfe94081186fd0e1c6104714fa9.webp"
        },
        {
          // No.11
          en: "Do you want to do Japanese or English next? Either is fine for me.",
          jp: "次は国語と英語、どっちをやる？／どっちでもいいよ。",
          img: "https://jouniorsankosodate.com/wp-content/uploads/2025/12/e86724d4edf460b94c9fcdd7490c09ba.webp"
        },
        {
          // No.12
          en: "You’re leaving already? Because I have to study.",
          jp: "もう帰るんだね？／今日は勉強したいから。",
          img: "https://jouniorsankosodate.com/wp-content/uploads/2025/12/5acc4fcc7e75c84c0e143d4fb525c76d.webp"
        },
        {
          // No.13
          en: "Why do you practice every day? Because it’s important for me.",
          jp: "どうして毎日れんしゅうしているの？／それが自分にとって大事だから。",
          img: "https://jouniorsankosodate.com/wp-content/uploads/2025/12/69df688aa7d80c5e5ca98e5df247fcb4.webp"
        },
        {
          // No.14
          en: "You look stronger lately. Because I want to be healthy.",
          jp: "最近、前よりたくましくなったね。／元気でいたいからだよ。",
          img: "https://jouniorsankosodate.com/wp-content/uploads/2025/12/9c6432bd5aad323c147f9be2a1547017.webp"
        },
        {
          // No.15
          en: "Why do you like English? The reason is that it’s fun.",
          jp: "どうして英語が好きなの？／それは、楽しいからだよ。",
          img: "https://jouniorsankosodate.com/wp-content/uploads/2025/12/e0b5598026206ce72d34c04995d05bfd.webp"
        },
        {
          // No.16
          en: "That notebook is cute. I did it to organize my study.",
          jp: "そのノートかわいいね。／勉強をまとめるために作ったんだ。",
          img: "https://jouniorsankosodate.com/wp-content/uploads/2025/12/d0c7111289aca1f60359a980aa390092.webp"
        },
        {
          // No.17
          en: "Where did you go yesterday? I went there to buy a workbook.",
          jp: "昨日どこに行ってたの？／ワークブックを買いに行ってたんだ。",
          img: "https://jouniorsankosodate.com/wp-content/uploads/2025/12/3709197db4041c9e5dcc772c09cede81.webp"
        },
        {
          // No.18
          en: "Your pronunciation has improved. That’s why I practice every night.",
          jp: "発音が上手になったね。／だから毎晩れんしゅうしているんだ。",
          img: "https://jouniorsankosodate.com/wp-content/uploads/2025/12/7633409db77047cdef225a3be9f74e27.webp"
        },
        {
          // No.19
          en: "Why do you look so sleepy? That’s because I stayed up late.",
          jp: "どうしてそんなに眠そうなの？／寝るのが遅くなっちゃったからだよ。",
          img: "https://jouniorsankosodate.com/wp-content/uploads/2025/12/fcced920e86b39a2bb0de852c81d24af.webp"
        },
        {
          // No.20
          en: "You look really happy today! I’m happy because we study together.",
          jp: "今日はとっても楽しそうだね！／みんなといっしょに勉強できるから、うれしいんだ。",
          img: "https://jouniorsankosodate.com/wp-content/uploads/2025/12/5607d9cae734b1b399e70f3bf645ca08.webp"
        },
        {
          // No.21
          en: "You look worriied,TakoTa? I’m worried because the test is tomorrow.",
          jp: "どうしたの、タコタ？／明日テストだから、ちょっと心配なんだ。",
          img: "https://jouniorsankosodate.com/wp-content/uploads/2025/12/b126dd44dbe13978dc972afd7e913cfe.webp"
        },
        {
          // No.22
          en: "Do you think it will be crowded today？ I think so, because it’s Friday.",
          jp: "今日はこんじゃうかもね。／そう思う。だって金曜日だから。",
          img: "https://jouniorsankosodate.com/wp-content/uploads/2025/12/57633a29beb4b2e54d97e624f64decd3.webp"
        },
        {
          // No.23
          en: "That app is useful. I like it, because it’s easy to use.",
          jp: "そのアプリ便利だね。／使いやすいから、気に入っているんだ。",
          img: "https://jouniorsankosodate.com/wp-content/uploads/2025/12/bd69f016119c10563cf3f9311acae518.webp"
        },
        {
          // No.24
          en: "Why did you choose that book? I chose this, because it looked simple.",
          jp: "どうしてその本を選んだの？／わかりやすそうだったから、これにしたんだ。",
          img: "https://jouniorsankosodate.com/wp-content/uploads/2025/12/f1c069f059cb8598fe78109d665e3b50.webp"
        }
      ];

      const e3Img   = document.getElementById("e3-img");
      const e3En    = document.getElementById("e3-en");
      const e3Jp    = document.getElementById("e3-jp");
      const e3Tgl   = document.getElementById("e3-toggle");
      const e3Show  = document.getElementById("e3-show");
      const e3Next  = document.getElementById("e3-next");
      const e3Shuf  = document.getElementById("e3-shuffle");

      let e3Idx = 0;
      let e3SoundOn = false;
      let TAKOTA_E3_VOICE = null;

      function pickTakotaE3Voice(){
        const voices = speechSynthesis.getVoices() || [];
        const enVoices = voices.filter(v =>
          (v.lang || "").toLowerCase().startsWith("en") ||
          /english/i.test(v.name || "")
        );
        const female =
          enVoices.find(v => /google uk english female/i.test(v.name || "")) ||
          enVoices.find(v => /female|woman/i.test(v.name || ""));
        return female || enVoices[0] || null;
      }

      if ("speechSynthesis" in window){
        const setVoice = () => { TAKOTA_E3_VOICE = pickTakotaE3Voice(); };
        speechSynthesis.addEventListener("voiceschanged", setVoice);
        setVoice();
      }

      function takotaE3Speak(text){
        if (!("speechSynthesis" in window)) return;

        if (!TAKOTA_E3_VOICE){
          TAKOTA_E3_VOICE = pickTakotaE3Voice();
        }

        const u = new SpeechSynthesisUtterance(text);

        if (TAKOTA_E3_VOICE){
          u.voice = TAKOTA_E3_VOICE;
          u.lang  = TAKOTA_E3_VOICE.lang || "en-GB";
        } else {
          u.lang = "en-GB";
        }

        u.rate  = 0.95;
        u.pitch = 1.05;

        speechSynthesis.cancel();
        speechSynthesis.speak(u);
      }

      function takotaE3ShowCard(i){
        const it = e3Items[i];
        e3Img.src = it.img;
        e3Img.alt = it.en;
        e3En.textContent = it.en;
        e3Jp.style.display = "none";
        e3Jp.textContent   = it.jp;
        if(e3SoundOn) takotaE3Speak(it.en);
      }

      function takotaE3Shuffle(arr){
        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]];
        }
      }

      e3Tgl.addEventListener("click",()=>{
        e3SoundOn = !e3SoundOn;
        e3Tgl.textContent = e3SoundOn ? "🔊音声ON" : "🔈音声OFF";
        if(e3SoundOn) takotaE3Speak(e3Items[e3Idx].en);
      });

      e3Show.addEventListener("click",()=>{ e3Jp.style.display="block"; });

      e3Next.addEventListener("click",()=>{
        e3Idx = (e3Idx+1) % e3Items.length;
        takotaE3ShowCard(e3Idx);
      });

      e3Shuf.addEventListener("click",()=>{
        takotaE3Shuffle(e3Items);
        e3Idx = 0;
        takotaE3ShowCard(e3Idx);
      });

      takotaE3ShowCard(e3Idx);
      if('speechSynthesis' in window){
        speechSynthesis.getVoices();
        speechSynthesis.onvoiceschanged = ()=>{};
      }
    </script>
  </div>
</section>

<!-- 🔗 タコタの英語レッスン 英検3級シリーズ｜関連記事（2本セット） -->
<section class="tacota-related" aria-label="関連記事">
  <style>
    .tacota-related{
      max-width:920px;margin:28px auto;padding:16px;
      background:#faf6ee;border:1px solid #f0e7d7;
      border-radius:18px;
      font-family:'Segoe UI','Noto Sans JP',sans-serif;color:#333
    }
    .tacota-related h3{margin:0 0 14px;font-size:1.2em;color:#1e3a8a}
    .tacota-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
    @media(max-width:820px){.tacota-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:520px){.tacota-grid{grid-template-columns:1fr}}
    .t-card{
      display:flex;flex-direction:column;background:#fff;
      border:1px solid #eee;border-radius:14px;
      overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.05)
    }
    .t-thumb{aspect-ratio:16/9;background:#f4efe6}
    .t-thumb img{width:100%;height:100%;object-fit:cover;display:block}
    .t-body{padding:10px 12px}
    .t-title{font-weight:800;line-height:1.4}
    .t-desc{font-size:.92em;color:#555;margin-top:4px}
    .t-more{
      display:inline-block;margin:10px 12px 12px;padding:8px 12px;
      border-radius:10px;background:#1f2937;color:#fff;
      text-decoration:none;font-weight:700
    }
    .t-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
    .t-badge{
      font-size:.78em;background:#e8eefc;color:#234;
      padding:3px 8px;border-radius:999px
    }
  </style>

  <h3>🔗 タコタの英語レッスン｜英検3級シリーズ</h3>
  <div class="tacota-grid">

    <!-- ① 最小限フレーズまとめ（25フレーズ完全版）-->
    <article class="t-card">
      <a class="t-thumb" href="https://jouniorsankosodate.com/eiken3-basic/">
        <img decoding="async" src="https://jouniorsankosodate.com/wp-content/uploads/2025/12/b2369ce5e7790d1025d14c30f092aec7.jpg"
             alt="タコタの英語レッスン｜英検3級（25フレーズ完全版）">
      </a>
      <div class="t-body">
        <div class="t-title">🐙 英検3級｜25フレーズ完全版（最小限まとめ）</div>
        <div class="t-badges">
          <span class="t-badge">25フレーズ</span>
          <span class="t-badge">会話形式</span>
          <span class="t-badge">音声つき</span>
        </div>
        <p class="t-desc">英検3級の重要表現をタコタとコミィの会話形式で学べる、25フレーズ完全版。</p>
      </div>
      <a class="t-more" href="https://jouniorsankosodate.com/eiken3-basic/">▶ 開く</a>
    </article>

    <!-- ② 意見・理由フレーズ（閲覧中） -->
    <article class="t-card">
      <a class="t-thumb" href="#">
        <img decoding="async" src="https://jouniorsankosodate.com/wp-content/uploads/2025/12/f8858246e7dc4820773530b9efca67f6.jpg"
             alt="タコタの英語レッスン｜英検3級（意見・理由フレーズ）">
      </a>
      <div class="t-body">
        <div class="t-title">🐙 英検3級｜意見・理由フレーズ（24フレーズ）</div>
        <div class="t-badges">
          <span class="t-badge">意見・理由</span>
          <span class="t-badge">24フレーズ</span>
          <span class="t-badge">音声つき</span>
        </div>
        <p class="t-desc">I think／because／理由の説明など、英検3級の「意見・理由」をまとめて練習できるページ。</p>
      </div>
      <a class="t-more" href="#">◎ 閲覧中</a>
    </article>

  </div>
</section>



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



<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>投稿 <a href="https://jouniorsankosodate.com/eiken3-opinion/">🐙 タコタの英語レッスン｜英検3級（意見・理由フレーズ）No.1</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/eiken3-opinion/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>英検5級フラッシュカード｜イラスト×音声で「What／Why／Which」質問フレーズを楽しくマスター！</title>
		<link>https://jouniorsankosodate.com/1706-2/</link>
					<comments>https://jouniorsankosodate.com/1706-2/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Tue, 04 Nov 2025 16:24:36 +0000</pubDate>
				<category><![CDATA[🐙 タコタの英語レッスンまとめ]]></category>
		<category><![CDATA[🟧英検５級 英語シリーズ]]></category>
		<category><![CDATA[＃たこた]]></category>
		<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=1706</guid>

					<description><![CDATA[<p>英検5級によく出る「How」「When」の質問フレーズを、かわいいイラストと英語音声で楽しく覚えよう！かわいいキャラが登場するオリジナル英語フラッシュカードシリーズ📚音声ONにすればネイティブ発音で自動読み上げ、シャッフ [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/1706-2/">英検5級フラッシュカード｜イラスト×音声で「What／Why／Which」質問フレーズを楽しくマスター！</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><br>英検5級によく出る「How」「When」の質問フレーズを、かわいいイラストと英語音声で楽しく覚えよう！<br>かわいいキャラが登場するオリジナル英語フラッシュカードシリーズ📚<br>音声ONにすればネイティブ発音で自動読み上げ、シャッフルでクイズ感覚にも🎧<br>見る・聞く・答えるの3ステップで、英検対策にも日常英会話にも役立つ教材です。</p>



<!-- 🐙 タコタの英語レッスン｜What／Why／Which 編（アイキャッチ付き完全セット） -->
<section class="tacota-lesson">
  <!-- 🖼️ アイキャッチ -->
  <div style="text-align:center;margin-bottom:20px;">
    <img decoding="async" src="https://jouniorsankosodate.com/wp-content/uploads/2025/11/0c1c74f69bcdcc60401c7590ba274286.jpg" 
         alt="タコタの英語レッスン What Why Which 編 アイキャッチ" 
         style="width:100%;max-width:900px;border-radius:16px;box-shadow:0 4px 10px rgba(0,0,0,0.15);">
  </div>

  <!-- 🧭 タイトル＆説明 -->
  <div class="tacota-intro" style="max-width:760px;margin:0 auto 28px;padding:16px;text-align:center;background:#f8f4ed;border-radius:20px;">
    <h1 style="font-size:1.6em;color:#1e3a8a;font-weight:800;">🐙 タコタの英語レッスン｜What／Why／Which 編</h1>
    <p style="line-height:1.8;margin-top:10px;color:#333;">
      英検5級レベルの定番フレーズ「What／Why／Which」を、かわいいイラストと英国英語音声で楽しくマスター🎧<br>
      タコボーイの<strong>タコタ</strong>と、知的な<strong>メガネくん</strong>が登場する英語フラッシュカードシリーズ📚<br>
      「見る👀」「聞く🎧」「答える💬」の3ステップで、自然に英語が身につくよ！
    </p>
  </div>

  <!-- 🎓 フラッシュカード本体 -->
  <div class="tacota-flash" id="tacota-what-why-which">
    <style>
      .tacota-flash{--bg:#f8f4ed;--card:#fff;--accent:#3b82f6;--ok:#10b981;--text:#333}
      .tacota-flash{max-width:680px;margin:24px auto;padding:20px;background:var(--bg);
        border-radius:24px;text-align:center;font-family:'Segoe UI','Noto Sans JP',sans-serif;color:var(--text);}
      .tacota-flash .panel{background:var(--card);border-radius:20px;box-shadow:0 4px 15px rgba(0,0,0,.1);padding:16px;}
      .tacota-flash img{width:100%;border-radius:16px;margin-bottom:10px;}
      .tacota-flash .en{font-size:1.5em;font-weight:700;margin:8px 0;}
      .tacota-flash .jp{display:none;margin-top:10px;font-weight:600;background:#ecfdf5;padding:8px 12px;border-radius:12px;}
      .tacota-flash .ctrl{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:10px;}
      .tacota-flash button{border:none;border-radius:10px;padding:8px 14px;cursor:pointer;font-weight:700;font-size:1em;}
      .tacota-flash .toggle{background:#fbbf24;color:#222;}
      .tacota-flash .shuffle{background:#6366f1;color:#fff;}
      .tacota-flash .show{background:var(--ok);color:#fff;}
      .tacota-flash .next{background:#111827;color:#fff;}
      .tacota-flash .footer{margin-top:24px;padding-top:10px;border-top:2px dashed #ddd;font-size:.9em;color:#555;}
    </style>

    <div class="panel">
      <img id="www-img" alt="">
      <div class="en" id="www-en">—</div>
      <div class="jp" id="www-jp"></div>
      <div class="ctrl">
        <button class="toggle"  id="www-toggle">🔈音声OFF</button>
        <button class="shuffle" id="www-shuffle">🔀 シャッフル</button>
        <button class="show"    id="www-show">💬 答えを見る</button>
        <button class="next"    id="www-next">➡ 次へ</button>
      </div>
    </div>

    <div class="footer">
      © 2025 じゅにさん子育てブログ｜🐙 タコタの英語レッスンシリーズ（What／Why／Which）
    </div>

    <script>
      const wwwItems = [
        { en:"What do you like?", jp:"あなたは何が好きですか？", img:"https://jouniorsankosodate.com/wp-content/uploads/2025/11/7c3365ecf2d61ba80f3f121ac8312840.jpg" },
        { en:"What’s your name?", jp:"あなたの名前は何ですか？", img:"https://jouniorsankosodate.com/wp-content/uploads/2025/11/b3482f5234dcae6834cccb0521c4645f.jpg" },
        { en:"What time is it now?", jp:"いま何時ですか？", img:"https://jouniorsankosodate.com/wp-content/uploads/2025/11/dbf645388276ba2e323cce66b2ac0581.jpg" },
        { en:"What color is this?", jp:"これは何色ですか？", img:"https://jouniorsankosodate.com/wp-content/uploads/2025/11/b257a235c6bfa9c7622fcab6d09f53be.jpg" },
        { en:"What color do you like?", jp:"何色が好きですか？", img:"https://jouniorsankosodate.com/wp-content/uploads/2025/11/a434d995679fa67a62f021c10b60c77f.jpg" },
        { en:"What day is it today?", jp:"今日は何曜日ですか？", img:"https://jouniorsankosodate.com/wp-content/uploads/2025/11/5c1c78d8cdf6b06c72f99e616cbd39c8.jpg" },
        { en:"What’s your favorite food?", jp:"あなたの好きな食べ物は何ですか？", img:"https://jouniorsankosodate.com/wp-content/uploads/2025/11/a1e7b33ffa87a5c4ccef61615099aaae.jpg" },
        { en:"What do you have?", jp:"あなたは何を持っていますか？", img:"https://jouniorsankosodate.com/wp-content/uploads/2025/11/df06174ef9c7f2b5d8809cbc7fa8eed0.jpg" },
        { en:"What is the date today?", jp:"今日は何日ですか？", img:"https://jouniorsankosodate.com/wp-content/uploads/2025/11/3e0359edef857a69e7819a59169a4372.jpg" },
        { en:"Why do you study English?", jp:"なぜ英語を勉強するのですか？", img:"https://jouniorsankosodate.com/wp-content/uploads/2025/11/d8c7aaee9784e9f278192ecc7a154b7f.jpg" },
        { en:"Which do you like, cats or dogs?", jp:"猫と犬、どちらが好きですか？", img:"https://jouniorsankosodate.com/wp-content/uploads/2025/11/ed56da37d84f05ab8aa5ad5ee101cd71.jpg" },
        { en:"Which color do you like?", jp:"どの色が好きですか？", img:"https://jouniorsankosodate.com/wp-content/uploads/2025/11/514a052030d9d0141445d0844eec274c.jpg" }
      ];

      const imgEl=document.getElementById("www-img");
      const enEl=document.getElementById("www-en");
      const jpEl=document.getElementById("www-jp");
      const btnToggle=document.getElementById("www-toggle");
      const btnShow=document.getElementById("www-show");
      const btnNext=document.getElementById("www-next");
      const btnShuffle=document.getElementById("www-shuffle");

      let idx=0; let soundOn=false;

      function pickUKFemale(voices){
        let v=voices.find(v=>v.lang==="en-GB"&&/female/i.test(v.name));
        if(v)return v;
        v=voices.find(v=>v.name.includes("Google UK English Female"));
        if(v)return v;
        v=voices.find(v=>v.lang==="en-GB");
        if(v)return v;
        v=voices.find(v=>v.lang && v.lang.toLowerCase().startsWith("en"));
        return v||null;
      }

      // ✅ 英語女性ボイス優先（Safari/Chrome 共通）※見た目はいじらない
      let TAKOTA_W3_VOICE = null;

      function pickW3Voice(){
        const voices = speechSynthesis.getVoices() || [];

        // 英語っぽい声だけ候補に
        const enVoices = voices.filter(v =>
          (v.lang || "").toLowerCase().startsWith("en") ||
          /english/i.test(v.name || "")
        );

        // 女性 or UK 女性を優先
        const female =
          enVoices.find(v => /google uk english female/i.test(v.name || "")) ||
          enVoices.find(v => /female|woman/i.test(v.name || ""));

        return female || enVoices[0] || null;
      }

      if ("speechSynthesis" in window) {
        const setVoice = () => { TAKOTA_W3_VOICE = pickW3Voice(); };
        speechSynthesis.addEventListener("voiceschanged", setVoice);
        setVoice();
      }

      function speak(text){
        if (!("speechSynthesis" in window)) return;

        if (!TAKOTA_W3_VOICE) {
          TAKOTA_W3_VOICE = pickW3Voice();
        }

        const u = new SpeechSynthesisUtterance(text);

        if (TAKOTA_W3_VOICE){
          u.voice = TAKOTA_W3_VOICE;
          u.lang  = TAKOTA_W3_VOICE.lang || "en-GB";
        } else {
          // 英語固定（日本語声に逃げない）
          u.lang = "en-GB";
        }

        u.rate = 0.95;
        u.pitch = 1.05;

        speechSynthesis.cancel();
        speechSynthesis.speak(u);
      }


      function showCard(i){
        const it=wwwItems[i];
        imgEl.src=it.img;
        imgEl.alt=it.en;
        enEl.textContent=it.en;
        jpEl.style.display="none";
        jpEl.textContent=it.jp;
        if(soundOn) speak(it.en);
      }

      function shuffle(arr){
        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]];
        }
      }

      btnToggle.addEventListener("click",()=>{
        soundOn=!soundOn;
        btnToggle.textContent=soundOn?"🔊音声ON":"🔈音声OFF";
        if(soundOn)speak(wwwItems[idx].en);
      });
      btnShow.addEventListener("click",()=> jpEl.style.display="block");
      btnNext.addEventListener("click",()=>{ idx=(idx+1)%wwwItems.length; showCard(idx); });
      btnShuffle.addEventListener("click",()=>{ shuffle(wwwItems); idx=0; showCard(idx); });

      showCard(idx);
      if('speechSynthesis'in window){ speechSynthesis.getVoices(); speechSynthesis.onvoiceschanged=()=>{}; }
    </script>
  </div>
</section>
<!-- 🔗 関連記事・次のレッスン（What／Why／Which 編 用・◎閲覧中バージョン） -->
<section class="tacota-related" aria-label="関連記事">
  <style>
    .tacota-related{max-width:920px;margin:28px auto;padding:16px;background:#faf6ee;border:1px solid #f0e7d7;border-radius:18px;font-family:'Segoe UI','Noto Sans JP',sans-serif;color:#333}
    .tacota-related h3{margin:0 0 14px;font-size:1.2em;color:#1e3a8a}
    .tacota-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
    @media(max-width:820px){.tacota-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:520px){.tacota-grid{grid-template-columns:1fr}}
    .t-card{display:flex;flex-direction:column;background:#fff;border:1px solid #eee;border-radius:14px;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.05)}
    .t-thumb{aspect-ratio:16/9;background:#f4efe6}
    .t-thumb img{width:100%;height:100%;object-fit:cover;display:block}
    .t-body{padding:10px 12px}
    .t-title{font-weight:800;line-height:1.4}
    .t-desc{font-size:.92em;color:#555;margin-top:4px}
    .t-more{display:inline-block;margin:10px 12px 12px;padding:8px 12px;border-radius:10px;background:#1f2937;color:#fff;text-decoration:none;font-weight:700}
    .t-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
    .t-badge{font-size:.78em;background:#e8eefc;color:#234;padding:3px 8px;border-radius:999px}
  </style>

  <h3>🔗 関連記事・次のレッスン</h3>
  <div class="tacota-grid">
    <!-- 今ここ（What／Why／Which） -->
    <article class="t-card">
      <a class="t-thumb" href="#">
        <img decoding="async" src="https://jouniorsankosodate.com/wp-content/uploads/2025/11/0c1c74f69bcdcc60401c7590ba274286.jpg" alt="タコタの英語レッスン｜What／Why／Which 編">
      </a>
      <div class="t-body">
        <div class="t-title">🎨 What／Why／Which 編（今ここ）</div>
        <div class="t-badges"><span class="t-badge">12フレーズ</span><span class="t-badge">英国英語</span></div>
        <p class="t-desc">色・時間・曜日・好き/比較など、会話で使える表現をギュッと収録。</p>
      </div>
      <a class="t-more" href="#">◎ 閲覧中</a>
    </article>

    <!-- Where／Who／Whose -->
    <article class="t-card">
      <a class="t-thumb" href="https://jouniorsankosodate.com/%e8%8b%b1%e6%a4%9c5%e7%b4%9a%e3%83%95%e3%83%a9%e3%83%83%e3%82%b7%e3%83%a5%e3%82%ab%e3%83%bc%e3%83%89%ef%bd%9c%e3%82%a4%e3%83%a9%e3%82%b9%e3%83%88x%e9%9f%b3%e5%a3%b0%e3%81%a7%e3%80%8cwhere/">
        <img decoding="async" src="https://jouniorsankosodate.com/wp-content/uploads/2025/11/07ae723e73be57ae5fdfb8d179e3ab7e.jpg" alt="タコタの英語レッスン｜Where／Who／Whose 編">
      </a>
      <div class="t-body">
        <div class="t-title">🐙 Where／Who／Whose 編</div>
        <div class="t-badges"><span class="t-badge">場所/人/所有</span><span class="t-badge">英国英語</span></div>
        <p class="t-desc">自己紹介や道案内で使える定番7フレーズ。イラストで直感的に覚えよう。</p>
      </div>
      <a class="t-more" href="https://jouniorsankosodate.com/%e8%8b%b1%e6%a4%9c5%e7%b4%9a%e3%83%95%e3%83%a9%e3%83%83%e3%82%b7%e3%83%a5%e3%82%ab%e3%83%bc%e3%83%89%ef%bd%9c%e3%82%a4%e3%83%a9%e3%82%b9%e3%83%88x%e9%9f%b3%e5%a3%b0%e3%81%a7%e3%80%8cwhere/">▶ 開く</a>
    </article>

    <!-- How／When -->
    <article class="t-card">
      <a class="t-thumb" href="https://jouniorsankosodate.com/%e8%8b%b1%e6%a4%9c5%e7%b4%9a%e3%83%95%e3%83%a9%e3%83%83%e3%82%b7%e3%83%a5%e3%82%ab%e3%83%bc%e3%83%89%ef%bd%9c%e3%82%a4%e3%83%a9%e3%82%b9%e3%83%88x%e9%9f%b3%e5%a3%b0%e3%81%a7%e3%80%8chow%ef%bc%8fw/">
        <img decoding="async" src="https://jouniorsankosodate.com/wp-content/uploads/2025/11/ChatGPT-Image-how.webp" alt="タコタの英語レッスン｜How／When 編">
      </a>
      <div class="t-body">
        <div class="t-title">🕒 How／When 編</div>
        <div class="t-badges"><span class="t-badge">頻度/時間</span><span class="t-badge">英国英語</span></div>
        <p class="t-desc">How much／How often／When do you ～? など日常会話で役立つ11フレーズ。</p>
      </div>
      <a class="t-more" href="https://jouniorsankosodate.com/%e8%8b%b1%e6%a4%9c5%e7%b4%9a%e3%83%95%e3%83%a9%e3%83%83%e3%82%b7%e3%83%a5%e3%82%ab%e3%83%bc%e3%83%89%ef%bd%9c%e3%82%a4%e3%83%a9%e3%82%b9%e3%83%88x%e9%9f%b3%e5%a3%b0%e3%81%a7%e3%80%8chow%ef%bc%8fw/">▶ 開く</a>
    </article>
  </div>

  <!-- シリーズ目次 -->
  <div style="text-align:center;margin-top:16px">
    <a class="t-more" href="https://jouniorsankosodate.com/category/learn/english-flash/">📚 シリーズ一覧へ</a>
  </div>
</section>



<p class="wp-block-paragraph"></p>
<p>投稿 <a href="https://jouniorsankosodate.com/1706-2/">英検5級フラッシュカード｜イラスト×音声で「What／Why／Which」質問フレーズを楽しくマスター！</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/1706-2/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>英検5級フラッシュカード｜イラスト×音声で「Where／Who／Whose」質問フレーズを楽しくマスター！</title>
		<link>https://jouniorsankosodate.com/%e8%8b%b1%e6%a4%9c5%e7%b4%9a%e3%83%95%e3%83%a9%e3%83%83%e3%82%b7%e3%83%a5%e3%82%ab%e3%83%bc%e3%83%89%ef%bd%9c%e3%82%a4%e3%83%a9%e3%82%b9%e3%83%88x%e9%9f%b3%e5%a3%b0%e3%81%a7%e3%80%8cwhere/</link>
					<comments>https://jouniorsankosodate.com/%e8%8b%b1%e6%a4%9c5%e7%b4%9a%e3%83%95%e3%83%a9%e3%83%83%e3%82%b7%e3%83%a5%e3%82%ab%e3%83%bc%e3%83%89%ef%bd%9c%e3%82%a4%e3%83%a9%e3%82%b9%e3%83%88x%e9%9f%b3%e5%a3%b0%e3%81%a7%e3%80%8cwhere/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Tue, 04 Nov 2025 14:54:29 +0000</pubDate>
				<category><![CDATA[🐙 タコタの英語レッスンまとめ]]></category>
		<category><![CDATA[🟧英検５級 英語シリーズ]]></category>
		<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=1697</guid>

					<description><![CDATA[<p>英検5級レベルの「Where／Who／Whose」質問フレーズを、かわいいイラストと英語音声で楽しく覚えよう！「タコタ」が登場する、親子で学べる英語フラッシュカードシリーズ📚音声ONにすれば英国英語で自動読み上げ、シャッ [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/%e8%8b%b1%e6%a4%9c5%e7%b4%9a%e3%83%95%e3%83%a9%e3%83%83%e3%82%b7%e3%83%a5%e3%82%ab%e3%83%bc%e3%83%89%ef%bd%9c%e3%82%a4%e3%83%a9%e3%82%b9%e3%83%88x%e9%9f%b3%e5%a3%b0%e3%81%a7%e3%80%8cwhere/">英検5級フラッシュカード｜イラスト×音声で「Where／Who／Whose」質問フレーズを楽しくマスター！</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">英検5級レベルの「Where／Who／Whose」質問フレーズを、かわいいイラストと英語音声で楽しく覚えよう！<br>「タコタ」が登場する、親子で学べる英語フラッシュカードシリーズ📚<br>音声ONにすれば英国英語で自動読み上げ、シャッフルでクイズ感覚にも🎧<br>見る・聞く・答えるの3ステップで、英検対策にも日常英会話にも役立つ教材です。</p>



<!-- 🐙 タコタの英語レッスン｜Where／Who／Whose 編（完全版・スマホ音声安定＋関連記事付き） -->
<section class="tacota-lesson">
  <!-- 🖼️ アイキャッチ（1200×630） -->
  <div style="text-align:center;margin-bottom:20px;">
    <img decoding="async" src="https://jouniorsankosodate.com/wp-content/uploads/2025/11/07ae723e73be57ae5fdfb8d179e3ab7e.jpg"
         alt="タコタの英語レッスン Where／Who／Whose 編 アイキャッチ"
         style="width:100%;max-width:900px;border-radius:16px;box-shadow:0 4px 10px rgba(0,0,0,0.15);">
  </div>

  <!-- 🧭 タイトル＆説明 -->
  <div class="tacota-intro" style="max-width:760px;margin:0 auto 28px;padding:16px;text-align:center;background:#f8f4ed;border-radius:20px;">
    <h1 style="font-size:1.6em;color:#1e3a8a;font-weight:800;">🐙 タコタの英語レッスン｜Where／Who／Whose 編</h1>
    <p style="line-height:1.8;margin-top:10px;color:#333;">
      英検5級の定番 <strong>Where／Who／Whose</strong> を、<strong>かわいいイラスト×英国英語音声</strong>で楽しくマスター🎧<br>
      「見る👀」「聞く🎧」「答える💬」の3ステップで、道案内・自己紹介・所有表現がスッと入る！
    </p>
  </div>

  <!-- 🎓 フラッシュカード本体 -->
  <div class="tacota-flash" id="tacota-where-who-whose">
    <style>
      .tacota-flash{--bg:#f8f4ed;--card:#fff;--accent:#3b82f6;--ok:#10b981;--text:#333}
      .tacota-flash{max-width:680px;margin:24px auto;padding:20px;background:var(--bg);
        border-radius:24px;text-align:center;font-family:'Segoe UI','Noto Sans JP',sans-serif;color:var(--text);}
      .tacota-flash .panel{background:var(--card);border-radius:20px;box-shadow:0 4px 15px rgba(0,0,0,.1);padding:16px;}
      .tacota-flash img{width:100%;border-radius:16px;margin-bottom:10px;}
      .tacota-flash .en{font-size:1.5em;font-weight:700;margin:8px 0;}
      .tacota-flash .jp{display:none;margin-top:10px;font-weight:600;background:#ecfdf5;padding:8px 12px;border-radius:12px;}
      .tacota-flash .ctrl{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:10px;}
      .tacota-flash button{border:none;border-radius:10px;padding:8px 14px;cursor:pointer;font-weight:700;font-size:1em;}
      .tacota-flash .toggle{background:#fbbf24;color:#222;}
      .tacota-flash .shuffle{background:#6366f1;color:#fff;}
      .tacota-flash .show{background:var(--ok);color:#fff;}
      .tacota-flash .next{background:#111827;color:#fff;}
      .tacota-flash .footer{margin-top:24px;padding-top:10px;border-top:2px dashed #ddd;font-size:.9em;color:#555;}
    </style>

    <div class="panel">
      <img id="w3-img" alt="">
      <div class="en" id="w3-en">—</div>
      <div class="jp" id="w3-jp"></div>
      <div class="ctrl">
        <button class="toggle"  id="w3-toggle">🔈音声OFF</button>
        <button class="shuffle" id="w3-shuffle">🔀 シャッフル</button>
        <button class="show"    id="w3-show">💬 答えを見る</button>
        <button class="next"    id="w3-next">➡ 次へ</button>
      </div>
    </div>

    <div class="footer">
      © 2025 じゅにさん子育てブログ｜🐙 タコタの英語レッスンシリーズ（Where／Who／Whose）
    </div>

    <script>
      const w3Items = [
        {en:"Where are you from?",     jp:"あなたはどこの出身ですか？",               img:"https://jouniorsankosodate.com/wp-content/uploads/2025/11/1-1.webp"},
        {en:"Where do you live?",       jp:"あなたはどこに住んでいますか？",     img:"https://jouniorsankosodate.com/wp-content/uploads/2025/11/2-1.webp"},
        {en:"Where is the station?",     jp:"駅はどこですか？",         img:"https://jouniorsankosodate.com/wp-content/uploads/2025/11/3-1.webp"},
        {en:"Who is your teacher?",      jp:"あなたの先生はだれですか？",     img:"https://jouniorsankosodate.com/wp-content/uploads/2025/11/4-1.webp"},
        {en:"Who is that girl?",         jp:"あの女の子はだれですか？",       img:"https://jouniorsankosodate.com/wp-content/uploads/2025/11/5-1.webp"},
        {en:"Who plays soccer?",        jp:"だれがサッカーをしていますか？",     img:"https://jouniorsankosodate.com/wp-content/uploads/2025/11/6-1.webp"},
        {en:"Whose bag is this?",     jp:"これはだれのカバンですか？",   img:"https://jouniorsankosodate.com/wp-content/uploads/2025/11/7-1.webp"}
      ];

      const imgEl=document.getElementById("w3-img");
      const enEl=document.getElementById("w3-en");
      const jpEl=document.getElementById("w3-jp");
      const btnToggle=document.getElementById("w3-toggle");
      const btnShow=document.getElementById("w3-show");
      const btnNext=document.getElementById("w3-next");
      const btnShuffle=document.getElementById("w3-shuffle");

      let idx=0, soundOn=false;

      // ✅ 英語女性ボイス優先（Safari/Chrome 共通）※見た目はいじらない
      let TAKOTA_W3_VOICE = null;

      function pickW3Voice(){
        const voices = speechSynthesis.getVoices() || [];

        // 英語っぽい声だけ候補に
        const enVoices = voices.filter(v =>
          (v.lang || "").toLowerCase().startsWith("en") ||
          /english/i.test(v.name || "")
        );

        // 女性 or UK 女性を優先
        const female =
          enVoices.find(v => /google uk english female/i.test(v.name || "")) ||
          enVoices.find(v => /female|woman/i.test(v.name || ""));

        return female || enVoices[0] || null;
      }

      if ("speechSynthesis" in window) {
        const setVoice = () => { TAKOTA_W3_VOICE = pickW3Voice(); };
        speechSynthesis.addEventListener("voiceschanged", setVoice);
        setVoice();
      }

      function speak(text){
        if (!("speechSynthesis" in window)) return;

        if (!TAKOTA_W3_VOICE) {
          TAKOTA_W3_VOICE = pickW3Voice();
        }

        const u = new SpeechSynthesisUtterance(text);

        if (TAKOTA_W3_VOICE){
          u.voice = TAKOTA_W3_VOICE;
          u.lang  = TAKOTA_W3_VOICE.lang || "en-GB";
        } else {
          // 英語固定（日本語声に逃げない）
          u.lang = "en-GB";
        }

        u.rate = 0.95;
        u.pitch = 1.05;

        speechSynthesis.cancel();
        speechSynthesis.speak(u);
      }


      function showCard(i){
        const it=w3Items[i];
        imgEl.src=it.img;
        imgEl.alt=it.en;
        enEl.textContent=it.en;
        jpEl.style.display="none";
        jpEl.textContent=it.jp;
        if(soundOn) speak(it.en);
      }

      function shuffle(arr){
        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]];
        }
      }

      btnToggle.addEventListener("click",()=>{
        soundOn=!soundOn;
        btnToggle.textContent=soundOn?"🔊音声ON":"🔈音声OFF";
        if(soundOn) speak(w3Items[idx].en);
      });
      btnShow.addEventListener("click",()=> jpEl.style.display="block");
      btnNext.addEventListener("click",()=>{ idx=(idx+1)%w3Items.length; showCard(idx); });
      btnShuffle.addEventListener("click",()=>{ shuffle(w3Items); idx=0; showCard(idx); });

      showCard(idx);
    </script>
  </div>
</section>

<!-- 🔗 関連記事・次のレッスン -->
<section class="tacota-related" aria-label="関連記事">
  <style>
    .tacota-related{max-width:920px;margin:28px auto;padding:16px;background:#faf6ee;border:1px solid #f0e7d7;border-radius:18px;font-family:'Segoe UI','Noto Sans JP',sans-serif;color:#333}
    .tacota-related h3{margin:0 0 14px;font-size:1.2em;color:#1e3a8a}
    .tacota-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
    @media(max-width:820px){.tacota-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:520px){.tacota-grid{grid-template-columns:1fr}}
    .t-card{display:flex;flex-direction:column;background:#fff;border:1px solid #eee;border-radius:14px;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.05)}
    .t-thumb{aspect-ratio:16/9;background:#f4efe6}
    .t-thumb img{width:100%;height:100%;object-fit:cover;display:block}
    .t-body{padding:10px 12px}
    .t-title{font-weight:800;line-height:1.4}
    .t-desc{font-size:.92em;color:#555;margin-top:4px}
    .t-more{display:inline-block;margin:10px 12px 12px;padding:8px 12px;border-radius:10px;background:#1f2937;color:#fff;text-decoration:none;font-weight:700}
    .t-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
    .t-badge{font-size:.78em;background:#e8eefc;color:#234;padding:3px 8px;border-radius:999px}
  </style>

  <h3>🔗 関連記事・次のレッスン</h3>
  <div class="tacota-grid">
    <article class="t-card">
      <a class="t-thumb" href="https://jouniorsankosodate.com/1706-2/">
        <img decoding="async" src="https://jouniorsankosodate.com/wp-content/uploads/2025/11/0c1c74f69bcdcc60401c7590ba274286.jpg" alt="タコタの英語レッスン｜What／Why／Which 編">
      </a>
      <div class="t-body">
        <div class="t-title">🎨 What／Why／Which 編</div>
        <div class="t-badges"><span class="t-badge">12フレーズ</span><span class="t-badge">英国英語</span></div>
        <p class="t-desc">色・時間・曜日・好き/比較など、会話で使える表現をギュッと収録。</p>
      </div>
      <a class="t-more" href="https://jouniorsankosodate.com/1706-2/">▶ 開く</a>
    </article>

    <article class="t-card">
      <a class="t-thumb" href="#">
        <img decoding="async" src="https://jouniorsankosodate.com/wp-content/uploads/2025/11/07ae723e73be57ae5fdfb8d179e3ab7e.jpg" alt="タコタの英語レッスン｜Where／Who／Whose 編">
      </a>
      <div class="t-body">
        <div class="t-title">🐙 Where／Who／Whose 編（今ここ）</div>
        <div class="t-badges"><span class="t-badge">場所/人/所有</span><span class="t-badge">英国英語</span></div>
        <p class="t-desc">自己紹介や道案内で使える定番7フレーズ。スマホ音声も女性声で安定。</p>
      </div>
      <a class="t-more" href="#">◎ 閲覧中</a>
    </article>

    <article class="t-card">
      <a class="t-thumb" href="https://jouniorsankosodate.com/%e8%8b%b1%e6%a4%9c5%e7%b4%9a%e3%83%95%e3%83%a9%e3%83%83%e3%82%b7%e3%83%a5%e3%82%ab%e3%83%bc%e3%83%89%ef%bd%9c%e3%82%a4%e3%83%a9%e3%82%b9%e3%83%88x%e9%9f%b3%e5%a3%b0%e3%81%a7%e3%80%8chow%ef%bc%8fw/">
        <img decoding="async" src="https://jouniorsankosodate.com/wp-content/uploads/2025/11/ChatGPT-Image-how.webp" alt="タコタの英語レッスン｜How／When 編">
      </a>
      <div class="t-body">
        <div class="t-title">🕒 How／When 編</div>
        <div class="t-badges"><span class="t-badge">頻度/時間</span><span class="t-badge">英国英語</span></div>
        <p class="t-desc">How much／How often／When do you ～? など日常会話で役立つ11フレーズ。</p>
      </div>
      <a class="t-more" href="https://jouniorsankosodate.com/%e8%8b%b1%e6%a4%9c5%e7%b4%9a%e3%83%95%e3%83%a9%e3%83%83%e3%82%b7%e3%83%a5%e3%82%ab%e3%83%bc%e3%83%89%ef%bd%9c%e3%82%a4%e3%83%a9%e3%82%b9%e3%83%88x%e9%9f%b3%e5%a3%b0%e3%81%a7%e3%80%8chow%ef%bc%8fw/">▶ 開く</a>
    </article>
  </div>

  <div style="text-align:center;margin-top:16px">
    <a class="t-more" href="https://jouniorsankosodate.com/category/learn/english-flash/">📚 シリーズ一覧へ</a>
  </div>
</section>



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



<p class="wp-block-paragraph"></p>
<p>投稿 <a href="https://jouniorsankosodate.com/%e8%8b%b1%e6%a4%9c5%e7%b4%9a%e3%83%95%e3%83%a9%e3%83%83%e3%82%b7%e3%83%a5%e3%82%ab%e3%83%bc%e3%83%89%ef%bd%9c%e3%82%a4%e3%83%a9%e3%82%b9%e3%83%88x%e9%9f%b3%e5%a3%b0%e3%81%a7%e3%80%8cwhere/">英検5級フラッシュカード｜イラスト×音声で「Where／Who／Whose」質問フレーズを楽しくマスター！</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/%e8%8b%b1%e6%a4%9c5%e7%b4%9a%e3%83%95%e3%83%a9%e3%83%83%e3%82%b7%e3%83%a5%e3%82%ab%e3%83%bc%e3%83%89%ef%bd%9c%e3%82%a4%e3%83%a9%e3%82%b9%e3%83%88x%e9%9f%b3%e5%a3%b0%e3%81%a7%e3%80%8cwhere/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>英検5級フラッシュカード｜イラスト×音声で「How／When」質問フレーズを楽しくマスター！</title>
		<link>https://jouniorsankosodate.com/%e8%8b%b1%e6%a4%9c5%e7%b4%9a%e3%83%95%e3%83%a9%e3%83%83%e3%82%b7%e3%83%a5%e3%82%ab%e3%83%bc%e3%83%89%ef%bd%9c%e3%82%a4%e3%83%a9%e3%82%b9%e3%83%88x%e9%9f%b3%e5%a3%b0%e3%81%a7%e3%80%8chow%ef%bc%8fw/</link>
					<comments>https://jouniorsankosodate.com/%e8%8b%b1%e6%a4%9c5%e7%b4%9a%e3%83%95%e3%83%a9%e3%83%83%e3%82%b7%e3%83%a5%e3%82%ab%e3%83%bc%e3%83%89%ef%bd%9c%e3%82%a4%e3%83%a9%e3%82%b9%e3%83%88x%e9%9f%b3%e5%a3%b0%e3%81%a7%e3%80%8chow%ef%bc%8fw/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Tue, 04 Nov 2025 14:15:05 +0000</pubDate>
				<category><![CDATA[🐙 タコタの英語レッスンまとめ]]></category>
		<category><![CDATA[🟧英検５級 英語シリーズ]]></category>
		<category><![CDATA[＃How]]></category>
		<category><![CDATA[＃When]]></category>
		<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=1676</guid>

					<description><![CDATA[<p>英検5級によく出る「How」「When」の質問フレーズを、かわいいイラストと英語音声で楽しく覚えよう！たこたが登場するオリジナル英語フラッシュカードシリーズ📚音声ONにすればネイティブ発音で自動読み上げ、シャッフルでクイ [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/%e8%8b%b1%e6%a4%9c5%e7%b4%9a%e3%83%95%e3%83%a9%e3%83%83%e3%82%b7%e3%83%a5%e3%82%ab%e3%83%bc%e3%83%89%ef%bd%9c%e3%82%a4%e3%83%a9%e3%82%b9%e3%83%88x%e9%9f%b3%e5%a3%b0%e3%81%a7%e3%80%8chow%ef%bc%8fw/">英検5級フラッシュカード｜イラスト×音声で「How／When」質問フレーズを楽しくマスター！</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">英検5級によく出る「How」「When」の質問フレーズを、かわいいイラストと英語音声で楽しく覚えよう！<br>たこたが登場するオリジナル英語フラッシュカードシリーズ📚<br>音声ONにすればネイティブ発音で自動読み上げ、シャッフルでクイズ感覚にも🎧<br>見る・聞く・答えるの3ステップで、英検対策にも日常英会話にも役立つ教材です。</p>



<!-- 🐙 タコタの英語レッスン｜How／When 編（完全版・スマホ音声安定＋関連記事付き） -->
<section class="tacota-lesson">
  <!-- 🖼️ アイキャッチ（1200×630） -->
  <div style="text-align:center;margin-bottom:20px;">
    <img decoding="async" src="https://jouniorsankosodate.com/wp-content/uploads/2025/11/ChatGPT-Image-how.webp"
         alt="タコタの英語レッスン How／When 編 アイキャッチ"
         style="width:100%;max-width:900px;border-radius:16px;box-shadow:0 4px 10px rgba(0,0,0,0.15);">
  </div>

  <!-- 🧭 タイトル＆説明 -->
  <div class="tacota-intro" style="max-width:760px;margin:0 auto 28px;padding:16px;text-align:center;background:#f8f4ed;border-radius:20px;">
    <h1 style="font-size:1.6em;color:#1e3a8a;font-weight:800;">🐙 タコタの英語レッスン｜How／When 編</h1>
    <p style="line-height:1.8;margin-top:10px;color:#333;">
      英検5級の <strong>How／When</strong> を、<strong>かわいいイラスト×英国英語音声</strong>で楽しくマスター🎧<br>
      「見る👀」「聞く🎧」「答える💬」の3ステップで、頻度・数量・時間の質問に強くなる！
    </p>
  </div>

  <!-- 🎓 フラッシュカード本体（11枚） -->
  <div class="tacota-flash" id="tacota-how-when">
    <style>
      .tacota-flash{--bg:#f8f4ed;--card:#fff;--accent:#3b82f6;--ok:#10b981;--text:#333}
      .tacota-flash{max-width:680px;margin:24px auto;padding:20px;background:var(--bg);
        border-radius:24px;text-align:center;font-family:'Segoe UI','Noto Sans JP',sans-serif;color:var(--text);}
      .tacota-flash .panel{background:var(--card);border-radius:20px;box-shadow:0 4px 15px rgba(0,0,0,.1);padding:16px;}
      .tacota-flash img{width:100%;border-radius:16px;margin-bottom:10px;}
      .tacota-flash .en{font-size:1.5em;font-weight:700;margin:8px 0;}
      .tacota-flash .jp{display:none;margin-top:10px;font-weight:600;background:#ecfdf5;padding:8px 12px;border-radius:12px;}
      .tacota-flash .ctrl{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:10px;}
      .tacota-flash button{border:none;border-radius:10px;padding:8px 14px;cursor:pointer;font-weight:700;font-size:1em;}
      .tacota-flash .toggle{background:#fbbf24;color:#222;}
      .tacota-flash .shuffle{background:#6366f1;color:#fff;}
      .tacota-flash .show{background:var(--ok);color:#fff;}
      .tacota-flash .next{background:#111827;color:#fff;}
      .tacota-flash .footer{margin-top:24px;padding-top:10px;border-top:2px dashed #ddd;font-size:.9em;color:#555;}
    </style>

    <div class="panel">
      <img id="hw-img" alt="">
      <div class="en" id="hw-en">—</div>
      <div class="jp" id="hw-jp"></div>
      <div class="ctrl">
        <button class="toggle"  id="hw-toggle">🔈音声OFF</button>
        <button class="shuffle" id="hw-shuffle">🔀 シャッフル</button>
        <button class="show"    id="hw-show">💬 答えを見る</button>
        <button class="next"    id="hw-next">➡ 次へ</button>
      </div>
    </div>

    <div class="footer">
      © 2025 じゅにさん子育てブログ｜🐙 タコタの英語レッスンシリーズ（How／When）
    </div>

    <script>
      const hwItems = [
        {en:"How are you?", jp:"元気ですか？", img:"https://jouniorsankosodate.com/wp-content/uploads/2025/11/388bb7903baa3296fa871a8a05ca40c3.webp"},
        {en:"How much is this?", jp:"これはいくらですか？", img:"https://jouniorsankosodate.com/wp-content/uploads/2025/11/87fd2b082b12e68bf4ab4460cae21256.webp"},
        {en:"How do you go to school?", jp:"どうやって学校に行きますか？", img:"https://jouniorsankosodate.com/wp-content/uploads/2025/11/900088976cb065f588896925e6760630.webp"},
        {en:"How many books do you have?", jp:"何冊の本を持っていますか？", img:"https://jouniorsankosodate.com/wp-content/uploads/2025/11/d618020604c44733ce5eddaf554ef88b.webp"},
        {en:"How often do you study English?", jp:"どのくらいの頻度で英語を勉強しますか？", img:"https://jouniorsankosodate.com/wp-content/uploads/2025/11/2cfb374be107bcd6ce38ca07e45a1054.webp"},
        {en:"How long is this movie?", jp:"この映画はどのくらいの長さですか？", img:"https://jouniorsankosodate.com/wp-content/uploads/2025/11/c80d971986b906f5e90ab41d980949b1.webp"},
        {en:"How tall are you?", jp:"あなたの身長はどのくらいですか？", img:"https://jouniorsankosodate.com/wp-content/uploads/2025/11/fbd928ab9b65203a0246ead797b14402.webp"},
        {en:"How’s the weather today?", jp:"今日の天気はどうですか？", img:"https://jouniorsankosodate.com/wp-content/uploads/2025/11/cb85e0bf9d4aa3791dd53261e8c6d068.webp"},
        {en:"When do you get up?", jp:"いつ起きますか？", img:"https://jouniorsankosodate.com/wp-content/uploads/2025/11/eabb9c43dee2367b0bd56c9429f06dea.webp"},
        {en:"When is your birthday?", jp:"あなたの誕生日はいつですか？", img:"https://jouniorsankosodate.com/wp-content/uploads/2025/11/9e19c10dec5d8a087b3faca065f6900f.webp"},
        {en:"When do you go to bed?", jp:"いつ寝ますか？", img:"https://jouniorsankosodate.com/wp-content/uploads/2025/11/73ba524417fa5ff99ed820bb22b789fd.webp"}
      ];

      const imgEl=document.getElementById("hw-img");
      const enEl=document.getElementById("hw-en");
      const jpEl=document.getElementById("hw-jp");
      const btnToggle=document.getElementById("hw-toggle");
      const btnShow=document.getElementById("hw-show");
      const btnNext=document.getElementById("hw-next");
      const btnShuffle=document.getElementById("hw-shuffle");

      let idx=0, soundOn=false;

      // ✅ 英語女性ボイス優先（Safari/Chrome 共通）※見た目はいじらない
      let TAKOTA_W3_VOICE = null;

      function pickW3Voice(){
        const voices = speechSynthesis.getVoices() || [];

        // 英語っぽい声だけ候補に
        const enVoices = voices.filter(v =>
          (v.lang || "").toLowerCase().startsWith("en") ||
          /english/i.test(v.name || "")
        );

        // 女性 or UK 女性を優先
        const female =
          enVoices.find(v => /google uk english female/i.test(v.name || "")) ||
          enVoices.find(v => /female|woman/i.test(v.name || ""));

        return female || enVoices[0] || null;
      }

      if ("speechSynthesis" in window) {
        const setVoice = () => { TAKOTA_W3_VOICE = pickW3Voice(); };
        speechSynthesis.addEventListener("voiceschanged", setVoice);
        setVoice();
      }

      function speak(text){
        if (!("speechSynthesis" in window)) return;

        if (!TAKOTA_W3_VOICE) {
          TAKOTA_W3_VOICE = pickW3Voice();
        }

        const u = new SpeechSynthesisUtterance(text);

        if (TAKOTA_W3_VOICE){
          u.voice = TAKOTA_W3_VOICE;
          u.lang  = TAKOTA_W3_VOICE.lang || "en-GB";
        } else {
          // 英語固定（日本語声に逃げない）
          u.lang = "en-GB";
        }

        u.rate = 0.95;
        u.pitch = 1.05;

        speechSynthesis.cancel();
        speechSynthesis.speak(u);
      }


      function showCard(i){
        const it=hwItems[i];
        imgEl.src=it.img;
        imgEl.alt=it.en;
        enEl.textContent=it.en;
        jpEl.style.display="none";
        jpEl.textContent=it.jp;
        if(soundOn) speak(it.en);
      }

      function shuffle(arr){
        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]];
        }
      }

      btnToggle.addEventListener("click",()=>{
        soundOn=!soundOn;
        btnToggle.textContent=soundOn?"🔊音声ON":"🔈音声OFF";
        if(soundOn) speak(hwItems[idx].en);
      });
      btnShow.addEventListener("click",()=> jpEl.style.display="block");
      btnNext.addEventListener("click",()=>{ idx=(idx+1)%hwItems.length; showCard(idx); });
      btnShuffle.addEventListener("click",()=>{ shuffle(hwItems); idx=0; showCard(idx); });

      showCard(idx);
    </script>
  </div>
</section>

<!-- 🔗 関連記事・次のレッスン -->
<section class="tacota-related" aria-label="関連記事">
  <style>
    .tacota-related{max-width:920px;margin:28px auto;padding:16px;background:#faf6ee;border:1px solid #f0e7d7;border-radius:18px;font-family:'Segoe UI','Noto Sans JP',sans-serif;color:#333}
    .tacota-related h3{margin:0 0 14px;font-size:1.2em;color:#1e3a8a}
    .tacota-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
    @media(max-width:820px){.tacota-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:520px){.tacota-grid{grid-template-columns:1fr}}
    .t-card{display:flex;flex-direction:column;background:#fff;border:1px solid #eee;border-radius:14px;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.05)}
    .t-thumb{aspect-ratio:16/9;background:#f4efe6}
    .t-thumb img{width:100%;height:100%;object-fit:cover;display:block}
    .t-body{padding:10px 12px}
    .t-title{font-weight:800;line-height:1.4}
    .t-desc{font-size:.92em;color:#555;margin-top:4px}
    .t-more{display:inline-block;margin:10px 12px 12px;padding:8px 12px;border-radius:10px;background:#1f2937;color:#fff;text-decoration:none;font-weight:700}
    .t-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
    .t-badge{font-size:.78em;background:#e8eefc;color:#234;padding:3px 8px;border-radius:999px}
  </style>

  <h3>🔗 関連記事・次のレッスン</h3>
  <div class="tacota-grid">
    <!-- What/Why/Which -->
    <article class="t-card">
      <a class="t-thumb" href="https://jouniorsankosodate.com/1706-2/">
        <img decoding="async" src="https://jouniorsankosodate.com/wp-content/uploads/2025/11/0c1c74f69bcdcc60401c7590ba274286.jpg" alt="タコタの英語レッスン｜What／Why／Which 編">
      </a>
      <div class="t-body">
        <div class="t-title">🎨 What／Why／Which 編</div>
        <div class="t-badges"><span class="t-badge">12フレーズ</span><span class="t-badge">英国英語</span></div>
        <p class="t-desc">色・時間・曜日・好き/比較など、会話で使える表現をギュッと収録。</p>
      </div>
      <a class="t-more" href="https://jouniorsankosodate.com/1706-2/">▶ 開く</a>
    </article>

    <!-- 今ここ（How/When） -->
    <article class="t-card">
      <a class="t-thumb" href="#">
        <img decoding="async" src="https://jouniorsankosodate.com/wp-content/uploads/2025/11/ChatGPT-Image-how.webp" alt="タコタの英語レッスン｜How／When 編">
      </a>
      <div class="t-body">
        <div class="t-title">🕒 How／When 編（今ここ）</div>
        <div class="t-badges"><span class="t-badge">頻度/時間</span><span class="t-badge">英国英語</span></div>
        <p class="t-desc">How much／How often／When do you ～? など日常会話で役立つ11フレーズ。</p>
      </div>
      <a class="t-more" href="#">◎ 閲覧中</a>
    </article>

    <!-- Where/Who/Whose -->
    <article class="t-card">
      <a class="t-thumb" href="https://jouniorsankosodate.com/%e8%8b%b1%e6%a4%9c5%e7%b4%9a%e3%83%95%e3%83%a9%e3%83%83%e3%82%b7%e3%83%a5%e3%82%ab%e3%83%bc%e3%83%89%ef%bd%9c%e3%82%a4%e3%83%a9%e3%82%b9%e3%83%88x%e9%9f%b3%e5%a3%b0%e3%81%a7%e3%80%8cwhere/">
        <img decoding="async" src="https://jouniorsankosodate.com/wp-content/uploads/2025/11/07ae723e73be57ae5fdfb8d179e3ab7e.jpg" alt="タコタの英語レッスン｜Where／Who／Whose 編">
      </a>
      <div class="t-body">
        <div class="t-title">🐙 Where／Who／Whose 編</div>
        <div class="t-badges"><span class="t-badge">場所/人/所有</span><span class="t-badge">英国英語</span></div>
        <p class="t-desc">自己紹介や道案内で使える定番7フレーズ。イラストで直感的に覚えよう。</p>
      </div>
      <a class="t-more" href="https://jouniorsankosodate.com/%e8%8b%b1%e6%a4%9c5%e7%b4%9a%e3%83%95%e3%83%a9%e3%83%83%e3%82%b7%e3%83%a5%e3%82%ab%e3%83%bc%e3%83%89%ef%bd%9c%e3%82%a4%e3%83%a9%e3%82%b9%e3%83%88x%e9%9f%b3%e5%a3%b0%e3%81%a7%e3%80%8cwhere/">▶ 開く</a>
    </article>
  </div>

  <!-- シリーズ目次 -->
  <div style="text-align:center;margin-top:16px">
    <a class="t-more" href="https://jouniorsankosodate.com/category/learn/english-flash/">📚 シリーズ一覧へ</a>
  </div>
</section>



<p class="wp-block-paragraph">💡次回：Where／Who／Whose編はこちら！<br>シリーズ全体で「英検5級の5W1H」をマスターしよう✨</p>



<p class="wp-block-paragraph"></p>
<p>投稿 <a href="https://jouniorsankosodate.com/%e8%8b%b1%e6%a4%9c5%e7%b4%9a%e3%83%95%e3%83%a9%e3%83%83%e3%82%b7%e3%83%a5%e3%82%ab%e3%83%bc%e3%83%89%ef%bd%9c%e3%82%a4%e3%83%a9%e3%82%b9%e3%83%88x%e9%9f%b3%e5%a3%b0%e3%81%a7%e3%80%8chow%ef%bc%8fw/">英検5級フラッシュカード｜イラスト×音声で「How／When」質問フレーズを楽しくマスター！</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/%e8%8b%b1%e6%a4%9c5%e7%b4%9a%e3%83%95%e3%83%a9%e3%83%83%e3%82%b7%e3%83%a5%e3%82%ab%e3%83%bc%e3%83%89%ef%bd%9c%e3%82%a4%e3%83%a9%e3%82%b9%e3%83%88x%e9%9f%b3%e5%a3%b0%e3%81%a7%e3%80%8chow%ef%bc%8fw/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
