2021 ソフトウェア設計及び演習用の班Wiki

21::gr09::モジュール分け::スケジュールモジュール

モジュール分け

概要

スケジュールに追加する予定関連のモジュール

予定追加や予定表示、予定削除処理

スクリプトファイル

script.js

関数構造図

関数説明

※RTDB：RealTime DataBase (リアルタイムで読み込み・書き込みが行えるデータベース）

*fetchScheduleDate()

予定がある日付を取得する

removeScheduleDate()

登録されている予定を削除する

Firebase RTDBで予定に対応する要素を削除する

*visualizeSchedule()

日付がクリックされたときにスケジュールの詳細を表示する

*monitorSchedule()

コールバック用関数の登録

fetchScheduleDate関数、removeScheduleDate関数の登録（コールバック）

fetch :データ取得の処理

remove：削除されたときの内部処理

scheduleCreation()

新規スケジュールポップアップ作成

scheduleClear()

入力欄に残っている文字を削除する

時間指定のチェックボックス外す

submitSchedule()

スケジュール投稿に使用

Firebase RTDBに書き込む

scheduleClear()を呼び出し予定作成が完了したらすべての入力を削除する

showSchedule関数を呼び出し表示する

*reserveScheduleCreation()

ポップアップが表示されてから関数が動くようにする工夫

スケジュールの登録に使用

showSchedule()

クリックされた日付に予定があったら表示する

deleteSchedule関数を呼び出すボタンを生成する

*deleteschedule()

削除ボタンの処理に使用

データーベースから削除された予定のキーを消す

チャットモジュール
モジュール分けTop

最終更新日：2021/07/30 11:30:26

21::gr09::モジュール分け::スケジュールモジュール

概要

スクリプトファイル

関数構造図

関数説明

*fetchScheduleDate()

removeScheduleDate()

*visualizeSchedule()

*monitorSchedule()

scheduleCreation()

scheduleClear()

submitSchedule()

*reserveScheduleCreation()

showSchedule()

*deleteschedule()

歴代班のページ

リンク

試し書き

このWikiのルール

最近更新したページ

2021 ソフトウェア設計及び演習用の班Wiki

21::gr09::モジュール分け::スケジュールモジュール

概要

スクリプトファイル

関数構造図

関数説明

*fetchScheduleDate()

removeScheduleDate()

*visualizeSchedule()

*monitorSchedule()

scheduleCreation()

scheduleClear()

submitSchedule()

*reserveScheduleCreation()

showSchedule()

*deleteschedule()

歴代 班のページ

リンク

試し書き

このWikiのルール

最近更新したページ

歴代班のページ