StyleUp for WebClass

WebClassのインターフェースを改善し、より使いやすくするChrome拡張機能です。 Chrome拡張機能とありますが、Chromeumベースのブラウザ(Edge、Braveなど)であればお使いいただけます。

主な機能

• モダンなヘッダーデザイン: 分かりにくいUIからシンプルで使いやすいヘッダーに置き換え
• 今日の授業のハイライト表示: 科目一覧から今日の授業を一目で確認可能
• 現在時限の強調表示: 現在進行中の授業を特別にハイライト
• レイアウト最適化: 科目検索や学期選択などを使いやすい位置に配置
• 不要な要素の削除: 余分なリンク欄や繰り返し表示される要素を整理
• テーマカラー変更機能: 5種類のテーマから好みの色に変更可能
  • ブルー（デフォルト）
  • グリーン
  • レッド
  • パープル
  • ダークモード

スクリーンショット

インストール方法

Chrome ウェブストアでの公開はしていませんので、ご自身で追加してください。

開発者モードでのインストール

1. このリポジトリをダウンロードまたはクローン
2. Chromeで chrome://extensions/ を開く
3. 右上の「デベロッパーモード」をオンにする
4. 「パッケージ化されていない拡張機能を読み込む」ボタンをクリック
5. ダウンロードしたフォルダを選択

わからない場合は、LLMに聞くか、youtubeなど検索してください。

使用方法

インストールが完了すると、大阪産業大学のWebClass（https://ed24lb.osaka-sandai.ac.jp/webclass/）にアクセスした際に自動的に適用されます。

特別な操作は必要ありませんが、以下の機能を利用できます：

• カスタムヘッダーの「テーマ」ボタンをクリックして、好みの色テーマを選択
• 科目一覧から今日の授業が自動的にハイライト表示されます
• 現在の時限に該当する授業はさらに強調表示されます
• メインページのレイアウトが最適化されます

テーマカラー

拡張機能は5つのカラーテーマを提供しています：

1. ブルー（デフォルト）: 標準的なマテリアルデザイン
2. グリーン: 落ち着いた緑色をベースにした配色
3. レッド: 活気あるレッドをベースにした配色
4. パープル: 洗練されたパープルをベースにした配色
5. ダークモード: 電気使用量・目を刺激が少ない、目にも地球にも優しい暗色テーマ

また、選択したテーマは自動的に保存され、次回アクセス時も維持されます。

注意事項

• この拡張機能は大阪産業大学のWebClassシステム専用に設計されています
• ログインページではオリジナルのデザインが維持されます
• 公式のWebClass機能を阻害することはありませんが、見た目や配置を変更します

貢献方法

1. このリポジトリをフォーク
2. 機能追加やバグ修正のためのブランチを作成
3. 変更を加えてコミット
4. プルリクエストを送信

ライセンス

MITライセンス

作者

kabuchin

免責事項

この拡張機能は公式のWebClassシステムとは無関係であり、大阪産業大学およびWebClass開発元による公式のサポートはありません。使用は自己責任でお願いします。