Menu
Memo(JA)
Notebook(JA)
建てる
build
営む
living
買う・借りる
rent/buy
まち
cities
法令
Law
Memo(EN)
Notebook
Japanese Cities & Development
Cities in Japan
Urban Planning in Japan
Urban Planning
Architecture & Law in Japan
Architecture & Law
About Kento-kun
kentokun
Privacy Policy
privacy-policy
Memo(JA)
Notebook(JA)
建てる
build
営む
living
買う・借りる
rent/buy
まち
cities
法令
Law
Memo(EN)
Notebook
Japanese Cities & Development
Cities in Japan
Urban Planning in Japan
Urban Planning
Architecture & Law in Japan
Architecture & Law
About Kento-kun
kentokun
Privacy Policy
privacy-policy
Memo(JA)
Memo(EN)
About Kento-kun
Privacy Policy
Kentoくん100問チャレンジ｜宅建・都市計画法
</noscript><iframe id="kento-city-planning-quiz-frame" title="Kentoくん100問チャレンジ 宅建・都市計画法" loading="eager" data-no-lazy="1" srcdoc="<!doctype html> <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Kentoくん100問チャレンジ｜宅建・都市計画法</title> <style> :root { --ink: #203142; --muted: #637487; --navy: #173b5e; --blue: #4b87c5; --sky: #e7f5ff; --cream: #fff8e8; --mint: #e5f5ec; --yellow: #ffe59a; --coral: #f1785b; --white: #fff; --line: #d9e3ec; --shadow: 0 18px 48px rgba(26, 59, 91, .12); } * { box-sizing: border-box; } [hidden] { display: none !important; } html { scroll-behavior: smooth; } body { margin: 0; color: var(--ink); font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", "Noto Sans JP", sans-serif; background: radial-gradient(circle at 8% 4%, rgba(255,229,154,.68) 0 78px, transparent 79px), radial-gradient(circle at 92% 6%, rgba(255,255,255,.9) 0 102px, transparent 103px), linear-gradient(180deg, #eaf7ff 0, #f8fcff 380px, #f5f8f3 100%); line-height: 1.75; } button, a { font: inherit; } button { touch-action: manipulation; } .quiz-shell { width: min(100% - 28px, 980px); margin: 0 auto; padding: 28px 0 58px; } .quiz-card { position: relative; overflow: hidden; min-height: 680px; background: rgba(255,255,255,.96); border: 1px solid rgba(217,227,236,.85); border-radius: 34px; box-shadow: var(--shadow); } .quiz-view { display: none; padding: clamp(24px, 5vw, 58px); } .quiz-view.is-active { display: block; animation: fade-up .35s ease both; } .eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 18px; padding: 7px 14px; color: var(--navy); background: var(--yellow); border-radius: 999px; font-size: 14px; font-weight: 800; letter-spacing: .08em; } h1, h2, p { margin-top: 0; } .nowrap { white-space: nowrap; } h1 { margin-bottom: 18px; font-size: clamp(36px, 6.2vw, 64px); line-height: 1.16; letter-spacing: -.045em; } h1 span { color: var(--blue); } h2 { font-size: clamp(26px, 4vw, 40px); line-height: 1.35; } .lead { max-width: 620px; color: var(--muted); font-size: clamp(16px, 2vw, 19px); } .intro-grid { display: block; max-width: 760px; } .mode-title { margin: 32px 0 12px; color: var(--navy); font-size: 17px; font-weight: 800; } .mode-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .mode-button { min-height: 102px; padding: 17px 20px; text-align: left; color: var(--ink); background: var(--white); border: 2px solid var(--line); border-radius: 20px; cursor: pointer; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; } .mode-button:hover, .mode-button:focus-visible { transform: translateY(-3px); border-color: var(--blue); box-shadow: 0 12px 24px rgba(75,135,197,.15); outline: none; } .mode-button strong { display: block; margin-bottom: 3px; color: var(--navy); font-size: 19px; } .mode-button small { color: var(--muted); font-size: 13px; } .quiz-note { margin: 18px 0 0; color: var(--muted); font-size: 13px; } .overall-progress { margin: 22px 0 0; padding: 18px; background: #f3f8fc; border: 1px solid var(--line); border-radius: 18px; } .overall-progress-row { display: flex; justify-content: space-between; gap: 16px; margin-bottom: 9px; color: var(--navy); font-weight: 800; } .overall-progress-row strong { color: var(--blue); } .overall-track { height: 10px; overflow: hidden; background: #dfe9f1; border-radius: 999px; } .overall-bar { width: 0; height: 100%; background: linear-gradient(90deg, var(--blue), #55a982); border-radius: inherit; transition: width .35s ease; } .reset-progress-button { margin-top: 12px; color: #536273; background: transparent; border-style: dashed; } .resume-button { display: none; width: 100%; margin-top: 14px; color: var(--white); background: linear-gradient(135deg, var(--navy), var(--blue)); border-color: transparent; box-shadow: 0 11px 24px rgba(35,69,99,.2); } .resume-button.is-visible { display: block; } .resume-button strong, .resume-button small { color: var(--white); } .resume-button small { opacity: .9; } .set-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 12px; } .set-button { position: relative; min-height: 100px; padding: 14px 70px 14px 15px; text-align: left; color: var(--navy); background: var(--white); border: 2px solid var(--line); border-radius: 16px; cursor: pointer; } .set-button:hover, .set-button:focus-visible { border-color: var(--blue); outline: none; } .set-button strong { display: block; margin-bottom: 4px; font-size: 16px; } .set-button small { display: block; color: var(--muted); font-size: 11px; line-height: 1.55; } .set-button-progress { position: absolute; top: 50%; right: 11px; width: 52px; padding: 6px 3px; color: var(--blue); background: #f2f7fb; border-radius: 10px; text-align: center; font-size: 10px; font-weight: 900; line-height: 1.35; transform: translateY(-50%); } .set-button.is-complete { background: var(--mint); border-color: #9bd0b8; } .set-button.is-current { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(75,135,197,.13); } .utility-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; } .utility-button { padding: 9px 15px; color: var(--navy); background: #fff; border: 1px solid var(--line); border-radius: 999px; font-size: 13px; font-weight: 800; cursor: pointer; } .utility-button:disabled { cursor: not-allowed; opacity: .45; } .coming-soon { display: inline-flex; align-items: center; min-height: 38px; padding: 7px 13px; color: var(--muted); background: rgba(255,255,255,.65); border: 1px dashed #aebdca; border-radius: 999px; font-size: 13px; font-weight: 750; } .learning-report { margin-top: 22px; padding: 22px; background: linear-gradient(135deg, #f4f9fd, #fffaf0); border: 1px solid #d8e5ef; border-radius: 22px; } .learning-report-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; } .learning-report-label { display: block; margin-bottom: 4px; color: var(--blue); font-size: 12px; font-weight: 900; letter-spacing: .08em; } .learning-report h3 { margin: 0; color: var(--navy); font-size: 22px; line-height: 1.4; } .learning-report-copy { margin: 7px 0 0; color: var(--muted); font-size: 14px; } .analysis-milestones { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 17px; } .analysis-milestone { position: relative; padding: 9px 6px; color: #7a8896; background: rgba(255,255,255,.72); border: 1px solid var(--line); border-radius: 12px; text-align: center; font-size: 11px; font-weight: 800; } .analysis-milestone strong { display: block; color: inherit; font-size: 16px; } .analysis-milestone.is-unlocked { color: var(--navy); background: var(--mint); border-color: #94cdb2; } .milestone-hanamaru { position: absolute; z-index: 2; top: -12px; right: -8px; display: grid; place-items: center; width: 38px; height: 38px; color: #9f3f35; background: #fffdf7; border: 3px double #b94f43; border-radius: 50%; box-shadow: 0 0 0 3px rgba(255,255,255,.92), 0 4px 9px rgba(47,62,76,.14); font-size: 10px; font-weight: 950; line-height: 1; letter-spacing: -.08em; transform: rotate(8deg); } .milestone-hanamaru::before, .milestone-hanamaru::after { position: absolute; z-index: -1; width: 30px; height: 30px; content: ""; border: 2px solid rgba(185,79,67,.55); border-radius: 45% 55% 48% 52%; transform: rotate(35deg); } .milestone-hanamaru::after { transform: rotate(80deg); } .analysis-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 17px; } .analysis-stat { padding: 13px; background: rgba(255,255,255,.82); border: 1px solid #dce7ef; border-radius: 14px; } .analysis-stat span { display: block; color: var(--muted); font-size: 11px; font-weight: 750; } .analysis-stat strong { display: block; color: var(--navy); font-size: 21px; } .analysis-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 13px; } .analysis-panel { padding: 15px; background: rgba(255,255,255,.78); border: 1px solid #dce7ef; border-radius: 15px; } .analysis-panel h4 { margin: 0 0 8px; color: var(--navy); font-size: 15px; } .analysis-panel p { margin: 0; color: #526476; font-size: 13px; } .analysis-rows { display: grid; gap: 9px; margin-top: 9px; } .analysis-row-head { display: flex; justify-content: space-between; gap: 10px; color: #46596b; font-size: 12px; } .analysis-row-head strong { color: var(--navy); } .analysis-score { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; } .analysis-status { padding: 2px 7px; color: #fff; background: #596575; border-radius: 999px; font-size: 10px; font-style: normal; font-weight: 900; } .analysis-row-track { height: 7px; overflow: hidden; background: #e4ebf1; border-radius: 999px; } .analysis-row-bar { height: 100%; background: var(--blue); border-radius: inherit; } .analysis-row-bar.is-strong { background: #4fa378; } .analysis-row-bar.is-review { background: repeating-linear-gradient(135deg, #596575 0 6px, #8993a0 6px 11px); } .analysis-review-button { width: 100%; min-height: 48px; margin-top: 12px; padding: 10px 18px; color: #fff; background: #465565; border: 0; border-radius: 999px; font-weight: 850; cursor: pointer; } .analysis-review-button:hover, .analysis-review-button:focus-visible { background: var(--navy); outline: 3px solid rgba(70,85,101,.22); } .analysis-celebration { margin-top: 14px; padding: 15px 17px; color: var(--navy); background: var(--yellow); border-radius: 15px; font-weight: 850; } .progress-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 12px; } .progress-label { color: var(--navy); font-weight: 800; } .score-label { color: var(--muted); font-size: 14px; } .question-overall-progress { display: flex; justify-content: space-between; gap: 12px; margin: -3px 0 8px; color: var(--muted); font-size: 12px; font-weight: 750; } .question-overall-progress strong { color: var(--blue); } .progress-track { height: 10px; margin-bottom: 28px; overflow: hidden; background: #e9eff4; border-radius: 999px; } .progress-bar { width: 10%; height: 100%; background: linear-gradient(90deg, var(--blue), #76b3dd); border-radius: inherit; transition: width .35s ease; } .question-meta { color: var(--blue); font-size: 14px; font-weight: 800; letter-spacing: .08em; } .question-text { margin: 10px 0 16px; font-size: clamp(22px, 3.7vw, 32px); font-weight: 750; line-height: 1.65; letter-spacing: .01em; } .answer-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .answer-button { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 82px; color: var(--navy); background: var(--sky); border: 0; border-radius: 22px; font-size: clamp(19px, 3vw, 25px); font-weight: 800; cursor: pointer; box-shadow: inset 0 0 0 1px rgba(75,135,197,.08); transition: transform .18s ease, background .18s ease, box-shadow .18s ease; } .answer-button[data-answer="false"] { color: #9b4a38; background: #fff0eb; } .answer-button:hover, .answer-button:focus-visible { transform: translateY(-2px); background: #d9efff; box-shadow: 0 10px 22px rgba(75,135,197,.16); outline: none; } .answer-button[data-answer="false"]:hover, .answer-button[data-answer="false"]:focus-visible { background: #ffe1d8; box-shadow: 0 10px 22px rgba(241,120,91,.14); } .answer-icon { display: inline-grid; place-items: center; width: 38px; height: 38px; font-size: 36px; font-weight: 700; line-height: 1; } .answer-button:disabled { cursor: default; opacity: .58; transform: none; } .feedback { display: none; grid-template-columns: 92px minmax(0, 1fr); gap: 20px; align-items: center; margin-top: 24px; padding: 22px; border-radius: 22px; } .feedback.is-visible { display: grid; animation: pop .28s ease both; } .feedback.is-correct { background: var(--mint); } .feedback.is-wrong { background: #fff0eb; } .feedback-mark { display: grid; place-items: center; width: 72px; height: 72px; color: var(--white); background: #2d916d; border-radius: 50%; font-size: 38px; font-weight: 900; } .feedback.is-wrong .feedback-mark { background: var(--coral); } .feedback-title { margin: 0 0 4px; font-size: 23px; line-height: 1.35; } .feedback-copy { margin: 0; color: #435466; } .feedback-actions { display: flex; grid-column: 1 / -1; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 4px; } .next-button, .restart-button { min-height: 50px; padding: 11px 24px; color: var(--white); background: var(--navy); border: 0; border-radius: 999px; font-weight: 800; cursor: pointer; box-shadow: 0 8px 18px rgba(23,59,94,.18); } .next-button:hover, .next-button:focus-visible, .restart-button:hover, .restart-button:focus-visible { background: #245579; outline: 3px solid rgba(75,135,197,.25); } .article-link { color: var(--blue); font-weight: 750; text-underline-offset: 4px; } .result-hero { padding: clamp(22px, 4vw, 38px); background: linear-gradient(135deg, #f0f9ff, #fffaf0); border: 1px solid #d7e9f7; border-radius: 28px; } .result-top { display: grid; grid-template-columns: minmax(0, 1fr) 270px; gap: 34px; align-items: center; } .result-top h2 { margin-bottom: 16px; font-size: clamp(26px, 3.4vw, 36px); } .result-top h2:focus { outline: none; } .score-row { display: flex; align-items: center; gap: 22px; } .score-circle { display: grid; flex: 0 0 auto; place-items: center; width: 176px; height: 176px; margin: 4px 0; background: var(--white); border: 12px solid #c9e7fb; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(75,135,197,.08); } .score-number { color: var(--navy); font-size: 51px; font-weight: 900; line-height: 1; } .score-number small { font-size: 20px; } .result-facts { display: grid; gap: 8px; min-width: 180px; } .result-fact { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding-bottom: 8px; border-bottom: 1px solid #dce8f1; color: var(--muted); font-size: 14px; } .result-fact strong { color: var(--navy); font-size: 20px; } .result-meter { height: 10px; margin-top: 14px; overflow: hidden; background: #e4edf4; border-radius: 999px; } .result-meter-bar { width: 0; height: 100%; background: linear-gradient(90deg, var(--blue), #55a982); border-radius: inherit; transition: width .55s ease; } .result-message { max-width: 600px; margin: 18px 0 0; color: #4e6072; font-size: 17px; } .result-kento-wrap { position: relative; display: grid; place-items: center; min-height: 310px; padding-top: 48px; } .kento-speech { position: absolute; z-index: 2; top: 0; left: 0; margin: 0; padding: 10px 15px; color: var(--navy); background: var(--white); border: 2px solid #bdddf4; border-radius: 18px; font-size: 16px; font-weight: 900; line-height: 1.35; box-shadow: 0 8px 18px rgba(31,60,88,.1); } .kento-speech::after { position: absolute; right: 22px; bottom: -10px; width: 16px; height: 16px; content: ""; background: var(--white); border-right: 2px solid #bdddf4; border-bottom: 2px solid #bdddf4; transform: rotate(45deg); } .result-kento { width: 100%; max-height: 330px; object-fit: contain; filter: drop-shadow(0 16px 18px rgba(31,60,88,.14)); } .result-kento.perfect { animation: cheer .8s ease-in-out infinite alternate; } .result-kento.good { animation: float 2.8s ease-in-out infinite; } .result-kento.retry { animation: nod 2.2s ease-in-out infinite; } .result-next { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; margin-top: 24px; padding: 20px 22px; background: var(--cream); border: 1px solid #f0dfad; border-radius: 20px; } .result-next-label { display: block; margin-bottom: 3px; color: #9b6b00; font-size: 12px; font-weight: 900; letter-spacing: .08em; } .result-next h3 { margin: 0 0 4px; color: var(--navy); font-size: 20px; } .result-next p { margin: 0; color: var(--muted); font-size: 14px; } .result-next-link { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 10px 18px; color: var(--white); background: var(--blue); border-radius: 999px; font-weight: 800; text-decoration: none; white-space: nowrap; } .result-next-link:hover, .result-next-link:focus-visible { background: var(--navy); outline: 3px solid rgba(75,135,197,.22); } .achievement-goods { position: relative; display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 28px; align-items: center; margin-top: 30px; padding: 26px; overflow: hidden; background: linear-gradient(135deg, #edf7ff 0%, #fff9e6 100%); border: 2px solid #f0ce62; border-radius: 26px; box-shadow: 0 16px 34px rgba(35,69,99,.11); } .achievement-goods::before { position: absolute; top: -66px; right: -42px; width: 180px; height: 180px; content: ""; background: rgba(244,206,63,.22); border-radius: 50%; } .achievement-goods-visual { position: relative; z-index: 1; display: grid; place-items: center; min-height: 220px; padding: 12px; background: rgba(255,255,255,.76); border: 1px solid rgba(196,216,231,.9); border-radius: 20px; } .achievement-goods-visual img { display: block; width: 100%; height: 220px; object-fit: contain; filter: drop-shadow(0 12px 14px rgba(35,69,99,.15)); } .achievement-goods-copy { position: relative; z-index: 1; } .achievement-goods-label { display: inline-flex; margin-bottom: 10px; padding: 6px 11px; color: var(--white); background: var(--navy); border-radius: 999px; font-size: 12px; font-weight: 900; letter-spacing: .08em; } .achievement-goods h3 { margin: 0 0 9px; color: var(--navy); font-size: clamp(23px, 3vw, 31px); line-height: 1.4; } .achievement-goods p { margin: 0 0 16px; color: #4d6071; font-size: 15px; } .achievement-goods-link { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 11px 20px; color: var(--white); background: #c44736; border-radius: 999px; font-weight: 900; text-decoration: none; box-shadow: 0 9px 20px rgba(196,71,54,.2); } .achievement-goods-link:hover, .achievement-goods-link:focus-visible { background: #9d3226; outline: 3px solid rgba(196,71,54,.22); } .achievement-goods-note { display: block; margin-top: 11px; color: var(--muted); font-size: 11px; line-height: 1.65; } .review { margin-top: 32px; } .review h3 { margin-bottom: 13px; color: var(--navy); font-size: 21px; } .review-list { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; } .review-item { padding: 15px 17px; background: #f7f9fb; border-left: 5px solid var(--coral); border-radius: 12px; } .review-item strong { display: block; margin-bottom: 3px; color: var(--navy); } .review-item p { margin: 0 0 6px; color: #4d5f70; font-size: 14px; } .review-item a { color: var(--blue); font-size: 13px; font-weight: 750; } .review-perfect { padding: 18px 20px; background: var(--mint); border-radius: 16px; } .review-perfect p { margin: 0; } .result-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--line); } .restart-button.mistakes { background: var(--coral); } .restart-button.mistakes:hover, .restart-button.mistakes:focus-visible { background: #c85941; } .restart-button.secondary { color: var(--navy); background: var(--white); border: 2px solid var(--navy); box-shadow: none; } .restart-button.secondary:hover { color: var(--white); background: var(--navy); } .legal-note { margin: 22px 0 0; color: var(--muted); font-size: 12px; } @keyframes fade-up { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } } @keyframes pop { from { opacity: 0; transform: scale(.97); } to { opacity: 1; transform: scale(1); } } @keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } @keyframes cheer { from { transform: translateY(0) rotate(-1deg); } to { transform: translateY(-10px) rotate(1deg); } } @keyframes nod { 0%,100% { transform: rotate(0); } 45% { transform: rotate(1.5deg); } 55% { transform: rotate(-1.5deg); } } @media (max-width: 720px) { .quiz-shell { width: min(100% - 16px, 980px); padding-top: 10px; } .quiz-card { min-height: 650px; border-radius: 24px; } .quiz-view { padding: 24px 18px 30px; } .result-hero { padding: 20px 16px; } .result-top { grid-template-columns: 1fr; gap: 14px; } .result-kento-wrap { min-height: 245px; padding-top: 42px; order: -1; } .kento-speech { left: 8px; font-size: 15px; } .mode-grid { grid-template-columns: 1fr; } .mode-button { min-height: 86px; } .set-grid { grid-template-columns: 1fr; } .learning-report { padding: 18px 15px; } .learning-report-header { display: block; } .analysis-milestones { grid-template-columns: repeat(2, minmax(0, 1fr)); } .analysis-summary, .analysis-grid { grid-template-columns: 1fr; } .progress-row { align-items: flex-start; } .progress-label { max-width: 68%; } .question-text { margin-bottom: 14px; font-size: 21px; } .answer-grid { gap: 10px; } .answer-button { min-height: 72px; padding: 10px 8px; font-size: 18px; } .feedback { grid-template-columns: 52px minmax(0, 1fr); gap: 13px; padding: 17px 15px; } .feedback-mark { width: 48px; height: 48px; font-size: 27px; } .feedback-title { font-size: 19px; } .feedback-copy { font-size: 14px; } .feedback-actions { grid-column: 1 / -1; } .next-button { flex: 1 1 100%; } .result-kento { width: 210px; height: 230px; margin: 0 auto; } .score-row { align-items: stretch; gap: 14px; } .score-circle { width: 145px; height: 145px; border-width: 10px; } .score-number { font-size: 43px; } .result-facts { min-width: 0; flex: 1; } .result-fact { gap: 8px; } .result-fact strong { font-size: 18px; } .result-next { grid-template-columns: 1fr; padding: 18px; } .result-next-link { width: 100%; } .achievement-goods { grid-template-columns: 1fr; gap: 16px; padding: 20px 17px; text-align: center; } .achievement-goods-visual { min-height: 190px; } .achievement-goods-visual img { height: 190px; } .achievement-goods-link { width: 100%; } .result-actions > * { flex: 1 1 100%; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; } } </style> </head> <body> <main class="quiz-shell"> <section class="quiz-card" aria-label="Kentoくん100問チャレンジ"> <div id="introView" class="quiz-view is-active"> <div class="intro-grid"> <div> <p class="eyebrow">宅建・都市計画法</p> <h1>Kentoくん<br><span>100問チャレンジ</span></h1> <p class="lead">都市計画法を10問ずつ、全10セットで攻略しよう。回答後はすべての問題に短い解説が表示され、詳しい記事が未公開の問題は「Coming Soon」と案内します。</p> <div class="overall-progress" aria-label="100問の学習進捗"> <div class="overall-progress-row"><span>学習済み</span><strong id="overallProgressLabel">0 / 100問</strong></div> <div class="overall-track" aria-hidden="true"><div id="overallProgressBar" class="overall-bar"></div></div> <button id="resetProgressButton" class="utility-button reset-progress-button" type="button">100問の学習記録をリセット</button> </div> <div id="introAchievementSlot"></div> <section id="learningReportIntro" class="learning-report" aria-label="回答傾向分析" aria-live="polite"></section> <button id="resumeButton" class="mode-button resume-button" type="button"><strong>前回の続きから</strong><small id="resumeCopy">保存した問題から再開</small></button> <p class="mode-title">挑戦するモードを選んでね</p> <div class="mode-grid"> <button class="mode-button" type="button" data-mode="today"> <strong>今日の10問</strong> <small>まだ答えていない問題を優先</small> </button> <button class="mode-button" type="button" data-mode="random"> <strong>ランダム10問</strong> <small>未回答を優先し、100問を一巡</small> </button> </div> <p class="mode-title">セットを選ぶ</p> <div id="setGrid" class="set-grid" aria-label="10問セット一覧"></div> <div class="utility-actions"> <button id="mistakeModeButton" class="utility-button" type="button">間違えた問題から10問</button> </div> <p class="quiz-note">回答のたびにこの端末へ自動保存します。別の端末・ブラウザやプライベートモードには引き継がれません。問題IDの「CP」はCity Planning（都市計画）の略です。</p> </div> </div> </div> <div id="questionView" class="quiz-view"> <div class="progress-row"> <span id="progressLabel" class="progress-label">第1問 / 10</span> <span id="scoreLabel" class="score-label">現在 0問正解</span> </div> <div class="question-overall-progress"><span>100問の達成状況</span><strong id="questionOverallProgress">0 / 100問（0%）</strong></div> <div class="progress-track" aria-hidden="true"><div id="progressBar" class="progress-bar"></div></div> <p id="questionMeta" class="question-meta"></p> <h2 id="questionText" class="question-text"></h2> <div class="answer-grid" aria-label="回答を選択"> <button class="answer-button" type="button" data-answer="true"><span class="answer-icon">○</span>正しい</button> <button class="answer-button" type="button" data-answer="false"><span class="answer-icon">×</span>誤り</button> </div> <div id="feedback" class="feedback" role="status" aria-live="polite"> <div id="feedbackMark" class="feedback-mark"></div> <div> <h3 id="feedbackTitle" class="feedback-title"></h3> <p id="feedbackCopy" class="feedback-copy"></p> </div> <div class="feedback-actions"> <button id="nextButton" class="next-button" type="button">次の問題へ</button> <a id="articleLink" class="article-link" href="#" target="_blank" rel="noopener">詳しい解説記事を読む</a> <span id="articleComingSoon" class="coming-soon" hidden>詳しい解説記事は準備中 / Coming Soon</span> </div> </div> </div> <div id="resultView" class="quiz-view"> <div class="result-hero"> <div class="result-top"> <div> <p class="eyebrow">チャレンジ完了</p> <h2 id="resultTitle" tabindex="-1">おつかれさまでした！</h2> <div class="score-row"> <div id="scoreCircle" class="score-circle" aria-label="得点"> <div id="scoreNumber" class="score-number">0<small>/10</small></div> </div> <div class="result-facts" aria-label="今回の結果"> <div class="result-fact"><span>正解率</span><strong id="resultPercent">0%</strong></div> <div class="result-fact"><span>正解</span><strong id="resultCorrect">0問</strong></div> <div class="result-fact"><span>復習候補</span><strong id="resultMistakes">0問</strong></div> <div class="result-meter" aria-hidden="true"><div id="resultMeterBar" class="result-meter-bar"></div></div> </div> </div> <p id="resultMessage" class="result-message"></p> </div> <div class="result-kento-wrap"> <p id="resultSpeech" class="kento-speech">よく頑張ったね！</p> <img id="resultKento" class="result-kento" data-src="https://kentokun-urbanlife.com/wp-content/uploads/2024/06/%E3%83%9D%E3%83%BC%E3%82%BA2-e1721024265922.png" alt="挑戦をねぎらうKentoくん" data-perfect-idle="https://kentokun-urbanlife.com/wp-content/uploads/2026/08/kento-quiz-result-perfect-idle-v2-2026.png" data-perfect-blink="https://kentokun-urbanlife.com/wp-content/uploads/2026/08/kento-quiz-result-perfect-blink-v2-2026.png" data-perfect-talk="https://kentokun-urbanlife.com/wp-content/uploads/2026/08/kento-quiz-result-perfect-talk-v2-2026.png" data-high-blink="https://kentokun-urbanlife.com/wp-content/uploads/2026/08/kento-quiz-result-high-left-blink-v2-2026.png" data-fight-blink="https://kentokun-urbanlife.com/wp-content/uploads/2026/08/kento-quiz-result-fight-megaphone-blink-v2-2026.png" data-retry-blink="https://kentokun-urbanlife.com/wp-content/uploads/2026/08/kento-quiz-result-retry-blink-v2-2026.png"> </div> </div> </div> <div id="resultAchievementSlot"> <section id="achievementGoods" class="achievement-goods" aria-labelledby="achievementGoodsTitle" hidden> <div class="achievement-goods-visual"> <img data-src="https://kentokun-urbanlife.com/wp-content/uploads/2026/08/kento-city-planning-100-achievement-stand-20736795.webp" alt="2026年度宅建士試験・都市計画法100問達成記念Kentoくんアクリルスタンドの商品イメージ" width="500" height="500" loading="eager" decoding="async" fetchpriority="high" data-no-lazy="1" data-skip-lazy="1"> </div> <div class="achievement-goods-copy"> <span class="achievement-goods-label">100 / 100 ACHIEVED</span> <h3 id="achievementGoodsTitle">都市計画法100問、<span class="nowrap">達成！</span></h3> <p>全100問を学習した方が購入できる、達成者向けデザインのKentoくんアクリルスタンドです。</p> <a id="achievementGoodsLink" class="achievement-goods-link" href="https://suzuri.jp/Kentokun_kenchikutoshi/20736795/acrylic-stand/50mm/clear" target="_blank" rel="noopener noreferrer">SUZURIでアクスタを購入する</a> <small class="achievement-goods-note">有料商品です。SUZURIの商品ページへ移動します。SUZURIの仕様上、商品ページ自体は公開されています。</small> </div> </section> </div> <div class="result-next" aria-labelledby="resultNextTitle"> <div> <span class="result-next-label">次の一歩</span> <h3 id="resultNextTitle">復習ポイントを確認しよう</h3> <p id="resultNextCopy">今回の結果に合わせて、次に見る内容を案内します。</p> </div> <a id="resultNextLink" class="result-next-link" href="https://kentokun-urbanlife.com/takken-2026-city-planning-law-trends/" target="_blank" rel="noopener">確認する</a> </div> <div id="review" class="review"></div> <section id="learningReportResult" class="learning-report" aria-label="回答傾向分析" aria-live="polite"></section> <div class="result-actions"> <button id="retryMistakesButton" class="restart-button mistakes" type="button" hidden>間違えた問題だけ復習</button> <button class="restart-button" type="button" data-restart="random">別のランダム10問</button> <button class="restart-button secondary" type="button" data-return-home>セット一覧へ戻る</button> </div> <p class="legal-note">法令基準日：各解説記事に記載。法改正後は、リンク先の更新情報も確認してください。</p> </div> </section> </main> <script> (() => { const restoreEagerImages = () => { document.querySelectorAll('img[data-src][data-no-lazy="1"]').forEach(img => { const lazySrc = img.getAttribute("data-src"); if (!img.getAttribute("src") && lazySrc) img.setAttribute("src", lazySrc); }); }; restoreEagerImages(); const schemaVersion = "2026.1"; const legalEffectiveDate = "2026-04-01"; const questions = [ { "id": "cp-001", "set": 1, "theme": "高度地区", "topic": "地域地区", "difficulty": "基礎", "trap": "制度定義", "text": "高度地区は、用途地域内において、市街地の環境を維持し、または土地利用の増進を図るため、建築物の高さの最高限度または最低限度を定める地区である。", "answer": true, "explanation": "高度地区は用途地域内に定め、建築物の高さの最高限度または最低限度を定めます。高度利用地区との混同に注意しましょう。", "basis": [ "都市計画法第9条第18項" ], "articleUrl": "https://kentokun-urbanlife.com/koudo-chiku-height-limit/", "articleStatus": "published" }, { "id": "cp-002", "set": 1, "theme": "特定街区", "topic": "地域地区", "difficulty": "基礎", "trap": "規制項目", "text": "特定街区では、都市計画により、建築物の容積率、高さの最高限度、壁面の位置の制限を定める。", "answer": true, "explanation": "特定街区で定める基本の3点は、容積率、高さの最高限度、壁面の位置の制限です。", "basis": [ "都市計画法第8条第3項第2号リ", "都市計画法第9条第20項" ], "articleUrl": "https://kentokun-urbanlife.com/tokutei-gaiku-three-rules/", "articleStatus": "published" }, { "id": "cp-003", "set": 1, "theme": "準住居地域", "topic": "用途地域", "difficulty": "基礎", "trap": "制度目的", "text": "準住居地域は、道路沿道の特性に適した業務の利便を高めながら、その業務と調和する住居環境を守るために定める用途地域である。", "answer": true, "explanation": "準住居地域は、道路沿道の業務の利便と、それに調和した住居環境の保護を両立させる用途地域です。", "basis": [ "都市計画法第9条第7項" ], "articleUrl": "https://kentokun-urbanlife.com/jun-jukyo-chiiki-guide/", "articleStatus": "published" }, { "id": "cp-004", "set": 1, "theme": "特別用途地区", "topic": "地域地区", "difficulty": "基礎", "trap": "類似制度", "text": "特別用途地区は、用途地域が定められていない土地の区域で、地域の特性に応じて制限すべき建築物などの用途の概要を定める地区である。", "answer": false, "explanation": "この説明は特定用途制限地域です。特別用途地区は、用途地域内で用途制限を補完するために定めます。", "basis": [ "都市計画法第9条第14項・第15項" ], "articleUrl": "https://kentokun-urbanlife.com/tokubetsu-yoto-chiku-guide/", "articleStatus": "published" }, { "id": "cp-005", "set": 1, "theme": "準都市計画区域の開発許可", "topic": "開発許可の要否", "difficulty": "標準", "trap": "面積基準", "text": "準都市計画区域内で、店舗を建築するため、4,000㎡の土地について区画形質の変更を行う場合、原則として開発許可を受けなければならない。", "answer": true, "explanation": "準都市計画区域では、条例による別基準がなければ3,000㎡以上の開発行為が許可対象です。4,000㎡は基準以上です。", "basis": [ "都市計画法第29条第1項第1号", "都市計画法施行令第19条" ], "articleUrl": "https://kentokun-urbanlife.com/quasi-city-planning-development-permit/", "articleStatus": "published" }, { "id": "cp-006", "set": 1, "theme": "市街化区域の農家住宅", "topic": "開発許可の適用除外", "difficulty": "標準", "trap": "区域条件", "text": "市街化区域内で、農業を営む人の住宅を建てるため、1,500㎡の土地について区画形質の変更を行う場合、開発許可を受けなくてもよい。", "answer": false, "explanation": "農家住宅の適用除外は市街化調整区域などでの例外です。市街化区域では、農家住宅という理由だけで許可不要にはなりません。", "basis": [ "都市計画法第29条第1項第2号" ], "articleUrl": "https://kentokun-urbanlife.com/city-area-farmer-house-development-permit/", "articleStatus": "published" }, { "id": "cp-007", "set": 1, "theme": "第二種特定工作物", "topic": "開発行為の定義", "difficulty": "標準", "trap": "1ha基準", "text": "市街化調整区域内で、観客席などの建築物を設けない9,000㎡の民間野球場をつくるため土地の区画形質を変更する場合、開発許可を受けなければならない。", "answer": false, "explanation": "建築物のない9,000㎡の野球場は1ha未満で、第二種特定工作物に当たりません。この目的だけでは都市計画法上の開発行為になりません。", "basis": [ "都市計画法第4条第11項・第12項", "都市計画法施行令第1条第2項" ], "articleUrl": "https://kentokun-urbanlife.com/baseball-field-development-permit-1ha/", "articleStatus": "published" }, { "id": "cp-008", "set": 1, "theme": "市街化調整区域の病院", "topic": "開発許可の適用除外", "difficulty": "標準", "trap": "公益施設", "text": "市街化調整区域内で、病院を建築するため、1,200㎡の土地について区画形質の変更を行う場合、開発許可を受ける必要はない。", "answer": false, "explanation": "病院は現在、開発許可の適用除外施設ではありません。市街化調整区域では規模による適用除外もないため、開発許可が必要です。", "basis": [ "都市計画法第29条第1項第3号", "都市計画法施行令第21条第26号ハ" ], "articleUrl": "https://kentokun-urbanlife.com/urbanization-control-area-hospital-development-permit/", "articleStatus": "published" }, { "id": "cp-009", "set": 1, "theme": "少なくとも定める都市施設", "topic": "都市施設", "difficulty": "基礎", "trap": "施設の入替え", "text": "市街化区域と区域区分を定めていない都市計画区域では、都市計画として少なくとも、道路・病院・下水道を定めることとされている。", "answer": false, "explanation": "正しい組合せは道路・公園・下水道です。病院も都市施設ですが、『少なくとも定める3施設』には含まれません。", "basis": [ "都市計画法第13条第1項第11号" ], "articleUrl": "https://kentokun-urbanlife.com/minimum-urban-facilities-road-park-sewer/", "articleStatus": "published" }, { "id": "cp-010", "set": 1, "theme": "市街地開発事業", "topic": "市街地開発事業", "difficulty": "基礎", "trap": "指定区域", "text": "市街化調整区域では、市街地開発事業を都市計画に定めることはできない。", "answer": true, "explanation": "市街地開発事業を定められるのは、市街化区域または区域区分が定められていない都市計画区域です。市街化調整区域は対象外です。", "basis": [ "都市計画法第13条第1項第13号" ], "articleUrl": "https://kentokun-urbanlife.com/urban-development-projects-control-area/", "articleStatus": "published" }, { "id": "cp-011", "set": 2, "theme": "都市計画区域の指定主体", "topic": "都市計画区域", "difficulty": "基礎", "trap": "主体と手続", "text": "一つの都道府県内で完結する都市計画区域は、関係市町村が指定し、都道府県知事の同意を得る。", "answer": false, "explanation": "原則として指定するのは都道府県です。関係市町村などの意見を聴き、国土交通大臣と協議して同意を得ます。", "basis": [ "都市計画法第5条第1項・第3項" ], "articleUrl": "https://kentokun-urbanlife.com/city-planning-area-designation-authority/", "articleStatus": "published" }, { "id": "cp-012", "set": 2, "theme": "準都市計画区域の高度地区", "topic": "準都市計画区域", "difficulty": "標準", "trap": "定められる地域地区", "text": "準都市計画区域では、高度地区を都市計画に定めることはできない。", "answer": false, "explanation": "準都市計画区域でも高度地区は定められます。ただし用途地域内で、建築物の高さの最高限度だけを定めます。", "basis": [ "都市計画法第8条第2項・第3項第2号ト", "都市計画法第9条第18項" ], "articleUrl": "https://kentokun-urbanlife.com/quasi-city-planning-area-height-district/", "articleStatus": "published" }, { "id": "cp-013", "set": 2, "theme": "非常災害の応急措置", "topic": "開発許可の適用除外", "difficulty": "標準", "trap": "目的と面積", "text": "市街化調整区域で、非常災害に必要な応急措置として7,500㎡の土地の区画形質を変更するときは、あらかじめ開発許可を受けなければならない。", "answer": false, "explanation": "非常災害のため必要な応急措置として行う開発行為は、区域や面積にかかわらず開発許可を要しません。", "basis": [ "都市計画法第29条第1項第10号" ], "articleUrl": "https://kentokun-urbanlife.com/emergency-measures-development-permit/", "articleStatus": "published" }, { "id": "cp-014", "set": 2, "theme": "市町村を越える都市計画区域", "topic": "都市計画区域", "difficulty": "基礎", "trap": "行政区域との関係", "text": "都市計画区域は、一つの市町村の行政区域を越えて指定することができる。", "answer": true, "explanation": "一体の都市として整備・開発・保全する必要があれば、市町村の区域外にわたって指定できます。", "basis": [ "都市計画法第5条第1項後段" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-015", "set": 2, "theme": "準都市計画区域の指定手続", "topic": "準都市計画区域", "difficulty": "標準", "trap": "同意の有無", "text": "都道府県が準都市計画区域を指定するときは、国土交通大臣と協議し、その同意を得なければならない。", "answer": false, "explanation": "準都市計画区域では、関係市町村と都道府県都市計画審議会の意見を聴きますが、国土交通大臣の同意は法定されていません。", "basis": [ "都市計画法第5条の2第2項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-016", "set": 2, "theme": "都市計画基礎調査", "topic": "都市計画区域", "difficulty": "基礎", "trap": "調査周期", "text": "都道府県は、都市計画区域について、おおむね5年ごとに都市計画に関する基礎調査を行う。", "answer": true, "explanation": "都市計画区域の基礎調査は、おおむね5年ごとです。人口、土地利用、交通量などの現況と将来見通しを調べます。", "basis": [ "都市計画法第6条第1項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-017", "set": 2, "theme": "区域区分", "topic": "区域区分", "difficulty": "基礎", "trap": "義務と任意", "text": "すべての都市計画区域では、市街化区域と市街化調整区域との区域区分を必ず定めなければならない。", "answer": false, "explanation": "区域区分は必要に応じて定めるのが原則で、法律・政令で指定された大都市圏などでは必ず定めます。", "basis": [ "都市計画法第7条第1項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-018", "set": 2, "theme": "市街化区域の定義", "topic": "区域区分", "difficulty": "基礎", "trap": "年数", "text": "市街化区域には、すでに市街地を形成している区域のほか、おおむね10年以内に優先的かつ計画的に市街化を図るべき区域が含まれる。", "answer": true, "explanation": "市街化区域は、既成市街地と、おおむね10年以内に優先的・計画的に市街化を図る区域です。", "basis": [ "都市計画法第7条第2項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-019", "set": 2, "theme": "市街化調整区域の定義", "topic": "区域区分", "difficulty": "基礎", "trap": "制度目的", "text": "市街化調整区域は、市街化を抑制すべき区域である。", "answer": true, "explanation": "市街化調整区域は市街化を抑制すべき区域です。この目的が、開発行為に追加の立地基準が設けられる理由につながります。", "basis": [ "都市計画法第7条第3項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-020", "set": 2, "theme": "都市計画区域マスタープラン", "topic": "都市計画方針", "difficulty": "基礎", "trap": "必須事項", "text": "都市計画区域については、都市計画に『都市計画区域の整備、開発及び保全の方針』を定める。", "answer": true, "explanation": "いわゆる都市計画区域マスタープランは、都市計画区域ごとに定めるものです。区域区分の有無や方針などを示します。", "basis": [ "都市計画法第6条の2第1項・第2項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-021", "set": 3, "theme": "特別用途地区の目的", "topic": "地域地区", "difficulty": "基礎", "trap": "制度定義", "text": "特別用途地区は、用途地域内で、地域の特性にふさわしい土地利用などの特別な目的を実現するため、用途地域の指定を補完して定める。", "answer": true, "explanation": "特別用途地区は用途地域内に定め、用途地域による全国共通の制限を地域の目的に合わせて補完します。", "basis": [ "都市計画法第9条第14項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-022", "set": 3, "theme": "特定用途制限地域", "topic": "地域地区", "difficulty": "標準", "trap": "指定区域", "text": "特定用途制限地域は、用途地域が定められていない市街化調整区域にも定めることができる。", "answer": false, "explanation": "特定用途制限地域は用途地域のない土地に定めますが、市街化調整区域は除かれます。", "basis": [ "都市計画法第9条第15項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-023", "set": 3, "theme": "田園住居地域", "topic": "用途地域", "difficulty": "基礎", "trap": "制度目的", "text": "田園住居地域は、農業の利便を高めながら、それと調和した低層住宅の良好な住居環境を守るために定める。", "answer": true, "explanation": "田園住居地域は、農業の利便と低層住宅の良好な環境を両立させる用途地域です。", "basis": [ "都市計画法第9条第8項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-024", "set": 3, "theme": "第一種低層住居専用地域", "topic": "用途地域", "difficulty": "基礎", "trap": "主としての有無", "text": "第一種低層住居専用地域は、主として低層住宅に係る良好な住居環境を保護するために定める。", "answer": false, "explanation": "『主として』が付くのは第二種低層住居専用地域です。第一種は『低層住宅に係る良好な住居の環境を保護』する地域です。", "basis": [ "都市計画法第9条第1項・第2項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-025", "set": 3, "theme": "第二種中高層住居専用地域", "topic": "用途地域", "difficulty": "基礎", "trap": "主としての有無", "text": "第二種中高層住居専用地域は、主として中高層住宅に係る良好な住居環境を保護するために定める。", "answer": true, "explanation": "第二種中高層住居専用地域の定義には『主として』が入ります。第一種との言葉の違いに注意しましょう。", "basis": [ "都市計画法第9条第4項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-026", "set": 3, "theme": "高度利用地区", "topic": "地域地区", "difficulty": "標準", "trap": "規制項目", "text": "高度利用地区では、建築物の高さの最高限度と最低限度を必ず定める。", "answer": false, "explanation": "高度利用地区で定める中心は、容積率の最高・最低限度、建蔽率の最高限度、建築面積の最低限度、壁面位置です。高さの上下限ではありません。", "basis": [ "都市計画法第8条第3項第2号チ", "都市計画法第9条第19項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-027", "set": 3, "theme": "高層住居誘導地区", "topic": "地域地区", "difficulty": "応用", "trap": "指定できる用途地域", "text": "高層住居誘導地区は、第一種住居地域や準住居地域、近隣商業地域など、法律で限定された用途地域内に定める。", "answer": true, "explanation": "高層住居誘導地区は、一定の住居系・近隣商業・準工業地域のうち、指定容積率などの要件を満たす区域に定めます。", "basis": [ "都市計画法第9条第17項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-028", "set": 3, "theme": "防火地域・準防火地域", "topic": "地域地区", "difficulty": "基礎", "trap": "制度目的", "text": "防火地域と準防火地域は、都市の風致を維持するために定める地域である。", "answer": false, "explanation": "防火地域・準防火地域は、市街地の火災の危険を防ぐために定めます。風致の維持は風致地区です。", "basis": [ "都市計画法第9条第21項・第22項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-029", "set": 3, "theme": "風致地区", "topic": "地域地区", "difficulty": "基礎", "trap": "制度目的", "text": "風致地区は、都市の風致を維持するために定める地区である。", "answer": true, "explanation": "風致地区の目的は都市の風致の維持です。建築や造成、木竹の伐採などは条例で規制できます。", "basis": [ "都市計画法第9条第22項", "都市計画法第58条第1項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-030", "set": 3, "theme": "準都市計画区域の特定街区", "topic": "準都市計画区域", "difficulty": "標準", "trap": "定められる地域地区", "text": "準都市計画区域では、特定街区を都市計画に定めることができる。", "answer": false, "explanation": "準都市計画区域で定められる地域地区は限定されており、特定街区は含まれません。", "basis": [ "都市計画法第8条第2項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-031", "set": 4, "theme": "区域外都市施設", "topic": "都市施設", "difficulty": "標準", "trap": "指定区域", "text": "特に必要があるときは、都市計画区域外でも道路や公園などの都市施設を都市計画に定めることができる。", "answer": true, "explanation": "都市施設は都市計画区域内が基本ですが、特に必要があるときは区域外にも定められます。", "basis": [ "都市計画法第11条第1項後段" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-032", "set": 4, "theme": "一団地の住宅施設", "topic": "都市施設", "difficulty": "標準", "trap": "戸数要件", "text": "40戸の集団住宅と附帯施設は、都市計画法上の『一団地の住宅施設』に該当する。", "answer": false, "explanation": "一団地の住宅施設は、50戸以上の集団住宅と附帯施設です。40戸では法の定義に達しません。", "basis": [ "都市計画法第11条第1項第8号" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-033", "set": 4, "theme": "最低限定める都市施設", "topic": "都市施設", "difficulty": "基礎", "trap": "施設の組合せ", "text": "市街化区域と区域区分のない都市計画区域では、少なくとも道路、公園、下水道を都市計画に定める。", "answer": true, "explanation": "この3施設は頻出の組合せです。病院や学校などに入れ替えた問題に注意しましょう。", "basis": [ "都市計画法第13条第1項第11号" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-034", "set": 4, "theme": "住居系用途地域の都市施設", "topic": "都市施設", "difficulty": "標準", "trap": "必須施設", "text": "住居系用途地域では、少なくとも病院を都市計画に定めなければならない。", "answer": false, "explanation": "法律が追加で定めるのは義務教育施設です。病院は都市施設ですが、この必須施設ではありません。", "basis": [ "都市計画法第13条第1項第11号" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-035", "set": 4, "theme": "市街地開発事業の区域", "topic": "市街地開発事業", "difficulty": "基礎", "trap": "指定区域", "text": "市街地開発事業は、市街化区域または区域区分が定められていない都市計画区域内に定める。", "answer": true, "explanation": "市街地開発事業を定められるのは、市街化区域または区域区分が定められていない都市計画区域です。したがって、市街化を抑制すべき市街化調整区域には定められません。", "basis": [ "都市計画法第13条第1項第13号" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-036", "set": 4, "theme": "準都市計画区域の地区計画", "topic": "地区計画", "difficulty": "標準", "trap": "対象区域", "text": "準都市計画区域では、土地利用を整序するため地区計画を定めることができる。", "answer": false, "explanation": "地区計画等を定められるのは都市計画区域です。準都市計画区域で定められる地域地区の一覧とも区別しましょう。", "basis": [ "都市計画法第12条の4第1項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-037", "set": 4, "theme": "市街化調整区域の地区計画", "topic": "地区計画", "difficulty": "標準", "trap": "指定区域", "text": "市街化調整区域でも、周辺の市街化を促進しないなどの基準を満たすように地区計画を定めることができる。", "answer": true, "explanation": "市街化調整区域でも地区計画は可能ですが、計画的な市街化に支障がないよう定める必要があります。", "basis": [ "都市計画法第13条第1項第15号イ" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-038", "set": 4, "theme": "地区施設", "topic": "地区計画", "difficulty": "標準", "trap": "都市計画施設との関係", "text": "地区施設として定める道路や公園は、すでに都市計画施設として定められているものに限られる。", "answer": false, "explanation": "地区施設は、都市計画施設以外の道路、公園、緑地、広場などです。両者を同じものと考えないようにしましょう。", "basis": [ "都市計画法第12条の5第2項第1号イ", "都市計画法施行令第7条の4" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-039", "set": 4, "theme": "地区整備計画の垣・さく", "topic": "地区計画", "difficulty": "標準", "trap": "定められる事項", "text": "地区整備計画では、垣またはさくの構造を制限することができる。", "answer": true, "explanation": "地区整備計画の建築物等に関する事項には、垣・さくの構造の制限も含まれます。", "basis": [ "都市計画法第12条の5第7項第2号", "都市計画法施行令第7条の6" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-040", "set": 4, "theme": "土地区画整理事業", "topic": "市街地開発事業", "difficulty": "基礎", "trap": "事業の種類", "text": "土地区画整理事業は、都市計画法上の市街地開発事業には含まれない。", "answer": false, "explanation": "土地区画整理事業は、市街地再開発事業などとともに市街地開発事業に含まれます。", "basis": [ "都市計画法第12条第1項第1号" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-041", "set": 5, "theme": "都道府県の都市計画案", "topic": "都市計画決定手続", "difficulty": "標準", "trap": "市町村の関与", "text": "市町村は、必要があると認めるとき、都道府県に対して、都道府県が定める都市計画案の内容となるべき事項を申し出ることができる。", "answer": true, "explanation": "都道府県決定の都市計画でも、市町村は案の内容となる事項を申し出ることができます。", "basis": [ "都市計画法第15条の2第1項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-042", "set": 5, "theme": "公聴会", "topic": "都市計画決定手続", "difficulty": "標準", "trap": "必須と必要時", "text": "都道府県または市町村は、都市計画案を作成するとき、例外なく公聴会を開催しなければならない。", "answer": false, "explanation": "公聴会などは、住民意見を反映するため必要があると認めるときに講じます。常に公聴会そのものが必須ではありません。", "basis": [ "都市計画法第16条第1項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-043", "set": 5, "theme": "都市計画案の縦覧", "topic": "都市計画決定手続", "difficulty": "基礎", "trap": "縦覧期間", "text": "都市計画を決定しようとするときは、都市計画案を公告の日から2週間、公衆の縦覧に供する。", "answer": true, "explanation": "縦覧期間は公告の日から2週間です。決定理由を記載した書面も添えます。", "basis": [ "都市計画法第17条第1項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-044", "set": 5, "theme": "意見書の提出期間", "topic": "都市計画決定手続", "difficulty": "標準", "trap": "提出時期", "text": "関係市町村の住民と利害関係人は、都市計画案の縦覧期間が終わった後1週間以内に意見書を提出できる。", "answer": false, "explanation": "意見書を提出できるのは、縦覧期間満了の日までです。終了後に別の1週間が設けられているわけではありません。", "basis": [ "都市計画法第17条第2項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-045", "set": 5, "theme": "市町村マスタープラン", "topic": "都市計画方針", "difficulty": "標準", "trap": "上位計画との関係", "text": "市町村の都市計画に関する基本方針は、都市計画区域の整備、開発及び保全の方針に即して定める。", "answer": true, "explanation": "市町村マスタープランは、市町村の基本構想と都市計画区域マスタープランに即して定めます。", "basis": [ "都市計画法第18条の2第1項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-046", "set": 5, "theme": "市町村の都市計画", "topic": "都市計画決定手続", "difficulty": "基礎", "trap": "上位計画との関係", "text": "市町村が定める都市計画は、市町村の都市計画に関する基本方針と異なる内容でもよい。", "answer": false, "explanation": "市町村が定める都市計画は、市町村の基本方針に即したものでなければなりません。", "basis": [ "都市計画法第18条の2第4項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-047", "set": 5, "theme": "都市計画の効力", "topic": "都市計画決定手続", "difficulty": "基礎", "trap": "効力発生日", "text": "都市計画は、その決定を告示した日から効力を生ずる。", "answer": true, "explanation": "都市計画の効力は告示の日から生じます。審議会の議決日や図書の送付日ではありません。", "basis": [ "都市計画法第20条第3項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-048", "set": 5, "theme": "都市計画の軽易な変更", "topic": "都市計画決定手続", "difficulty": "標準", "trap": "手続の準用", "text": "都市計画を変更するときは、政令で定める軽易な変更であっても、縦覧や協議などの決定手続をすべて同じように行わなければならない。", "answer": false, "explanation": "政令で定める軽易な変更では、縦覧や一部の協議などが準用対象から除かれます。", "basis": [ "都市計画法第21条第2項", "都市計画法施行令第14条" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-049", "set": 5, "theme": "都市計画提案の面積", "topic": "都市計画提案", "difficulty": "標準", "trap": "面積基準", "text": "都市計画の決定または変更を提案できる一団の土地の規模は、原則として0.5ha以上である。", "answer": true, "explanation": "原則は0.5ha以上です。条例により、区域や都市計画の種類を限って0.1ha以上0.5ha未満の範囲で別基準を定めることもできます。", "basis": [ "都市計画法第21条の2第1項", "都市計画法施行令第15条" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-050", "set": 5, "theme": "都市計画提案の主体", "topic": "都市計画提案", "difficulty": "標準", "trap": "提案者", "text": "都市計画の提案を行えるのは、その区域内の土地所有者だけである。", "answer": false, "explanation": "土地所有者等に加え、一定のNPO法人、一般社団・財団法人、都市再生機構なども提案できます。", "basis": [ "都市計画法第21条の2第1項・第2項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-051", "set": 6, "theme": "開発行為の定義", "topic": "開発行為の定義", "difficulty": "基礎", "trap": "目的要件", "text": "都市計画法上の開発行為は、主として建築物の建築または特定工作物の建設を目的とする土地の区画形質の変更をいう。", "answer": true, "explanation": "単に土地を掘ったり盛ったりするだけでなく、建築物または特定工作物のための区画形質の変更であることが必要です。", "basis": [ "都市計画法第4条第12項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-052", "set": 6, "theme": "アスファルトプラント", "topic": "開発行為の定義", "difficulty": "基礎", "trap": "特定工作物の種類", "text": "アスファルトプラントは、第二種特定工作物に分類される。", "answer": false, "explanation": "アスファルトプラントは、周辺環境を悪化させるおそれのある第一種特定工作物です。", "basis": [ "都市計画法第4条第11項", "都市計画法施行令第1条第1項第1号" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-053", "set": 6, "theme": "ゴルフコース", "topic": "開発行為の定義", "difficulty": "基礎", "trap": "1ha基準", "text": "1ha以上のゴルフコースは、第二種特定工作物に含まれる。", "answer": true, "explanation": "ゴルフコースは規模にかかわらず第二種特定工作物です。したがって、1ha以上のゴルフコースも当然に含まれます。野球場などその他の運動・レジャー施設や墓園では1ha基準が問題になります。", "basis": [ "都市計画法第4条第11項", "都市計画法施行令第1条第2項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-054", "set": 6, "theme": "墓園", "topic": "開発行為の定義", "difficulty": "基礎", "trap": "1ha基準", "text": "8,000㎡の墓園は、規模だけで第二種特定工作物に該当する。", "answer": false, "explanation": "墓園が第二種特定工作物となるのは1ha以上です。8,000㎡は1haに達しません。", "basis": [ "都市計画法施行令第1条第2項第2号" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-055", "set": 6, "theme": "市街化区域の面積基準", "topic": "開発許可の要否", "difficulty": "標準", "trap": "面積基準", "text": "三大都市圏の特例や条例による別基準がない市街化区域で、住宅建築のため1,200㎡の土地を造成するときは、原則として開発許可が必要である。", "answer": true, "explanation": "市街化区域の一般的な許可不要規模は1,000㎡未満です。1,200㎡は基準以上となります。", "basis": [ "都市計画法第29条第1項第1号", "都市計画法施行令第19条" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-056", "set": 6, "theme": "非線引き都市計画区域の面積基準", "topic": "開発許可の要否", "difficulty": "標準", "trap": "面積基準", "text": "条例による別基準がない区域区分未設定の都市計画区域で、店舗建築のため2,500㎡を造成するときは、規模だけで開発許可が必要になる。", "answer": false, "explanation": "一般的な基準は3,000㎡以上です。2,500㎡は規模基準未満ですが、別の要件や条例がないかは確認します。", "basis": [ "都市計画法第29条第1項第1号", "都市計画法施行令第19条" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-057", "set": 6, "theme": "都市計画区域外の開発許可", "topic": "開発許可の要否", "difficulty": "標準", "trap": "区域外の規模", "text": "都市計画区域と準都市計画区域の外でも、原則として1ha以上の開発行為には開発許可が必要である。", "answer": true, "explanation": "区域外でも、一定の市街地を形成すると見込まれる1ha以上の開発行為は許可対象です。", "basis": [ "都市計画法第29条第2項", "都市計画法施行令第22条の2" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-058", "set": 6, "theme": "市街化調整区域の規模", "topic": "開発許可の要否", "difficulty": "基礎", "trap": "面積基準", "text": "市街化調整区域では、500㎡未満の開発行為であれば、目的にかかわらず開発許可を受けなくてよい。", "answer": false, "explanation": "市街化調整区域には、面積が小さいことだけによる一般的な適用除外はありません。目的別の許可不要規定を確認します。", "basis": [ "都市計画法第29条第1項第1号" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-059", "set": 6, "theme": "公共施設の定義", "topic": "開発行為の定義", "difficulty": "標準", "trap": "施設の範囲", "text": "都市計画法上の公共施設には、道路、公園のほか、河川や水路も含まれる。", "answer": true, "explanation": "公共施設には道路・公園に加え、下水道、緑地、広場、河川、運河、水路なども含まれます。", "basis": [ "都市計画法第4条第14項", "都市計画法施行令第1条の2" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-060", "set": 6, "theme": "学校の運動場", "topic": "開発行為の定義", "difficulty": "標準", "trap": "第二種特定工作物の除外", "text": "小学校の施設である1.2haの運動場は、第二種特定工作物として扱われる。", "answer": false, "explanation": "学校教育法上の学校（大学を除く）の施設は、運動・レジャー施設型の第二種特定工作物から除外されます。", "basis": [ "都市計画法施行令第1条第2項第1号" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-061", "set": 7, "theme": "農林漁業用建築物", "topic": "開発許可の適用除外", "difficulty": "標準", "trap": "区域条件", "text": "市街化調整区域、非線引き都市計画区域または準都市計画区域で、一定の農林漁業用建築物を建てるための開発行為は、開発許可を要しない。", "answer": true, "explanation": "一定の農林漁業用建築物や農林漁業者の住宅は、市街化区域以外の指定された区域で許可不要となります。", "basis": [ "都市計画法第29条第1項第2号", "都市計画法施行令第20条" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-062", "set": 7, "theme": "市街化区域の農業用倉庫", "topic": "開発許可の適用除外", "difficulty": "標準", "trap": "区域条件", "text": "市街化区域内で農業用倉庫を建てる開発行為は、規模に関係なく開発許可を要しない。", "answer": false, "explanation": "農林漁業用建築物の適用除外は、市街化区域には適用されません。市街化区域では面積基準など通常の判断をします。", "basis": [ "都市計画法第29条第1項第2号" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-063", "set": 7, "theme": "鉄道駅舎", "topic": "開発許可の適用除外", "difficulty": "基礎", "trap": "公益施設", "text": "一般の需要に応ずる鉄道事業の駅舎など、政令で定める鉄道施設の建築を目的とする開発行為は、開発許可を要しない。", "answer": true, "explanation": "駅舎など一定の鉄道施設は、公益上必要な建築物として許可不要になります。施設名だけでなく政令要件も確認します。", "basis": [ "都市計画法第29条第1項第3号", "都市計画法施行令第21条第4号" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-064", "set": 7, "theme": "病院の適用除外", "topic": "開発許可の適用除外", "difficulty": "基礎", "trap": "古い制度理解", "text": "病院は公益性が高いため、病院建築を目的とする開発行為は現在も一律に開発許可を要しない。", "answer": false, "explanation": "病院は現在、法第29条第1項第3号の当然の適用除外ではありません。区域・規模・立地基準を通常どおり確認します。", "basis": [ "都市計画法第29条第1項第3号", "都市計画法施行令第21条第26号ハ" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-065", "set": 7, "theme": "都市計画事業", "topic": "開発許可の適用除外", "difficulty": "基礎", "trap": "事業の施行", "text": "都市計画事業の施行として行う開発行為は、開発許可を要しない。", "answer": true, "explanation": "都市計画事業として認可・承認を受けて施行される開発行為は、法第29条の許可対象から除外されます。", "basis": [ "都市計画法第29条第1項第4号" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-066", "set": 7, "theme": "土地区画整理事業区域内の民間開発", "topic": "開発許可の適用除外", "difficulty": "標準", "trap": "事業区域と事業施行", "text": "土地区画整理事業の区域内で行われる開発行為は、事業とは無関係な民間開発でもすべて開発許可を要しない。", "answer": false, "explanation": "許可不要なのは『土地区画整理事業の施行として』行うものです。区域内にあるだけでは足りません。", "basis": [ "都市計画法第29条第1項第5号" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-067", "set": 7, "theme": "公有水面の埋立地", "topic": "開発許可の適用除外", "difficulty": "標準", "trap": "告示の時点", "text": "公有水面埋立法の免許を受けた埋立地で、竣功認可の告示前に行う開発行為は、開発許可を要しない。", "answer": true, "explanation": "免許を受けた埋立地で、同法の告示前に行うことが要件です。告示後と取り違えないようにしましょう。", "basis": [ "都市計画法第29条第1項第9号" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-068", "set": 7, "theme": "災害復旧と応急措置", "topic": "開発許可の適用除外", "difficulty": "標準", "trap": "応急性", "text": "災害に関係する復旧工事であれば、応急措置の段階を過ぎた恒久的な開発行為もすべて開発許可を要しない。", "answer": false, "explanation": "許可不要なのは『非常災害のため必要な応急措置』です。恒久利用や本格復旧は同じ規定で当然に除外されません。", "basis": [ "都市計画法第29条第1項第10号" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-069", "set": 7, "theme": "仮設建築物", "topic": "開発許可の適用除外", "difficulty": "基礎", "trap": "軽易な行為", "text": "仮設建築物の建築を目的とする開発行為は、通常の管理行為・軽易な行為として開発許可を要しない。", "answer": true, "explanation": "仮設建築物は、法第29条第1項第11号を具体化する施行令第22条の許可不要行為です。", "basis": [ "都市計画法第29条第1項第11号", "都市計画法施行令第22条第1号" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-070", "set": 7, "theme": "独立した営業用車庫", "topic": "開発許可の適用除外", "difficulty": "標準", "trap": "附属建築物", "text": "独立して営業する大規模な駐車場の車庫は、附属建築物に当たるため、開発許可を要しない。", "answer": false, "explanation": "許可不要となるのは車庫・物置などの附属建築物です。独立した営業施設は、附属建築物という理由では除外されません。", "basis": [ "都市計画法施行令第22条第2号" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-071", "set": 8, "theme": "既存公共施設管理者の同意", "topic": "開発許可手続", "difficulty": "基礎", "trap": "協議と同意", "text": "開発許可を申請する者は、あらかじめ、開発行為に関係する既存公共施設の管理者と協議し、その同意を得なければならない。", "answer": true, "explanation": "既存公共施設の管理者とは、協議だけでなく同意が必要です。申請書には同意を証する書面を添付します。", "basis": [ "都市計画法第30条第2項", "都市計画法第32条第1項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-072", "set": 8, "theme": "新設公共施設の協議", "topic": "開発許可手続", "difficulty": "標準", "trap": "協議時期", "text": "開発行為で新設する公共施設の管理予定者との協議は、開発許可を受けた後に行えばよい。", "answer": false, "explanation": "新設公共施設の管理予定者とも、開発許可の申請前に協議します。既存施設の『同意』との違いも重要です。", "basis": [ "都市計画法第32条第2項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-073", "set": 8, "theme": "開発許可の技術基準", "topic": "開発許可基準", "difficulty": "基礎", "trap": "審査項目", "text": "開発許可の技術基準には、道路、公園、給排水施設、防災上の措置などに関する基準が含まれる。", "answer": true, "explanation": "法第33条は、用途適合、道路・公園、排水、給水、災害防止など、開発区域の安全と機能を確保する基準を定めています。", "basis": [ "都市計画法第33条第1項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-074", "set": 8, "theme": "市街化区域等の許可基準", "topic": "開発許可基準", "difficulty": "標準", "trap": "裁量の有無", "text": "市街化調整区域以外の開発行為が法第33条の基準をすべて満たしていても、都道府県知事は理由を示さず自由に不許可にできる。", "answer": false, "explanation": "法第33条の基準へ適合し、申請手続にも違反がなければ、開発許可をしなければなりません。", "basis": [ "都市計画法第33条第1項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-075", "set": 8, "theme": "市街化調整区域の立地基準", "topic": "市街化調整区域", "difficulty": "基礎", "trap": "29条と34条", "text": "市街化調整区域の開発行為は、法第33条の技術基準に加えて、原則として法第34条の立地基準にも適合する必要がある。", "answer": true, "explanation": "第33条が技術基準、第34条が市街化調整区域の立地基準です。入口の許可要否とも分けて確認します。", "basis": [ "都市計画法第34条" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-076", "set": 8, "theme": "周辺住民向け店舗", "topic": "市街化調整区域", "difficulty": "標準", "trap": "立地基準の例外", "text": "市街化調整区域では、周辺住民の日常生活に必要な店舗を建築する開発行為も、法第34条により許可される余地がない。", "answer": false, "explanation": "周辺住民の日常生活に必要な物品販売・加工・修理などの店舗は、第34条第1号に該当する余地があります。", "basis": [ "都市計画法第34条第1号" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-077", "set": 8, "theme": "道路沿いの給油所", "topic": "市街化調整区域", "difficulty": "標準", "trap": "立地基準", "text": "道路の円滑な交通を確保するため適切な位置に設ける給油所は、市街化調整区域で法第34条第9号に該当する場合がある。", "answer": true, "explanation": "道路管理施設、休憩所、給油所などは、市街化区域内での立地が困難・不適当な施設として第9号の対象になり得ます。", "basis": [ "都市計画法第34条第9号", "都市計画法施行令第29条の8第1号" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-078", "set": 8, "theme": "条例指定区域の建築物連たん", "topic": "市街化調整区域", "difficulty": "応用", "trap": "戸数要件", "text": "法第34条第11号の条例指定区域は、おおむね100以上の建築物が連たんする地域でなければならない。", "answer": false, "explanation": "法律の基準は『おおむね50以上の建築物』の連たんです。市街化区域内の建築物を含むことがあります。", "basis": [ "都市計画法第34条第11号" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-079", "set": 8, "theme": "既存権利者の届出", "topic": "市街化調整区域", "difficulty": "応用", "trap": "届出期限", "text": "区域区分の決定などで市街化調整区域になった際、一定の権利を有していた者が法第34条第13号を利用するには、原則として決定・変更の日から6か月以内に届け出る。", "answer": true, "explanation": "既存権利者の特例では、権利を有していたことに加え、6か月以内の届出と政令で定める期間内の開発が必要です。", "basis": [ "都市計画法第34条第13号" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-080", "set": 8, "theme": "開発審査会", "topic": "市街化調整区域", "difficulty": "標準", "trap": "審査手続", "text": "法第34条各号のいずれにも該当しない開発行為でも、都道府県知事が単独で支障なしと判断すれば、第14号により許可できる。", "answer": false, "explanation": "第14号では、都道府県知事が開発審査会の議を経る必要があります。知事の単独判断だけではありません。", "basis": [ "都市計画法第34条第14号" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-081", "set": 9, "theme": "許可・不許可の通知", "topic": "開発許可手続", "difficulty": "基礎", "trap": "通知方法", "text": "都道府県知事は、開発許可の許可または不許可の処分を、文書で申請者に通知しなければならない。", "answer": true, "explanation": "処分は遅滞なく行い、許可・不許可のどちらも文書で通知します。", "basis": [ "都市計画法第35条" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-082", "set": 9, "theme": "軽微な変更", "topic": "開発許可手続", "difficulty": "標準", "trap": "許可と届出", "text": "開発許可後に国土交通省令で定める軽微な変更をした場合、変更許可も届出も必要ない。", "answer": false, "explanation": "軽微な変更は変更許可の対象外ですが、変更後、遅滞なく都道府県知事へ届け出ます。", "basis": [ "都市計画法第35条の2第1項・第3項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-083", "set": 9, "theme": "工事完了届", "topic": "開発許可後の手続", "difficulty": "基礎", "trap": "完了手続", "text": "開発許可を受けた者は、工事を完了したとき、その旨を都道府県知事に届け出なければならない。", "answer": true, "explanation": "工区分けをした場合は工区ごとに完了を届け出ます。その後、知事が許可内容への適合を検査します。", "basis": [ "都市計画法第36条第1項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-084", "set": 9, "theme": "完了公告の順序", "topic": "開発許可後の手続", "difficulty": "標準", "trap": "検査と公告", "text": "都道府県知事は、完了届を受けたら、検査をする前に工事完了を公告する。", "answer": false, "explanation": "まず検査し、許可内容に適合すると認めて検査済証を交付した後、工事完了を公告します。", "basis": [ "都市計画法第36条第2項・第3項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-085", "set": 9, "theme": "完了公告前の建築制限", "topic": "開発許可後の手続", "difficulty": "基礎", "trap": "建築可能時期", "text": "開発許可を受けた開発区域では、原則として工事完了公告まで建築物を建築できない。", "answer": true, "explanation": "工事用の仮設建築物や、知事が支障なしと認めた場合などを除き、完了公告前の建築は禁止されます。", "basis": [ "都市計画法第37条" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-086", "set": 9, "theme": "開発行為の廃止", "topic": "開発許可後の手続", "difficulty": "基礎", "trap": "許可と届出", "text": "開発許可を受けた工事を途中で廃止するには、あらかじめ都道府県知事の廃止許可を受けなければならない。", "answer": false, "explanation": "工事を廃止したときは、遅滞なくその旨を届け出ます。廃止そのものを事前許可とする規定ではありません。", "basis": [ "都市計画法第38条" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-087", "set": 9, "theme": "新設公共施設の管理", "topic": "開発許可後の手続", "difficulty": "標準", "trap": "管理開始日", "text": "開発行為で新設された公共施設は、別段の定めなどがなければ、完了公告の日の翌日から、その施設がある市町村の管理に属する。", "answer": true, "explanation": "管理開始は完了公告の翌日です。他法令の管理者や協議による別の定めがある場合は、その管理者となります。", "basis": [ "都市計画法第39条" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-088", "set": 9, "theme": "公共施設管理の開始日", "topic": "開発許可後の手続", "difficulty": "基礎", "trap": "当日と翌日", "text": "開発行為で設置された公共施設は、完了公告があった当日から市町村の管理に移る。", "answer": false, "explanation": "原則として管理に移るのは公告日の翌日です。『当日』との入替えに注意しましょう。", "basis": [ "都市計画法第39条" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-089", "set": 9, "theme": "公共施設用地の帰属", "topic": "開発許可後の手続", "difficulty": "標準", "trap": "帰属時期", "text": "新設公共施設の用地は、一定の例外を除き、完了公告の日の翌日に、その公共施設を管理すべき者へ帰属する。", "answer": true, "explanation": "公共施設の管理と用地の帰属は、いずれも完了公告の翌日が重要です。従前施設との交換的な帰属も規定されています。", "basis": [ "都市計画法第40条第1項・第2項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-090", "set": 9, "theme": "特定承継", "topic": "開発許可の地位承継", "difficulty": "標準", "trap": "承認の有無", "text": "開発区域内の土地を売買で取得した者は、手続をしなくても当然に開発許可の地位を承継する。", "answer": false, "explanation": "土地や工事を施行する権原を取得した特定承継人は、都道府県知事の承認を受けて地位を承継します。", "basis": [ "都市計画法第45条" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-091", "set": 10, "theme": "一般承継", "topic": "開発許可の地位承継", "difficulty": "基礎", "trap": "承認の有無", "text": "開発許可を受けた者の相続人などの一般承継人は、被承継人の許可に基づく地位を承継する。", "answer": true, "explanation": "相続や法人合併などの一般承継では、許可に基づく地位を承継します。売買による特定承継との違いが重要です。", "basis": [ "都市計画法第44条" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-092", "set": 10, "theme": "開発登録簿", "topic": "開発許可後の手続", "difficulty": "標準", "trap": "閲覧制度", "text": "開発登録簿は行政内部だけで使用するため、一般の者がその写しの交付を請求することはできない。", "answer": false, "explanation": "開発登録簿は公衆の閲覧に供され、請求があれば写しを交付する制度があります。", "basis": [ "都市計画法第46条・第47条第5項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-093", "set": 10, "theme": "用途地域のない開発区域の制限", "topic": "開発許可後の手続", "difficulty": "標準", "trap": "制限項目", "text": "都道府県知事は、用途地域が定められていない区域で開発許可をする場合、必要に応じて建蔽率、高さ、壁面の位置などの制限を定めることができる。", "answer": true, "explanation": "用途地域による制限がない区域では、開発許可に際して法第41条の形態制限を定められます。", "basis": [ "都市計画法第41条第1項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-094", "set": 10, "theme": "予定建築物以外の建築", "topic": "開発許可後の手続", "difficulty": "標準", "trap": "完了公告後の制限", "text": "開発許可を受けた開発区域内で、工事完了公告後、その土地に用途地域等が定められていない場合でも、予定建築物以外の建築物を都道府県知事の許可なく新築できる。", "answer": false, "explanation": "完了公告後は、原則として予定建築物等以外の新築・新設や用途変更はできません。ただし、知事が許可した場合のほか、建築物や一定の第一種特定工作物について、その土地に用途地域等が定められている場合は例外です。市街化区域では原則として用途地域が定められるため、この例外との区別が重要です。", "basis": [ "都市計画法第42条第1項", "都市計画法第13条第1項第7号" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-095", "set": 10, "theme": "市街化調整区域の建築許可", "topic": "市街化調整区域", "difficulty": "標準", "trap": "開発許可との区別", "text": "市街化調整区域で、開発許可を受けた開発区域以外の土地に建築物を新築するときは、原則として法第43条の許可が必要である。", "answer": true, "explanation": "土地の区画形質を変更しない場合でも、市街化調整区域では建築そのものに第43条の許可が必要になることがあります。", "basis": [ "都市計画法第43条第1項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-096", "set": 10, "theme": "都市計画施設区域内の建築", "topic": "都市計画制限", "difficulty": "基礎", "trap": "許可の要否", "text": "都市計画施設の区域内で建築物を建築する場合、都市計画事業の認可前であれば都市計画法上の許可は一切不要である。", "answer": false, "explanation": "都市計画施設の区域や市街地開発事業の施行区域内では、原則として法第53条の建築許可が必要です。", "basis": [ "都市計画法第53条第1項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-097", "set": 10, "theme": "都市計画施設区域の許可基準", "topic": "都市計画制限", "difficulty": "標準", "trap": "建築物の構造", "text": "都市計画施設区域内で、2階以下・地階なしで、主要構造部が木造などの容易に移転・除却できる建築物は、法第54条の基準に該当する場合、許可しなければならない。", "answer": true, "explanation": "2階以下、地階なし、木造・鉄骨造などで容易に移転・除却できる建築物は、法定の許可基準の一つです。", "basis": [ "都市計画法第54条第3号" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-098", "set": 10, "theme": "都市計画事業の施行者", "topic": "都市計画事業", "difficulty": "基礎", "trap": "施行主体", "text": "都市計画事業は、原則として都道府県が施行し、市町村が施行することはできない。", "answer": false, "explanation": "都市計画事業は市町村施行が原則です。都道府県は、市町村施行が困難・不適当な場合などに施行できます。", "basis": [ "都市計画法第59条第1項・第2項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-099", "set": 10, "theme": "都市計画事業地内の制限", "topic": "都市計画事業", "difficulty": "標準", "trap": "事業認可後の規制", "text": "都市計画事業の認可・承認の告示後、事業地内で事業の障害となるおそれのある土地の形質変更や建築を行うには、原則として許可が必要である。", "answer": true, "explanation": "事業告示後は法第65条の制限へ移り、土地の形質変更、建築、工作物の建設などに許可が必要です。", "basis": [ "都市計画法第62条第1項", "都市計画法第65条第1項" ], "articleUrl": null, "articleStatus": "coming_soon" }, { "id": "cp-100", "set": 10, "theme": "オンライン診療受診施設", "topic": "2026年度改正", "difficulty": "応用", "trap": "改正の効果", "text": "地方公共団体が直接設置するオンライン診療受診施設は、2026年4月1日以後、都市計画法施行令第21条第26号により当然に開発許可不要となった。", "answer": false, "explanation": "オンライン診療受診施設は第26号ハの除外施設に追加されました。公共団体が直接設置しても、この号だけで当然に許可不要にはなりません。", "basis": [ "都市計画法第29条第1項第3号", "都市計画法施行令第21条第26号ハ", "令和8年政令第66号" ], "articleUrl": null, "articleStatus": "coming_soon", "amendment": true } ]; const $ = selector => document.querySelector(selector); const $$ = selector => [...document.querySelectorAll(selector)]; const views = { intro: $("#introView"), question: $("#questionView"), result: $("#resultView") }; const STORAGE_KEY = "kentoCityPlanning100ProgressV1"; const questionById = new Map(questions.map(question => [question.id, question])); let order = []; let current = 0; let score = 0; let answers = []; let locked = false; let lastMistakes = []; let currentMode = "today"; let resultAnimationHandles = []; const emptyProgress = () => ({ schemaVersion, completedIds: [], correctIds: [], mistakeIds: [], answerStats: {}, activeChallenge: null, }); const loadProgress = () => { try { const saved = JSON.parse(localStorage.getItem(STORAGE_KEY) || "null"); if (!saved || saved.schemaVersion !== schemaVersion) return emptyProgress(); return { ...emptyProgress(), ...saved }; } catch { return emptyProgress(); } }; let progress = loadProgress(); const uniqueValidIds = ids => [...new Set((ids || []).filter(id => questionById.has(id)))]; const saveProgress = () => { progress.completedIds = uniqueValidIds(progress.completedIds); progress.correctIds = uniqueValidIds(progress.correctIds); progress.mistakeIds = uniqueValidIds(progress.mistakeIds); try { localStorage.setItem(STORAGE_KEY, JSON.stringify(progress)); } catch { /* Storage can be unavailable. */ } }; const stopResultAnimation = () => { resultAnimationHandles.forEach(handle => window.clearTimeout(handle)); resultAnimationHandles = []; }; const startPerfectAnimation = image => { stopResultAnimation(); const idle = image.dataset.perfectIdle; const blink = image.dataset.perfectBlink; const talk = image.dataset.perfectTalk; if (!idle || !blink || !talk) return; image.src = idle; if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return; const showFrame = (src, delay) => { resultAnimationHandles.push(window.setTimeout(() => { if (views.result.classList.contains("is-active")) image.src = src; }, delay)); }; showFrame(talk, 1250); showFrame(idle, 1430); showFrame(talk, 1600); showFrame(idle, 1790); const blinkLoop = () => { if (!views.result.classList.contains("is-active")) return; image.src = blink; resultAnimationHandles.push(window.setTimeout(() => { image.src = idle; resultAnimationHandles.push(window.setTimeout(blinkLoop, 3800 + Math.round(Math.random() * 1400))); }, 120)); }; resultAnimationHandles.push(window.setTimeout(blinkLoop, 2750)); }; const startBlinkOnlyAnimation = (image, idle, blink) => { stopResultAnimation(); if (!idle || !blink) return; image.src = idle; if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return; const blinkLoop = () => { if (!views.result.classList.contains("is-active")) return; image.src = blink; resultAnimationHandles.push(window.setTimeout(() => { image.src = idle; resultAnimationHandles.push(window.setTimeout(blinkLoop, 3800 + Math.round(Math.random() * 1400))); }, 120)); }; resultAnimationHandles.push(window.setTimeout(blinkLoop, 2200)); }; ["perfectIdle", "perfectBlink", "perfectTalk", "highBlink", "fightBlink", "retryBlink"].forEach(key => { const src = $("#resultKento").dataset[key]; if (src) new Image().src = src; }); const shuffle = items => { const copy = [...items]; for (let i = copy.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [copy[i], copy[j]] = [copy[j], copy[i]]; } return copy; }; const showView = name => { Object.entries(views).forEach(([key, node]) => node.classList.toggle("is-active", key === name)); window.scrollTo({ top: 0, behavior: "smooth" }); requestResize(); requestParentScroll(); }; const setArticleState = item => { const link = $("#articleLink"); const coming = $("#articleComingSoon"); const published = item.articleStatus === "published" && Boolean(item.articleUrl); link.hidden = !published; coming.hidden = published; if (published) link.href = item.articleUrl; }; const refreshIntro = () => { const completed = uniqueValidIds(progress.completedIds); $("#overallProgressLabel").textContent = `${completed.length} / 100問`; $("#overallProgressBar").style.width = `${completed.length}%`; if (completed.length === questions.length) { $("#introAchievementSlot").append($("#achievementGoods")); $("#achievementGoods").hidden = false; } else { $("#achievementGoods").hidden = true; } const completedSet = new Set(completed); const setSummaries = [ "地域地区・都市施設・開発許可", "都市計画区域・区域区分・基礎調査", "用途地域・地域地区", "都市施設・地区計画・市街地開発", "都市計画の決定・提案手続", "開発行為・特定工作物・面積基準", "開発許可の適用除外", "許可手続・技術基準・調整区域", "完了公告・公共施設・地位承継", "建築制限・都市計画事業・2026改正", ]; $("#setGrid").innerHTML = Array.from({ length: 10 }, (_, index) => { const set = index + 1; const first = index * 10 + 1; const last = first + 9; const setQuestions = questions.filter(question => question.set === set); const count = setQuestions.filter(question => completedSet.has(question.id)).length; const stateClass = count === 10 ? " is-complete" : count > 0 ? " is-current" : ""; return `<button class="set-button${stateClass}" type="button" data-set="${set}"><strong>${first}〜${last}問チャレンジ</strong><small>${setSummaries[index]}</small><span class="set-button-progress">${count} / 10<br>回答</span></button>`; }).join(""); $$('[data-set]').forEach(button => button.addEventListener("click", () => startSet(Number(button.dataset.set)))); const active = progress.activeChallenge; const activeIds = uniqueValidIds(active?.ids); const canResume = active && activeIds.length > 0 && Number.isInteger(active.current) && active.current < activeIds.length; $("#resumeButton").classList.toggle("is-visible", Boolean(canResume)); if (canResume) $("#resumeCopy").textContent = `${modeLabel(active.mode)}・第${active.current + 1}問から`; const mistakeCount = uniqueValidIds(progress.mistakeIds).length; $("#mistakeModeButton").disabled = mistakeCount === 0; $("#mistakeModeButton").textContent = mistakeCount ? `間違えた問題から10問（${mistakeCount}問）` : "間違えた問題はまだありません"; renderLearningReports(); requestResize(); }; const modeLabel = mode => { if (mode?.startsWith("set-")) { const set = Number(mode.slice(4)); return `${(set - 1) * 10 + 1}〜${set * 10}問チャレンジ`; } return ({ today: "今日の10問", random: "ランダム10問", mistakes: "間違い復習", "analysis-review": "弱点分野の復習" })[mode] || "10問チャレンジ"; }; const escapeHtml = value => String(value) .replaceAll("&", "&amp;") .replaceAll("<", "&lt;") .replaceAll(">", "&gt;") .replaceAll('"', "&quot;") .replaceAll("'", "&#039;"); const learningSnapshot = () => { const answeredIds = uniqueValidIds(progress.completedIds); const rows = answeredIds.map(id => { const item = questionById.get(id); const stats = progress.answerStats[id] || { attempts: 0, correct: 0 }; return { item, attempts: Number(stats.attempts) || 0, correct: Number(stats.correct) || 0 }; }).filter(row => row.item && row.attempts > 0); const attempts = rows.reduce((sum, row) => sum + row.attempts, 0); const correct = rows.reduce((sum, row) => sum + row.correct, 0); return { completed: answeredIds.length, rows, attempts, correct, accuracy: attempts ? Math.round((correct / attempts) * 100) : 0, }; }; const aggregateLearningStats = (snapshot, key) => { const groups = new Map(); snapshot.rows.forEach(row => { const name = row.item[key] || "その他"; const currentGroup = groups.get(name) || { name, questions: 0, attempts: 0, correct: 0 }; currentGroup.questions += 1; currentGroup.attempts += row.attempts; currentGroup.correct += row.correct; groups.set(name, currentGroup); }); return [...groups.values()].map(group => ({ ...group, accuracy: group.attempts ? Math.round((group.correct / group.attempts) * 100) : 0, })); }; const analysisRowsMarkup = (groups, limit = 8) => [...groups] .sort((a, b) => a.accuracy - b.accuracy || b.questions - a.questions || a.name.localeCompare(b.name, "ja")) .slice(0, limit) .map(group => { const tone = group.accuracy >= 80 ? " is-strong" : group.accuracy < 60 ? " is-review" : ""; const status = group.accuracy < 60 ? '<em class="analysis-status">要復習</em>' : ""; return `<div class="analysis-row"> <div class="analysis-row-head"><span>${escapeHtml(group.name)}（${group.questions}問）</span><span class="analysis-score">${status}<strong>${group.accuracy}%</strong></span></div> <div class="analysis-row-track" aria-hidden="true"><div class="analysis-row-bar${tone}" style="width:${Math.max(4, group.accuracy)}%"></div></div> </div>`; }).join(""); const learningReportMarkup = () => { const snapshot = learningSnapshot(); const thresholds = [ { count: 20, label: "mini分析" }, { count: 50, label: "傾向分析" }, { count: 70, label: "高度分析" }, { count: 100, label: "達成祝い" }, ]; const level = snapshot.completed >= 100 ? 100 : snapshot.completed >= 70 ? 70 : snapshot.completed >= 50 ? 50 : snapshot.completed >= 20 ? 20 : 0; const next = thresholds.find(item => snapshot.completed < item.count); const titles = { 0: "20問で最初の分析が開きます", 20: "学習レポートmini", 50: "回答傾向分析", 70: "高度な弱点分析", 100: "100問達成・都市計画法マスターレポート", }; const milestones = thresholds.map(item => { const unlocked = snapshot.completed >= item.count; const hanamaru = unlocked ? `<span class="milestone-hanamaru" aria-label="${item.count}問達成済み">達成</span>` : ""; return `<div class="analysis-milestone${unlocked ? " is-unlocked" : ""}">${hanamaru}<strong>${item.count}問</strong>${unlocked ? "" : item.label}</div>`; }).join(""); const nextCopy = next ? `あと${next.count - snapshot.completed}問で「${next.label}」を解放します。分析は重複しない回答済み問題を基準にします。` : "都市計画法100問を一巡しました。分析を使って、弱い論点から仕上げましょう。"; let detail = ""; if (level >= 20) { const topics = aggregateLearningStats(snapshot, "topic"); const eligibleTopics = topics.filter(group => group.questions >= 2); const comparisonPool = eligibleTopics.length ? eligibleTopics : topics; const strongest = [...comparisonPool].sort((a, b) => b.accuracy - a.accuracy || b.questions - a.questions)[0]; const weakest = [...comparisonPool].sort((a, b) => a.accuracy - b.accuracy || b.questions - a.questions)[0]; detail += `<div class="analysis-summary"> <div class="analysis-stat"><span>学習済み</span><strong>${snapshot.completed}問</strong></div> <div class="analysis-stat"><span>累計正答率</span><strong>${snapshot.accuracy}%</strong></div> <div class="analysis-stat"><span>回答回数</span><strong>${snapshot.attempts}回</strong></div> </div>`; detail += `<div class="analysis-grid"> <div class="analysis-panel"><h4>得意論点の候補</h4><p>${strongest ? `${escapeHtml(strongest.name)}：${strongest.accuracy}%（${strongest.questions}問）` : "データを集計中です。"}</p></div> <div class="analysis-panel"><h4>優先して復習したい論点</h4><p>${weakest ? `${escapeHtml(weakest.name)}：${weakest.accuracy}%（${weakest.questions}問）` : "データを集計中です。"}</p></div> </div>`; if (weakest) { const reviewCount = Math.min(10, questions.filter(question => question.topic === weakest.name).length); detail += `<button class="analysis-review-button" type="button" data-review-topic="${encodeURIComponent(weakest.name)}">「${escapeHtml(weakest.name)}」を${reviewCount}問復習する</button>`; } if (level >= 50) { detail += `<div class="analysis-panel" style="margin-top:12px"><h4>論点別ヒートマップ（要復習順）</h4><p>回答した問題を論点別に集計しています。母数が少ない論点は候補として見てください。</p><div class="analysis-rows">${analysisRowsMarkup(topics, level >= 100 ? 12 : 8)}</div></div>`; } if (level >= 70) { const difficulties = aggregateLearningStats(snapshot, "difficulty"); const traps = aggregateLearningStats(snapshot, "trap"); detail += `<div class="analysis-grid"> <div class="analysis-panel"><h4>難易度別の安定度</h4><div class="analysis-rows">${analysisRowsMarkup(difficulties, 4)}</div></div> <div class="analysis-panel"><h4>間違い方の傾向</h4><div class="analysis-rows">${analysisRowsMarkup(traps, 6)}</div></div> </div>`; } if (level >= 100) { detail += '<div class="analysis-celebration">100問達成、おめでとう！ 「要復習」と表示された項目から取り組み、次は全体正答率80%以上を目標にすると知識が安定します。</div>'; } } return `<div class="learning-report-header"><div><span class="learning-report-label">回答者の傾向分析</span><h3>${titles[level]}</h3><p class="learning-report-copy">${nextCopy}</p></div></div><div class="analysis-milestones">${milestones}</div>${detail}`; }; const renderLearningReports = () => { const markup = learningReportMarkup(); $("#learningReportIntro").innerHTML = markup; $("#learningReportResult").innerHTML = markup; }; const updateQuestionOverallProgress = () => { const completed = uniqueValidIds(progress.completedIds).length; const percent = Math.round((completed / questions.length) * 100); $("#questionOverallProgress").textContent = `${completed} / ${questions.length}問（${percent}%）`; }; const persistActive = () => { progress.activeChallenge = { ids: order.map(item => item.id), mode: currentMode, current, score, locked, answers: answers.map(entry => ({ id: entry.item.id, selected: entry.selected, correct: entry.correct })), updatedAt: new Date().toISOString(), }; saveProgress(); }; const begin = (items, mode, restored = null) => { stopResultAnimation(); order = [...items].filter(Boolean).slice(0, 10); if (!order.length) return; currentMode = mode; current = restored?.current || 0; score = restored?.score || 0; answers = (restored?.answers || []).map(entry => ({ ...entry, item: questionById.get(entry.id) })).filter(entry => entry.item); locked = Boolean(restored?.locked); showView("question"); renderQuestion(); if (locked) restoreFeedback(); else persistActive(); parent.postMessage({ type: "kento-quiz-event", event: restored ? "quiz_resume" : "quiz_start", mode, total: order.length }, "*"); }; const unansweredFirstQuestions = () => { const completed = new Set(uniqueValidIds(progress.completedIds)); const unanswered = shuffle(questions.filter(question => !completed.has(question.id))); if (unanswered.length >= 10) return unanswered.slice(0, 10); const selected = new Set(unanswered.map(question => question.id)); const answered = shuffle(questions.filter(question => completed.has(question.id) && !selected.has(question.id))); return [...unanswered, ...answered].slice(0, 10); }; const start = mode => { if (mode === "today") begin(unansweredFirstQuestions(), mode); if (mode === "random") begin(unansweredFirstQuestions(), mode); }; const startSet = set => begin(questions.filter(question => question.set === set), `set-${set}`); const resume = () => { const active = progress.activeChallenge; if (!active) return; const items = uniqueValidIds(active.ids).map(id => questionById.get(id)); begin(items, active.mode, active); }; const resumeRequestedByArticle = () => { try { return new URL(parent.location.href).searchParams.get("quiz_resume") === "1"; } catch { return new URL(location.href).searchParams.get("quiz_resume") === "1"; } }; const renderQuestion = () => { const item = order[current]; if (!item) return renderResult(); if (!locked) locked = false; $("#progressLabel").textContent = `${modeLabel(currentMode)}｜今回 ${current + 1} / ${order.length}`; $("#scoreLabel").textContent = `現在 ${score}問正解`; updateQuestionOverallProgress(); $("#progressBar").style.width = `${((current + 1) / order.length) * 100}%`; $("#questionMeta").textContent = `${item.theme}｜${item.difficulty}｜問題ID ${item.id.toUpperCase()}`; $("#questionText").textContent = item.text; $("#feedback").className = "feedback"; $$(".answer-button").forEach(button => { button.disabled = locked; }); $("#questionText").focus?.(); requestResize(); requestParentScroll(); }; const showFeedback = (item, selected, correct) => { $$(".answer-button").forEach(button => { button.disabled = true; }); const feedback = $("#feedback"); feedback.className = `feedback is-visible ${correct ? "is-correct" : "is-wrong"}`; $("#feedbackMark").textContent = correct ? "○" : "×"; $("#feedbackTitle").textContent = correct ? "正解！" : `惜しい！ 正解は「${item.answer ? "正しい" : "誤り"}」`; $("#feedbackCopy").textContent = item.explanation; setArticleState(item); $("#nextButton").textContent = current === order.length - 1 ? "結果を見る" : "次の問題へ"; $("#nextButton").focus(); requestResize(); }; const restoreFeedback = () => { const item = order[current]; const saved = [...answers].reverse().find(entry => entry.item.id === item.id); if (!saved) { locked = false; persistActive(); return; } showFeedback(item, saved.selected, saved.correct); }; const answer = selected => { if (locked) return; locked = true; const item = order[current]; const correct = selected === item.answer; if (correct) score += 1; $("#scoreLabel").textContent = `現在 ${score}問正解`; answers.push({ item, selected, correct }); const stats = progress.answerStats[item.id] || { attempts: 0, correct: 0 }; stats.attempts += 1; if (correct) stats.correct += 1; stats.lastAnsweredAt = new Date().toISOString(); progress.answerStats[item.id] = stats; progress.completedIds = uniqueValidIds([...progress.completedIds, item.id]); if (correct) { progress.correctIds = uniqueValidIds([...progress.correctIds, item.id]); progress.mistakeIds = progress.mistakeIds.filter(id => id !== item.id); } else { progress.mistakeIds = uniqueValidIds([...progress.mistakeIds, item.id]); } persistActive(); updateQuestionOverallProgress(); parent.postMessage({ type: "kento-quiz-event", event: "quiz_answer", mode: currentMode, question_id: item.id, theme: item.theme, correct }, "*"); showFeedback(item, selected, correct); }; const next = () => { if (!locked) return; if (current < order.length - 1) { current += 1; locked = false; persistActive(); renderQuestion(); } else { renderResult(); } }; const articleMarkup = item => item.articleStatus === "published" && item.articleUrl ? `<a href="${item.articleUrl}" target="_blank" rel="noopener">詳しい解説記事を読む</a>` : '<span class="coming-soon">詳しい解説記事は準備中 / Coming Soon</span>'; const renderResult = () => { stopResultAnimation(); const total = order.length; const percent = Math.round((score / total) * 100); const image = $("#resultKento"); let blinkOnly = null; progress.activeChallenge = null; saveProgress(); $("#scoreNumber").innerHTML = `${score}<small>/${total}</small>`; $("#scoreCircle").setAttribute("aria-label", `${total}問中${score}問正解、正解率${percent}%`); $("#resultPercent").textContent = `${percent}%`; $("#resultCorrect").textContent = `${score}問`; $("#resultMistakes").textContent = `${total - score}問`; $("#resultMeterBar").style.width = `${percent}%`; if (percent === 100) { $("#resultTitle").textContent = "全問正解！ すごい！"; $("#resultSpeech").textContent = "おめでとう！"; $("#resultMessage").textContent = `${total}問すべて正解です。条文の言葉だけでなく、区域や制度の違いまでしっかり整理できています。`; image.src = image.dataset.perfectIdle; image.alt = "全問正解を正面からお祝いするKentoくん"; image.className = "result-kento perfect"; } else if (percent >= 80) { $("#resultTitle").textContent = "かなり仕上がってるよ！"; $("#resultSpeech").textContent = "すごい！ あと少し！"; $("#resultMessage").textContent = `正解率${percent}%！ 間違えた論点だけ確認すれば、さらに安定します。`; const idle = "https://kentokun-urbanlife.com/wp-content/uploads/2026/08/kento-quiz-result-high-left-2026.png"; image.src = idle; blinkOnly = { idle, blink: image.dataset.highBlink }; image.alt = "得点の方を向いて高得点を喜ぶKentoくん"; image.className = "result-kento good"; } else if (percent >= 50) { $("#resultTitle").textContent = "いい調子。ここから伸びるよ！"; $("#resultSpeech").textContent = "ファイト！"; $("#resultMessage").textContent = `正解率${percent}%です。区域と制度の目的をつなげて復習してみよう。`; const idle = "https://kentokun-urbanlife.com/wp-content/uploads/2026/08/kento-quiz-result-fight-megaphone-2026.png"; image.src = idle; blinkOnly = { idle, blink: image.dataset.fightBlink }; image.alt = "青いメガフォンで次の挑戦を応援するKentoくん"; image.className = "result-kento good"; } else { $("#resultTitle").innerHTML = '挑戦したことが、<span class="nowrap">まず一歩！</span>'; $("#resultSpeech").textContent = "大丈夫！ 一問ずついこう"; $("#resultMessage").textContent = `正解率${percent}%です。短い解説を読み直せば、次はきっと増やせるよ。`; const idle = "https://kentokun-urbanlife.com/wp-content/uploads/2026/08/kento-quiz-result-fight-2026.png"; image.src = idle; blinkOnly = { idle, blink: image.dataset.retryBlink }; image.alt = "正面から一問ずつ復習しようと励ますKentoくん"; image.className = "result-kento retry"; } const mistakes = answers.filter(entry => !entry.correct); lastMistakes = mistakes; const review = $("#review"); if (mistakes.length === 0) { review.innerHTML = '<h3>今回の復習ポイント</h3><div class="review-perfect"><p>間違えた問題はありません。次の10問へ進むか、出題傾向分析で周辺論点を確認しよう！</p></div>'; $("#resultNextTitle").textContent = "出題傾向分析で次の論点へ"; $("#resultNextCopy").textContent = "頻出論点と2026年度の改正法対策を確認できます。"; $("#resultNextLink").href = "https://kentokun-urbanlife.com/takken-2026-city-planning-law-trends/"; $("#resultNextLink").textContent = "傾向分析を読む"; $("#resultNextLink").hidden = false; } else { const firstPublished = mistakes.map(entry => entry.item).find(item => item.articleStatus === "published" && item.articleUrl); review.innerHTML = `<h3>間違えた${mistakes.length}問を復習</h3><ul class="review-list">${mistakes.map(({ item }) => ` <li class="review-item"> <strong>${item.theme}｜正解は「${item.answer ? "正しい" : "誤り"}」</strong> <p>${item.explanation}</p> ${articleMarkup(item)} </li>`).join("")}</ul>`; $("#resultNextTitle").textContent = "間違えた問題から復習しよう"; $("#resultNextCopy").textContent = "短い解説だけでも読み返すと、次の挑戦につながります。"; $("#resultNextLink").hidden = !firstPublished; if (firstPublished) { $("#resultNextLink").href = firstPublished.articleUrl; $("#resultNextLink").textContent = "復習記事を開く"; } } const retryMistakes = $("#retryMistakesButton"); retryMistakes.hidden = mistakes.length === 0; retryMistakes.textContent = `間違えた${mistakes.length}問だけ復習`; const completedCount = uniqueValidIds(progress.completedIds).length; renderLearningReports(); $("#resultAchievementSlot").append($("#achievementGoods")); $("#achievementGoods").hidden = completedCount !== questions.length; showView("result"); if (percent === 100) startPerfectAnimation(image); else if (blinkOnly) startBlinkOnlyAnimation(image, blinkOnly.idle, blinkOnly.blink); $("#resultTitle").focus({ preventScroll: true }); parent.postMessage({ type: "kento-quiz-complete", score, total, percent, mistakes: mistakes.length, mode: currentMode, completed_unique: progress.completedIds.length }, "*"); }; const requestResize = () => { requestAnimationFrame(() => { const height = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight); parent.postMessage({ type: "kento-quiz-resize", height }, "*"); }); }; const requestParentScroll = () => { requestAnimationFrame(() => { parent.postMessage({ type: "kento-quiz-scroll-top" }, "*"); [120, 400, 900].forEach(delay => { window.setTimeout(() => parent.postMessage({ type: "kento-quiz-scroll-top" }, "*"), delay); }); }); }; $$("[data-mode]").forEach(button => button.addEventListener("click", () => start(button.dataset.mode))); $$(".answer-button").forEach(button => button.addEventListener("click", () => answer(button.dataset.answer === "true"))); $("#nextButton").addEventListener("click", next); $$("[data-restart]").forEach(button => button.addEventListener("click", () => start(button.dataset.restart))); $("#retryMistakesButton").addEventListener("click", () => begin(lastMistakes.map(entry => entry.item), "mistakes")); $("#resumeButton").addEventListener("click", resume); $("#mistakeModeButton").addEventListener("click", () => { const items = shuffle(uniqueValidIds(progress.mistakeIds).map(id => questionById.get(id))).slice(0, 10); begin(items, "mistakes"); }); $("#resetProgressButton").addEventListener("click", () => { if (!window.confirm("この端末に保存された都市計画法100問の学習記録をリセットしますか？")) return; progress = emptyProgress(); saveProgress(); refreshIntro(); }); $$("[data-return-home]").forEach(button => button.addEventListener("click", () => { stopResultAnimation(); refreshIntro(); showView("intro"); })); document.addEventListener("click", event => { const button = event.target.closest?.("[data-review-topic]"); if (!button) return; const topic = decodeURIComponent(button.dataset.reviewTopic || ""); const items = shuffle(questions.filter(question => question.topic === topic)).slice(0, 10); begin(items, "analysis-review"); }); document.addEventListener("click", event => { const link = event.target.closest?.(".article-link, .review-item a, #resultNextLink, #achievementGoodsLink"); if (!link) return; const goods = link.id === "achievementGoodsLink"; parent.postMessage({ type: "kento-quiz-event", event: goods ? "quiz_goods_open" : "quiz_article_open", mode: currentMode, completed_unique: uniqueValidIds(progress.completedIds).length, url: link.href, }, "*"); }); window.addEventListener("load", requestResize); window.addEventListener("resize", requestResize); new ResizeObserver(requestResize).observe(document.body); refreshIntro(); if (resumeRequestedByArticle() && progress.activeChallenge) resume(); })(); </script> </body> </html> ">
ホーム
Kentoくん100問チャレンジ｜宅建・都市計画法
閉じる
