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
1k
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
200
未踏ジュニアでやってよかったことやっておけばよかったこと / mitou jr 2021 boost
yuki384
0
170
CSS多様な表現紹介 / 2020 Last LT About CSS
yuki384
2
190
Rails Girls に参加した13歳の少女のその後💎 / Rails Girls Gathering Japan
yuki384
2
2k
子ども向けプログラミング学習サイト「メクルン」/geekten
yuki384
0
250
子ども向けのプログラミング学習コンテンツを作る楽しさ / CODE-RAVE vol-2
yuki384
1
140
ビジュアルプログラミング学習サイト「メクルン」の開発 / SecHack365 Returns 2020
yuki384
0
120
プログラミングとはじめの一歩 / Girls Initiative for CoderDojo
yuki384
1
410
伝わるプレゼン資料を作ろう / Let's Make Simply Presentation Slide
yuki384
2
570
Featured
See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Building Adaptive Systems
keathley
43
2.7k
Bash Introduction
62gerente
614
210k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
GraphQLとの向き合い方2022年版
quramy
49
14k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.4k
Code Review Best Practice
trishagee
69
19k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
750
Java REST API Framework Comparison - PWX 2021
mraible
32
8.8k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
1k
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拡張機能で便利になる 高校生活楽しい!
ご清聴ありがとうございました