分で読めます」を実装してみた。ブログほぼ日刊ペースで、主にIT・PCネタ・便利グッズ・猫などについてお役立ちの精神で書き連ねていく雑記ブログです。ブログは下記URLに移転いたしました。秒後に自動的にリダイレクトします。分で読めます」を実装してみた。分で読めます」を実装してみた。今回ははてなブログのカスタマイズの記事です。備忘録がてらのメモとしてアーカイブしておきます。ブログを読んでいると、良くブログの冒頭に「この記事は約●●分で読めます」という記述を見たことないですか?読む人にとっては、これから読もうとする記事のボリュームの目安が分かるから便利ですよね!読んでもらう方も、これがあることで滞在時間が伸びたり、ブックマークされやすくなったりと両者win-winの機能ですね。これは導入するっきゃない!ってことで、今回は導入するまでの記録をお送りいたします。参考にさせていただいたページhtml、cssは分かるけど、javascriptなどのプログラムは素人レベルの私。記事毎の文字数をカウントして、何分で読めるかを自動的に計算&表示する仕組みなんだろうなとなんとなくは分かるものの、当然ゼロからこんなプログラムは書けません。先人たちの記事を読めばこんな私でも実装できてしまう、今は良い時代です。いうわけで、参考にさせていただきましたページはこちら。techhot.hatenablog.com筆者様、ありがとうございます。入力欄プレビュー表示では現れてこないので、一旦「変更を保存する」を押してから別ウィンドウで記事を開いてみてください。※一覧表示では表示されず、各記事ページのみの表示となります。ちなみにcssが分かる人であれば、以下の部分を修正すれば好きなようにカスタマイズできますよ。分で読めます」を実装してみた。