経緯
もっと手軽に学習の進捗を管理できるようにしたいと思った
仕組み
記事ページで「読んだ」をチェック(クリック・タップ)すると読んだ回数が、「覚えた」をチェック(クリック・タップ)すると覚えたかどうかがローカルストレージに記録される。 そのため、次回来訪時も同じブラウザからであればチェック状態は保存されている。 記事一覧にもチェック状態は表示されているので、まだ読んでない記事や覚えていない記事が一目でわかる。 また、フィルターで読んだ記事や覚えた記事は非表示にできるようにもした
使い方
基本的には仕組みに書いた通り。 記事詳細ページ右側の「読んだ」をクリックするたびにカウントアップされ、一覧ページでその記事の読んだ回数が表示される。 「覚えた」をクリックするとその記事は覚えたことになり、一覧ページでその記事にチェックマークが表示される。 再度「覚えた」をクリックするとトグルになっているので「覚えた」のチェック状態がオフになるので、再度学習もできる。 また、一覧表示は画面左下の追従メニューから読んだ記事や覚えた記事は非表示にできる。 そこから履歴を一括クリアもできる。
機能追加してみての感想
まだ作ったばかりなのでなんともいえないが、これから学習が捗りそう。 ゆくゆくログインユーザーごとにDBでチェック状態のステータス管理とかできたらよさそう(思っているだけで実現するかは不明)
留意事項
ステータスはローカルストレージに管理しますが、そのデータの保持については責任はおいかねますので、自己責任で使用してください。 あくまで補助ツールとして使ってください。