<<活動記録>> !!!第1回 !!作業内容 *班決め *テーマ決め((br)) テーマとして挙がったのは以下の3つ((br)) **タイマー((lp))メイン((rp)) **カレンダー **ランキング *意見交換(アイデア) **1画面で表示する **ゲージで進捗を可視化 **コメント機能によるモチベーションの充実((br)) 次回は簡易企画書を作成することを目標とする。 !!!第2回 !!学習内容 *htmlの基礎((br)) 今回の開発言語になる可能性が高いため、重点的に学習したい *Javascriptの基礎 *gitlabの使い方 !!作業内容 *gitlabの設定 *テーマ決め((br)) 今回のソフトウェアは主に３つの要素で構成されている。 **ログイン画面 ((br))主にアカウントの管理 **タイマー機能 ((br))時間、分、秒の範囲でセット ((br))複数のタイマーをセットとして使用 ((br))記録機能を使用し時間を管理 **記録管理 ((br))カレンダー機能と勉強時間の記録 ((br))合計時間の記録を行う ((br)) 次回はこのソフトウェアにおいてのものと動作について考える。 !!!第3回 !!作業内容 *テーマの確認 *ものと操作の洗い出し **それぞれの画面からものと動作、遷移を考え、大まかなオブジェクトの構想を書き下ろした。 **全体の構造を粗方理解することができた。 !!洗い出しの内容 *ログイン画面からのソフトウェアの構成 *それぞれの画面のボタンとそれに対応する動作 *データベースを含めたものと動作とデータの割り当て ((br)) 次回はそれぞれの画面、構成要素の優先順位を考え、プロジェクトの 方向性を固める。 !!!第4回 !!作業内容 *ものと操作の洗い出し **タイマー画面(デスクトップ)のレイアウト **レイアウトに沿ったものと操作の企画 **ポップアップ画面の挙動 **タイマー設定画面の調整 ***主にタイマー周りの挙動 ***設定ボタンの画像消去 *プログラム全体の構成 **タイマー周りの遷移 **機能と構成の調整 ((br)) 次回はモジュール分けを行う。 !!!第5回 !!作業内容 *データのやり取り **データベースとのデータのやり取り ***firebaseを用いたソフトウェア **画面の遷移 ***同一ソフトウェアのデータの受け渡し *モジュール分け **それぞれの遷移ごとのモジュール ((br)) 次回はモジュール分けの分担を行う。 !!!第6回 !!作業内容 *モジュールの分担 **サウンドモジュール **時計システム・表示モジュール *環境構築 **VS codeを用いて制作 **VS codeのターミナルを用いてGitにコードを追加 ((br)) 次回はプロトタイプの作成を行う。 !!!第7回 !!作業内容 *プロトタイプの作成 **サウンドモジュールの作成 ***4つの異なるボタンにそれぞれ違う音を鳴らす ***一つの関数に効果音を入れて呼び出す **時計モジュールの作成 ***時刻を取得するDateオブジェクトを作成し、取得 ***100ミリ秒ごとに端末から時刻を取得 ((br)) 次回はプロトタイプの調整を行う。 !!!第8回 !!作業内容 *プロトタイプの調整 **サウンドモジュールの作成((br)) プロトタイプではボタンをクリックしたら音がなるが、コンポーネントのため一つの関数として呼ばれる。((br)) 完成するためには値の受け取りを行い、それに応じた効果音を鳴らさなければならない。 **時計モジュール((br)) これもコンポーネントの一つである。((br)) 時計の文字自体を変更するCSSを作成する必要がある。 ((br)) 次回は中間発表。発表者のプログラムを参考にしたい。 !!!第9回 !!作業内容 *中間発表 **この日はコンピュータの操作を行った。 *モジュールのプロトタイプ **棒グラフのプロトタイプ作成 ((br))Javascriptの変数をCSSに送ることができなかった。 V-bindで値を送ることが出来るらしいが未だに成功せず。 ((br)) 次回はCSSをjavascriptの変数を生かして表現する。