N高入学してみたら勉強計画が立てにくかったのでチート級に使いやすいChrome拡張機能をつくった件 / Made Chrome Extension for Visualization of Taking Lectures Time

N高入学してみたら勉強計画が立てにくかったのでチート級に使いやすいChrome 拡張機能をつくった件改め勉強計画を立てやすくする拡張機能を作った話

三橋優希 N高1年生(特別奨学生), ECoder's 主宰, 2018年度未踏ジュニアスーパークリエータ, CoderDojo メンター猫が好きなのに猫アレルギーです https://yuki384.github.io/

N高生です！

好きな場所で好きなときに授業が受けられる

授業の残り時間を知りたい！

作ろう…！

引用: https://www.nnn.ed.nico/ Before

引用: https://www.nnn.ed.nico/ After

引用: https://www.nnn.ed.nico/ 進捗状況が見られる〜！

コードはこんな内容のことを書いたよ全ての再生時間（movie-lengthというcssクラス）をページのHTMLから取得視聴済み（視聴済みの動画にはgoodというcssクラスがついている）の再生時間を取得 mm:ssの文字列で渡される、すべての再生時間を秒数に変換して合計合計したものを「◦時間◦分◦秒」という文字列にする上の処理を視聴済み時間にもいれる descriptionというcssクラスのなかのHTMLを書き換える(変数にはいってる文字列を表示する)

Chrome拡張機能簡単に作れる！

引用: https://www.nnn.ed.nico/ こんなのも作った

https://github.com/yuki384/N-yobikou- Time-check-tool

まとめ Chrome拡張機能で便利になる高校生活楽しい！

ご清聴ありがとうございました

N高入学してみたら勉強計画が立てにくかったのでチート級に使いやすいChrome拡張機能をつ...