読み込み中...
ICSS/SPT 2025 タイムテーブルビューア
2025年3月 - 2025年3月
趣味
電子情報通信学会（IEICE）の研究会プログラムをより見やすく、使いやすくするためのウェブアプリケーションを開発しました。直感的なタイムテーブル表示、セッション選択機能、スケジュールの永続化（ローカルストレージ）、スケジュールのエクスポート機能、レスポンシブデザインなど、実用的な機能を実装しました。
アーキテクチャ
Next.jsをフレームワークとして使用し、TypeScriptで型安全な開発を行いました。Tailwind CSSを使用してユーティリティファーストのスタイリングを実現し、Heroiconsを使用してアイコンを実装しました。セッション選択機能はブラウザのローカルストレージに保存され、選択したセッションを整形された形式でクリップボードにコピーできる機能を実装しました。
技術的挑戦
- 研究会プログラムのデータ構造の理解と適切な表示方法の設計 → 日付・会場別に分かりやすくセッションを表示するUIを実装
- ローカルストレージを使ったスケジュールの永続化 → ブラウザのローカルストレージを活用して選択したセッションを保存
- レスポンシブデザインの実装 → スマートフォンからPCまで様々なデバイスで快適に閲覧できるように実装