awesome-hacks

本ブログへの学習モードの導入

概念のインプットの1手段として、記事の穴埋め表示切り替えができるようにしてみた

公開 2026/05/18

インプットの悩み

なかなか読んでも頭に入らない。 かといって、一から頑張って構築したとしても頑張った割には概念的なものは頭に入っていない、という状況であり、 どうしたらいいかなと思って、ひとまず中高生の勉強みたいに記事を穴埋めでチェックできたら良いのではと思った。

学習モードの仕組み

穴埋め表示は記事内の穴埋めにしたい語句部分を特殊なタグで挟むことで実現している。 そのため、穴埋め表示(学習モード切り替え)、チェックができるのは記事に1つでも穴埋めタグが入っているものになっている。

使い方

記事に学習モード切り替えができる場合は、記事上部に切り替えスイッチが表示されている。 学習モードをONにすると、あらかじめ穴埋め表示を設定していた箇所が空欄になり、そちらに回答を入力できる。 回答入力後「チェック」をクリックすると、入力内容の答え合わせをしてくれるようになっている。 「クリア」をクリックすると、入力内容が初期化される。

機能追加してみての感想

思ったよりUI的にそれっぽく違和感なく機能追加できた。 また当初は表示だけ切り替えられるようにできればいいと思っていたが、チェック機能も簡単に実装できたので、 今後うまく活用していけたら、あるいは上手い使い方を模索できたらいいなと思っている。

留意事項

何を穴埋めにするかは私次第で、まだほとんどの記事は穴埋め化していません。 今後どれだけ穴埋め化するかは不明ですし、結局穴埋め化を使わなくなってしまいには機能自体非活性にする可能性もあります。 入力した内容は「クリア」をクリックするまでは残るようにしていますが、そのデータの保持については責任を負いかねます。消えてしまった場合は最初から入力し直してください。

関連記事

おすすめDocs

Docsを探す →