Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
N高入学してみたら勉強計画が立てにくかったのでチート級に使いやすいChrome拡張機能をつ...
Search
Yuki Mihashi
August 17, 2019
0
980
N高入学してみたら勉強計画が立てにくかったのでチート級に使いやすいChrome拡張機能をつくった件 / Made Chrome Extension for Visualization of Taking Lectures Time
未踏ジュニア中間合宿で発表したLTの資料です。
高校の授業にかかる時間を可視化する拡張機能を作りました。
Yuki Mihashi
August 17, 2019
Tweet
Share
More Decks by Yuki Mihashi
See All by Yuki Mihashi
チーム開発におけるデザイナーの役割 / ReDS_CCC_LT
yuki384
1
180
未踏ジュニアでやってよかったことやっておけばよかったこと / mitou jr 2021 boost
yuki384
0
160
CSS多様な表現紹介 / 2020 Last LT About CSS
yuki384
2
170
Rails Girls に参加した13歳の少女のその後💎 / Rails Girls Gathering Japan
yuki384
2
1.8k
子ども向けプログラミング学習サイト「メクルン」/geekten
yuki384
0
220
子ども向けのプログラミング学習コンテンツを作る楽しさ / CODE-RAVE vol-2
yuki384
1
130
ビジュアルプログラミング学習サイト「メクルン」の開発 / SecHack365 Returns 2020
yuki384
0
100
プログラミングとはじめの一歩 / Girls Initiative for CoderDojo
yuki384
1
390
伝わるプレゼン資料を作ろう / Let's Make Simply Presentation Slide
yuki384
2
520
Featured
See All Featured
Side Projects
sachag
452
42k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.6k
Building an army of robots
kneath
303
45k
4 Signs Your Business is Dying
shpigford
182
22k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
Designing for Performance
lara
604
68k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
100
18k
Site-Speed That Sticks
csswizardry
4
410
Making Projects Easy
brettharned
116
6k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Transcript
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拡張機能で便利になる 高校生活楽しい!
ご清聴ありがとうございました