主な機能・特徴
3分野・3問を収録
宅建業法・権利関係・法令上の制限から、基本事項を1問ずつ体験できます。
正誤を色で表示
正解は緑、不正解は赤、選ばなかった選択肢は薄く表示し、結果を一目で確認できます。
すぐ読める解説
解答直後に理由を表示。答えだけでなく、判断の根拠まで続けて確認できます。
進捗を可視化
問題番号とプログレスバーにより、現在の位置と残りの問題数が分かります。
結果画面
全問終了後に正解数・問題数・正解率をまとめて表示します。
繰り返し学習
「最初から」「もう一度試す」ボタンで、何度でもすぐにやり直せます。
収録分野
🏢 宅建業法宅地建物取引業の免許
⚖️ 権利関係制限行為能力者
🏙️ 法令上の制限用途地域の目的
操作デモ
正誤がすぐ分かる即時フィードバックを、このページでもお試しいただけます。
SAMPLE QUESTION
重要事項説明を行えるのは誰？
答えを選んでください。
使い方
1
1問目を読む
科目と問題文を確認します。問題番号と進捗は画面上部に表示されます。
2
4つの選択肢から答える
選択した時点で正誤を判定し、正解と不正解を色で表示します。
3
解説で理解を深める
正誤判定後に表示される解説で、なぜそうなるかを確認します。
4
結果を確認して繰り返す
3問終了後に正解率を確認し、「もう一度試す」から再挑戦できます。
制作のこだわり・使用技術
CSS 正誤カラー設計
正解・不正解・未選択を色と濃淡で整理し、視覚的に迷わない状態変化を実装。
JS 動的問題管理
問題文・選択肢・正解・解説をオブジェクト配列で管理し、画面へ動的に描画。
JS 状態管理
現在の問題・選択済み状態・正解数・回答数を管理し、操作に合わせて表示を更新。
CSS Tailwind CSS
CDN版Tailwind CSSとカスタムCSSを組み合わせ、PC・スマートフォンに対応。
UX 即時フィードバック
選択と同時に正誤判定・色分け・解説表示。「答え合わせを待つ」ストレスを排除した設計。
UI 立体ボタン
グラデーション・影・押下時の移動を組み合わせ、押せる場所が伝わるボタンに設計。
こんな方におすすめ
ツール情報
| ツール名 | 宅建アクティブリコール |
|---|---|
| カテゴリ | 学習・資格対策 |
| 問題数 | 3問（宅建業法・権利関係・法令上の制限） |
| 料金 | 完全無料 |
| 登録 | 不要 |
| 対応端末 | PC・スマートフォン・タブレット |
| データ保存 | なし |
| 使用技術 | HTML / Tailwind CSS / JavaScript |