技育CAMPハッカソンVol.11
DayPalette – 日程調整Webアプリ(チーム開発) 担当: ユーザー入力機能(ユーザー名・空き時間入力UI)の設計と実装 概要: 複数人の予定調整を簡単にするためのWebアプリを開発。私は、ユーザーが自分の空き時間をドラッグ操作で入力できる直感的なUIを設計し、バックエンドとのデータ連携(JSON形式の送受信)を実装した。 技術スタック: フロントエンド: React, TypeScript バックエンド: REST API(Node.js) 実装内容: 入力UI・ドラッグ操作・ランダムカラー生成・JSON送受信処理 工夫した点: ドラッグ操作で簡単に空き時間を指定・修正できるインターフェースを実現 各ユーザーにランダムな色を割り当て、重なり部分の視覚的判別を向上 フロントエンドとバックエンド間の非同期通信を実装し、動的なUI更新を実現 成果: 直感的に操作できるUIにより、従来の手動でのスケジュール調整作業を大幅に効率化。