This is chrome extension.
fixer purpose change "DOM" and make useful TUT site :)
クロームの拡張機能です。 DOMの書き換えによって東京工科大学の学内サイトを使いやすくするものです。
- git clone or download this repository
- go to chrome://extensions
- load this repository(directory or folder)
- goto your portal page.
- this extension diplay content in single page.
- git clone またはダウンロードでレポジトリをローカルに置きます
- chrome://extensions にアクセスします
- 「パッケージ化されていない拡張機能を読み込む」から、 ディレクトリを読み込んでください
- 学内サイトにアクセスします。
- 一ページで講義情報その他を表示されるようにします。
- timetable add class time and url change.
- font style and background color change. and some design change.
- two page summarize.
- add loading animation(this animation is wait for time table infomation)
- 時間割に授業時間の追加、そしてサイトアクセスのurlを直接ジャンプできるようにしました。
- フォントと背景色、デザイン面を変えました。
- indexとlectureを統合しました。
- ローディングアニメーションを追加しました(これは時間割の情報を取得する際に「もともと」時間がかかるのに起因します)
この拡張機能は内部で以下の動きをします。開発に必要な主要的な物を記します。
- jsでhtmlにlinkタグを直接追加することによりgooglefontsでのフォントの追加をしています。
- indexとlectureページを移動します。通常URLの遷移によりDOMが読み込みリセットされますが、TUTportalはhide+pjaxを利用しているので、ページが追加され元のページがdisplay:noneされることによりページ遷移を実現しています。なので読み込みのため必要なページを巡回し、非表示cssを解除することにより見た目を反映するように変更を行います。
- もともとの時間割(tr,tdの方)のクラスにhpjaxがあるのでそれを消去しています。おそらくクラスの分類で独自の処理を行っていると思われます。消去しないとtarget="_blank"が有効になりません。
- cssアニメーションですが、loading関数とremoveloadanimation関数を排除すれば無効になると思います。これはページ遷移とDOM操作、cssの非表示にまつわる画面のちらつきをユーザーに知覚されないようにしているものです。
popup some class infomation from URL. just hover mouse.
add dark mode. and user setting for what display.
extension release "chrome web store"
マウスホバーしたタイミングで簡単な授業情報を出したい。
ダークモードと表示しない項目の設定を追加したい。
後、chromeウェブストアで公開できたらいいですね