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拡張機能をつくった件 / Made Chrome Extension for Visualization of Taking Lectures Time
Search
Yuki Mihashi
August 17, 2019
0
930
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
140
未踏ジュニアでやってよかったことやっておけばよかったこと / mitou jr 2021 boost
yuki384
0
130
CSS多様な表現紹介 / 2020 Last LT About CSS
yuki384
2
140
Rails Girls に参加した13歳の少女のその後💎 / Rails Girls Gathering Japan
yuki384
2
1.7k
子ども向けプログラミング学習サイト「メクルン」/geekten
yuki384
0
180
子ども向けのプログラミング学習コンテンツを作る楽しさ / CODE-RAVE vol-2
yuki384
1
90
ビジュアルプログラミング学習サイト「メクルン」の開発 / SecHack365 Returns 2020
yuki384
0
81
プログラミングとはじめの一歩 / Girls Initiative for CoderDojo
yuki384
1
350
伝わるプレゼン資料を作ろう / Let's Make Simply Presentation Slide
yuki384
2
460
Featured
See All Featured
Into the Great Unknown - MozCon
thekraken
10
990
Embracing the Ebb and Flow
colly
80
4.1k
RailsConf 2023
tenderlove
4
540
Music & Morning Musume
bryan
41
5.6k
Reflections from 52 weeks, 52 projects
jeffersonlam
345
19k
Designing for humans not robots
tammielis
248
25k
Pencils Down: Stop Designing & Start Developing
hursman
117
11k
Automating Front-end Workflow
addyosmani
1356
200k
Product Roadmaps are Hard
iamctodd
44
9.7k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
116
18k
The World Runs on Bad Software
bkeepers
PRO
61
6.7k
The Pragmatic Product Professional
lauravandoore
25
5.8k
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拡張機能で便利になる 高校生活楽しい!
ご清聴ありがとうございました