11
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

1秒で学習バディの予約をできるようにしました

Last updated at Posted at 2025-03-06

こんばんは66期bのあおです
入学して2週間が過ぎようとしております。
RUNTEQの色々な機能にも徐々に慣れてきました。
学習予約するとき学習バディで予約するのですが毎回以下の項目を手動で選択するのが面倒だと感じていました。。
改善要望はでているのかなと思いますが、さくっとchrome拡張ツールで解決できそうなのでやってみました!

  • ルームの選択
  • やること(タスク)の選択
  • 詳細設定(チャプターなど)の入力

解決策:前回の予約内容を自動入力

この拡張機能では、最後に予約した設定を保存し、次回予約時に自動で適用するようにしました。

使っている技術

  • Chrome拡張機能(Manifest V3): 予約ページにスクリプトを注入
  • MutationObserver: 予約モーダルの出現を検知
  • chrome.storage.sync: ユーザーが最後に選択した設定を保存
  • JavaScript(Vanilla JS): 予約時に保存した設定を自動適用
  • フレームワークも様々あるようなので今後使いたい

具体的な動作

  1. 予約モーダルが開かれると、前回の設定を自動適用
  2. 予約ボタンをクリックすると、現在の設定を保存
  3. 次回の予約時に、前回と同じルーム・タスク・チャプターが自動選択される。

これで、毎回同じ情報を入力する手間がなくなり、よりスムーズに予約できるようになりました!
※登録するボタンを押下したときに記録するため、編集時の自動保存では保存されません。


まとめ

RUNTEQの予約システムをより便利にするために、Chrome拡張 × JavaScript を活用しました。

予約のたびに同じ操作を繰り返す必要がなくなり、学習時間をより有効に使えるようになりました。

この拡張機能のURLは限定公開となっているため検索しても表示されません。
RUNTEQNの本機能として実装されるまで間ですが、、下記URLからぜひお試しください!
(ツールの調子悪かったら画面リロードお願いいたしますw)

あとがき

さくっとはできなかった、、
その間、学習進捗なしw!!

RUNTEQ生が便利になるのが原動力

11
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
11
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?