Udemyのチェックを一括で外すor付ける【ブックマークレット】

Udemyのアカウントを妻と共有して、割り勘でいろいろ教材を買ってるんですが

  • 私が見た後に妻が見る
  • 妻が見た後に私が見る

みたいなことがあるため、後から見るほうは既にチェックボックスがついた状態ではじめることになります。

その状態ではじめると「どこまで見たか?」が分からなくなるので、最初に全部のチェックボックスを手動で外してからスタートしていたのですが、その作業が面倒くさいので自動で付けたり外したりできるスクリプトを作りました。

以下のブックマークレットです。

全チェックを付けるブックマークレット

全チェックを外すブックマークレット

udemyのチェックを外すorつける
▲実行した様子

 

このようにUdemyのページ上で実行すると、すべての項目にチェックを付けたり外したりできます。

以下、コードの内容です。

 

以下、このコードについての補足です。

処理の流れ

  1. 「本当に実行するか」の確認ダイアログを出す
  2. メニューを全部開き、クリックできるようにする
  3. clickイベントが設定されている要素を取得する
  4. 取得した要素の子要素の::before要素のbackgroundColorが白色なら、チェックがついていないと判断して、その場合はクリックを実行する

クラス名は変わるかも

Udemyの仕様によって、クラス名は変更されるかもしれません。(その場合はクラス名を書き直さないと動きません)

例えば、.section--section-list--1VLOzの後ろについている1VLOzの部分などは、Webpackなどのバンドルツールでハッシュ値として出力している可能性があるので、ビルドされた際にハッシュ値も変わる可能性があります。

 

おわり

HTML/CSS/JavaScript
スポンサーリンク
この記事を書いた人
penpen

1991生まれ。
2019年くらいからフロントエンドエンジニアを目指している元アフィリエイターです💩

penpenをフォローする
penpenをフォローする
penpenメモ

コメント

タイトルとURLをコピーしました