Tweet
Tweet

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

N高生です！

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

作ろう…！

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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