deizu.vercel.app

概要

Deizu は時間割表を作成するウェブアプリケーションです。高校の時、コロナウィルスの影響で時間割表が何度も変わり、Excel やスプレッドシートでの手入力に疲れていました。時間割表を作成するアプリはたくさんありましたが、ウェブ上で使用でき、かつ納得するようなデザインであるものが見つからなかったので自分で作ろうと思いました。サイト自体は非常にシンプルで Google アカウントをお持ちの方であれば誰でも使用することができ、リンクを通した共有機能や、科目のデータベースの作成等も出来ます。

問題提起

従来の時間割管理方法（例：スプレッドシート）では、頻繁な変更に求められる柔軟性や使いやすさが不足していました。既存のアプリケーションには、以下のような制約がありました:

• ブラウザ上で動作せず、モバイルに限定される
• 使いにくい、または時代遅れのデザイン
• 簡単に共有できるオプションが不足している

これらの課題を踏まえ、以下の主要な機能を備えた解決策を作ることにしました:

• ウェブベース – ダウンロードやインストールが不要
• ユーザーフレンドリー – 誰でも簡単に使える
• 簡単に共有可能 – リンクで時間割を共有
• Google アカウント連携 – 学校登録が必要なく、素早くサインイン

解決策

Deizu は、できるだけ直感的に操作できるよう設計されています。Google アカウントさえあれば、誰でもログインして簡単に時間割の作成、管理、共有が可能です。主な特徴は以下の通りです:

• ミニマルなデザインとモダンなインターフェース – シンプルで使いたいと思えるデザイン
• リンクによる時間割共有 – 他の人と簡単に時間割を共有
• レスポンシブデザイン – デスクトップでもモバイルでも快適に利用可能
• 科目のデータベース – 科目のデータシートを作成し、時間割に追加可能

開発プロセス

Deizu の開発では、シンプルながら機能的な UI の設計と、様々なデバイスでのスムーズなユーザー体験の実現に注力しました。初期バージョンはシンプルでしたが、ユーザーフィードバックをもとに継続的に改良を重ねています。

上の画像はそれぞれ、時間の詳細を入力した際の画面、科目のデータシートがダッシュボードに表示されている様子です。下は時間割のセルを編集するためのモーダルです。ここのインターフェースは Deizu の最も重要な部分なので、使いやすく、わかりやすく、美しいものに仕上げたかったです。

使用技術

Deizu は以下の技術を用いて構築されています:

• デザイン: Figma
• フロントエンド: Next.JS, Tailwind CSS, Motion（旧 Framer Motion）
• バックエンド: Vercel Platform（サーバーアクション、OG 画像生成など）、Unsplash API
• 認証: Firebase Auth
• データベース: Firebase Firestore

まとめ

Deizu はこれまでに複数のバージョンを経ており、バージョン 4（v4）ではデザインと機能に大幅な変更が施されました。普遍的で多くの人に使ってもらえるような変更を意識しました。

• 2 言語のサポート – Deizu は現在、繁体字中国語と英語で利用可能となり、より広いユーザー層に対応
• フィードバックループの強化 – すべてのフィードバックや機能リクエストが LINE グループに直接送られ、迅速な対応と実装が可能に
• 新しいチェンジログ – ユーザーは最新のアップデートや改善点をプラットフォーム上で直接確認できる

個人的な理由で始めたプロジェクトが、今では他の学生、教師、教育機関を含む 2000 人以上の登録ユーザーにとって役立っていることが何より嬉しいです。これからも Deizu を改善し続け、より多くの人にとって便利なツールにしていきたいと思います。