主な機能・特徴
分野別カラーバッジ
宅建業法(青)・権利関係(紫)・法令制限(緑)・税(黄)で色分け。どの分野の問題か一目でわかります。
苦手問題の自動保存
間違えた問題はLocalStorageに蓄積。「苦手問題だけ復習」モードで弱点を集中攻略。
出題条件の細かい設定
問題数(5・10・20・全問)・出題順(ランダム/登録順)・モードを自由に組み合わせ可能。
キーボード操作対応
1〜4キーで選択、Enterで次の問題へ。効率的に学習を進められます。
結果画面・シェア機能
正解率に応じたメダル表示。苦手問題TOP5の表示とX(Twitter)・LINEシェアに対応。
正解率のリアルタイム表示
問題を解くたびに正解数・正解率が更新。学習の進み具合を把握しながら学べます。
収録分野
使い方
出題条件を設定する
出題モード・問題数・出題順を選んで「この条件で開始」をクリックします。
分野バッジを確認して解く
問題上部の分野カラーバッジで今どの分野を学習しているか把握しながら解答します。
解説で理解を深める
正誤判定後に表示される解説で、なぜそうなるかを確認します。
苦手問題を復習する
全問終了後の結果画面から「苦手問題だけ復習」で弱点を重点的に学習できます。
制作のこだわり・使用技術
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 |