履修登録用アプリの開発

履修登録用アプリの開発情報科2部6組24番美輪和維 2025/10/25 2026-3-13

目次 1 研究テーマ研究方法研究過程研究成果まとめ参考文献

研究テーマ 2 履修登録の課題デジタル化で解決 • 紙媒体の不便さ • 比較や修正の手間 • 複雑な履修要件

研究テーマ - 昨年度の研究 3 同様のテーマでのWebアプリ開発しかし、Webアプリではセキュリティ面に不安があった (開発効率、表示速度の向上) React(JavaScriptのライブラリ)でUIを開発 (データ処理, アプリの心臓部)
(UI, アプリの見た目) バックエンドにPython、フロントエンドにWeb技術を使用

研究方法 4 今年度の方針 • セキュリティ重視のローカルデスクトップアプリ • 目標は全生徒がストレスなく履修登録できること • 配布と改善を繰り返し、目標の達成を目指す成果の検証
アプリの大規模な配布を実現し、「履修登録が楽になった」というフィードバックを得る

研究方法 5 時間割作成機能保存/読み込み機能履修要件の自動検証機能実装する機能履修登録の課題 • 紙媒体の不便さ •
比較や修正の手間 • 複雑な履修要件運用目標 • 授業データの更新機能の実装 • 管理画面の作成 • 仕様書の作成

研究過程 - 初期の使用技術 6 Electron Web技術でデスクトップアプリを開発できる選定理由 • 昨年度のUIを再利用できる •
実績や資料が豊富 Electron製アプリの特徴アプリがブラウザを内蔵するので、全てのOSで同じUIを表示できる

研究過程 - 初期の使用技術 7 Bootstrap UIのデザインをテンプレートから作成できる昨年度今年度

研究過程 - 初期のシステム構成 8 データベースデータフロントエンド命令結果バックエンド
内蔵ブラウザ

研究過程 - 開発中の課題 9 • Bootstrapを使わずにデザインすることが増えた Bootstrapの限界 • デザインがテンプレート依存で、開発は楽だが柔軟性が低いテンプレート使用
テンプレート不使用

研究過程 - Bootstrapからの移行 10 Tailwind CSS ユーティリティファーストでデザインを作成できるユーティリティファーストとは実装例: •
色や形やサイズ、余白、レイアウトなど、要素のテンプレートを組み合わせる • 見たままのデザインを適用できる

研究過程 - 中期の研究成果 11 移行成果 • デザインのカスタマイズ性が向上 • 複雑な画面のデザインを実現実装した機能
• 時間割作成機能 • 保存/読み込み機能 • 授業検索機能

研究過程 - 配布の課題 12 Electronからの移行対象OSを一人一台端末などの Windowsに限定し、別の技術へ移行する Electronの抱える負債 • 内蔵ブラウザの容量が大きく、
アプリサイズのほとんどを占める • インストールや起動の遅さもストレス

研究過程 - Electronからの移行 13 Tauri ブラウザを内蔵せず、UIをWeb技術で開発できる懸念点 • OS搭載のWeb表示機能を借りて描画今回はOK
学習・移行コスト • まだ発展途上で、資料が少ない • バックエンドの言語は高速なRust

研究過程 - Electronからの移行 14 妥協案「tauri-plugin-sql」を導入することで、 Rustの代わりにJavaScriptを使う Rustより遅いが、今回の規模ならOK Electronのバックエンド JavaScriptで実装していたデータ処理を
Rustへ移行するには学習時間が足りない

研究過程 - Electronからの移行 15 移行前 330MB 6.6MBに軽量化

フロントエンド命令結果バックエンドデータベースデータ研究過程 - 最終的なシステム構成 16
当初のシステム構成内蔵ブラウザ

研究成果 17 実装内容 • 時間割作成機能 • 保存/読み込み機能 • 検索機能 •
履修要件の検証機能過去の履修状況を記録し、前提科目でフィルタリングできる

研究成果 18

研究成果 19 達成状況複数人に配布し、全員から「履修登録が楽になった」というフィードバックを得ることができたできなかったこと • 卒業要件の検証機能の実装 • 管理画面の実装
• 校内での大規模な配布

まとめ 20 目的履修登録をデジタル化し、履修違反を防止する内容時間割作成、保存/読み込み、授業検索、前提科目の判定を実装成果複数人に配布し、「履修登録が楽になった」という評価を得た考察
要件定義が甘く、技術の移行に時間がかかった詳細な技術選定と設計をすれば、研究成果を最大化できる

参考文献 21 Electron 「ドキュメント」 https://www.electronjs.org/ja/docs/latest/ Bootstrap 「ドキュメント」 https://getbootstrap.jp/docs/5.3/getting-started/introduction/ Tauri 「Guides」
https://v2.tauri.app/start/ Tailwind CSS 「Docs」 https://tailwindcss.com/docs/

履修登録用アプリの開発

履修登録用アプリの開発

kazui

More Decks by kazui

Other Decks in Programming

Featured

Transcript