主な機能・特徴
分野別カラーバッジ
宅建業法（青）・権利関係（紫）・法令制限（緑）・税（黄）で色分け。どの分野の問題か一目でわかります。
苦手問題の自動保存
間違えた問題はLocalStorageに蓄積。「苦手問題だけ復習」モードで弱点を集中攻略。
出題条件の細かい設定
問題数（5・10・20・全問）・出題順（ランダム／登録順）・モードを自由に組み合わせ可能。
キーボード操作対応
1〜4キーで選択、Enterで次の問題へ。効率的に学習を進められます。
結果画面・シェア機能
正解率に応じたメダル表示。苦手問題TOP5の表示とX（Twitter）・LINEシェアに対応。
正解率のリアルタイム表示
問題を解くたびに正解数・正解率が更新。学習の進み具合を把握しながら学べます。
収録分野
🏢 宅建業法免許・媒介契約・重要事項説明・手付金保全など 7問
⚖️ 権利関係制限行為能力・物権変動・抵当権・賃貸借・時効など 6問
🏙️ 法令上の制限都市計画・建築確認・建ぺい率・容積率・国土法など 5問
💰 税・価格不動産取得税・公示価格など 2問（順次追加予定）
使い方
1
出題条件を設定する
出題モード・問題数・出題順を選んで「この条件で開始」をクリックします。
2
分野バッジを確認して解く
問題上部の分野カラーバッジで今どの分野を学習しているか把握しながら解答します。
3
解説で理解を深める
正誤判定後に表示される解説で、なぜそうなるかを確認します。
4
苦手問題を復習する
全問終了後の結果画面から「苦手問題だけ復習」で弱点を重点的に学習できます。
制作のこだわり・使用技術
CSS 分野別カラーシステム
宅建の4分野を色で識別できるバッジシステムをCSS変数で管理。視認性と拡張性を両立。
JS 動的問題管理
問題バンクをオブジェクト配列で管理。分野・モード・問題数に応じてフィルタ・シャッフルを実行。
JS LocalStorage設計
苦手問題を問題IDとミス回数で管理。ミス回数に応じた優先出題ロジックを実装。
CSS Tailwind CSS
CDN版TailwindとカスタムCSSを組み合わせ。学習系UIに最適なコンパクトなレイアウト。
UX 即時フィードバック
選択と同時に正誤判定・色分け・解説表示。「答え合わせを待つ」ストレスを排除した設計。
SEO 構造化データ
JSON-LD・OGP・meta description・canonicalタグを完備。検索エンジンへの最適化を実装。
こんな方におすすめ
ツール情報
| ツール名 | 宅建アクティブリコール |
|---|---|
| カテゴリ | 学習・資格対策 |
| 問題数 | 20問（宅建業法7・権利関係6・法令制限5・税2） |
| 料金 | 完全無料 |
| 登録 | 不要 |
| 対応端末 | PC・スマートフォン・タブレット |
| データ保存 | ブラウザのLocalStorage（サーバーには送信されません） |
| 使用技術 | HTML / Tailwind CSS / JavaScript |