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

未踏ジュニア中間合宿で発表したLTの資料です。
高校の授業にかかる時間を可視化する拡張機能を作りました。

Transcript

1. N高入学してみたら勉強計画が立てにく かったのでチート級に使いやすいChrome 拡張機能をつくった件 改め 勉強計画を立てやすくする拡張機能を作った話
2. 三橋 優希 N高1年生(特別奨学生), ECoder's 主宰, 2018年度未踏ジュニアスーパークリエータ, CoderDojo メンター 猫が好きなのに猫アレルギーです https://yuki384.github.io/
3. N高生です！
4. 好きな場所で好きなときに 授業が受けられる
5. 授業の残り時間を知りたい！
6. 作ろう…！
7. 引用: https://www.nnn.ed.nico/ Before
8. 引用: https://www.nnn.ed.nico/ After
9. 引用: https://www.nnn.ed.nico/ 進捗状況が見られる〜！
10. コードはこんな内容のことを書いたよ 全ての再生時間（movie-lengthというcssクラス）をページのHTMLから取得 視聴済み（視聴済みの動画にはgoodというcssクラスがついている）の再生時間を取得 mm:ssの文字列で渡される、すべての再生時間を秒数に変換して合計 合計したものを「◦時間◦分◦秒」という文字列にする 上の処理を視聴済み時間にもいれる descriptionというcssクラスのなかのHTMLを書き換える(変数にはいってる文字列を表 示する)
11. Chrome拡張機能簡単に作れる！
12. 引用: https://www.nnn.ed.nico/ こんなのも作った
13. https://github.com/yuki384/N-yobikou- Time-check-tool
14. まとめ Chrome拡張機能で便利になる 高校生活楽しい！
15. ご清聴ありがとうございました