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

23::gr01::小野寺永人

archive mode

<<個人活動記録>>

!!''''第1回(4/21)''''
'''活動内容'''
* 班決めをした。
* 健康管理アプリの開発に取り組むことにした。
* 今後の活動に備えて連絡先を交換した。
((br))

'''次回以降'''
((br))

テーマについて詳細に話し合い、プロジェクト概要（簡易企画書）の作成に取り組む。

!!''''第2回(4/28)''''
'''活動内容'''
* 開発テーマ関係(健康管理アプリに関して基本的な機能の決定とUIのデザインについても検討した。)
* Gitlab関係（班長に新規プロジェクト(現時点でリポジトリと同義)を作成していただき、そのまま班長のPCでclone~readmeファイルの作成~add~commit~pushまで行っていただき、自分のPCで複製して反映されていることを確認した。）
((br))

'''次回以降'''
((br))

JavaScriptについて学ぶ。

!!''''第3回(5/2)''''
'''活動内容'''
* 簡易計画書の改稿を作成した。
* 簡易計画書より、「もの」と「操作」の洗い出しを行い、入力データ、画面遷移の設計を行った。
((br))

'''次回以降'''
((br))

設計を改善する。

!!''''第4回(5/12)''''
'''活動内容'''
* 前回より、「もの」と「操作」の洗い出しについて話し合った。その結果をスライドにして班wikiのものと操作のページに掲載した．
((br))

'''次回以降'''
((br))
役割分担してそれぞれ画面設計と機能（モジュール)の設計を行う。

//種目が1日に複数になることがある　入力年月日はDateメソッド？で自動入力にして種目とその時間の入力は別画面で行った方が良いか？

!!''''第5回(5/19)''''
'''活動内容'''
* 個人的にHTMLでサンプルを書いてみた。設定画面で体重を入力してメイン画面で表示できるようにjavascriptのコードを少し書いてみた。((br))

:[[プロトタイプのプロトタイプ|23::gr01::プロトタイプのプロトタイプ]]

* あとモジュール分けについて話し合った結果をスライドにして班wikiのモジュール分けのページに掲載した．

'''次回以降'''
* 担ったモジュールについての詳細を考えて来て打ち合せする。
* プロトタイプの作成
* モジュールの作成

!!''''第6回(5/26)''''
'''活動内容'''
* Node.jsのExpressフレームワークとMySQLを用いて自分なりにプロトタイプを作成した。
* 班の方針として、データベースはFirebaseを用いて、フレームワーク等は使わないようなので、あまり班の活動の役に立たなかったがNode.jsによるサーバサイド(バックエンド)の勉強ができてよかった。
* それでも作成したプロトタイプの画面構成が,中間発表用の雛形に採用される感じになったので、.ejs→.htmlに直して共有しておく。

!!''''第7回(5/29)''''
'''活動内容'''

* 前回作成したプロトタイプのデータベースモジュールをMySQLからFirebaseのNoSQLドキュメント指向データベースCloud Firestoreへ移行作業をした．サーバーレスなのはとても便利だと感じた．

'''次回以降'''
* 担ったモジュール(データベース)について，データの追加操作は大体できたので，データの取得操作をできるようにする．
* 中間発表の準備

!!''''第8回(6/2)''''
'''活動内容'''
* プロトタイプの画面モジュールを大体設計して、Firebaseを用いたデータの追加と読み込みのモジュールはできた。これで私の担当モジュールはあらかた完了となる。あとはやることがあるとしたら、他モジュールの要請に答えて種々のクエリを追加していくことかなと思う。

'''中間発表について'''
* 中間発表前に一度集まって打ち合わせを行うことになった。
* 他のモジュールがいい感じに出来上がっていたので、中間発表前に、メインプログラムに組み込んだり、DBからデータを持ってきて反映させたりなど、統合作業を行い、プロトタイプを完成させる。

'''次回以降'''
* 中間発表

!!''''第9回(6/16)''''
'''活動内容'''
* 中間発表を行った。トップバッターであったこともあるのか，不覚にも少し緊張してしまった。
* 他の班の発表を基に自分たちの班で反映できるものを改善点として追加した。
* 第5回あたりから今回の中間発表まで自分一人で勝手にほとんどプロトタイプを作ってしまったので，次回以降はちゃんと班員の分担を考えて，協調していこうと思う．前半頑張ったので，後半は少し楽をしたいという個人的な願望もある．

'''次回以降'''
* 改善点(ものと操作の追加等)の作業

!!''''第10回(6/23)''''
'''活動内容'''
* 改善点(ものと操作の追加等)の作業の続きを行った
* 個人の担当としてはユーザ管理モジュールであったので、ログイン時のエラー検出と表示、ソーシャルログイン(google,facebook,github)の実装を行った。(変更ファイル:login.html, signin.html, login.js, signin.js, 追加ファイル: login.css)

'''次回以降'''
* 第10回(6/23)のつづき

!!''''第11回(6/30)''''
'''活動内容'''
* 担当であるユーザ管理(新規登録・ログイン)モジュール及びデータベース(DB)モジュールについて、その解説を班Wikiに載せた。

:[[ユーザ管理モジュール|23::gr01::ユーザ管理モジュール]]
:[[データベース(DB)モジュール|23::gr01::データベース(DB)モジュール]]

*UIについて班員と話し合った。

'''次回以降'''
* 第11回(6/30)のつづき

!!''''第12回(7/7)''''
'''活動内容'''
* 統合テストをしてみて、各画面モジュールの変更により他モジュールに悪い影響が出ていたので、可能な限り取り除いた。
* 自身の担当モジュールに関しては入力エラー検出の改善を行った
* 中間発表後は作業の分担がスムーズに行ったので、自身のやることはあまり無くなったが、目標設定画面に関しては他の班員が手を加える事は無さそうなので、時間の許す限り設定画面モジュールの改善に取り組むのもいいかも知れない。

'''次回以降'''
* 第13回(7/7)のつづきと最終発表準備

!!''''第13回(7/14)''''
'''活動内容'''
* データ閲覧画面に関して、入力記録が多くなるとリストからグラフ、グラフからリストへのマウススクロールに手間が生じてしまうため、画面右下にクリックでグラフとリスト間を遷移できるようにスクロールボタンを追加した。
* 目標設定画面で、ユーザーが目標体重を設定し易いように、スライダーバーでBMIを調整することで体重を設定できるようにした。
*　班員と一緒に班Wiki最終発表の項目を編集した。

'''次回以降'''
* 最終発表

!!''''第14回(7/28)''''
'''活動内容'''
* 最終発表に関して、中間発表から分かりやすい視覚的な変化が少なかったので、話すネタとしてFirebaseについて説明できるように班Wikiに説明を載せた。<br/>
''''[[Firebaseとは|23::gr01::Firebase]]''''<br/>
''''[[Cloud Firestore|23::gr01::Cloud Firestore]]''''<br/>
''''[[データベースのイメージ図|23::gr01::データベースのイメージ図]]''''<br/>
* 最終発表の担当だったことに関して、班員の頑張りをちゃんと伝えられたか不安であるが、班Wikiには記録が残っているのでそちらを参照していただければ幸いである。
* 他班の発表に関して、どのアプリも高いレベルで機能が多く、とても勉強になった。本アプリも8/4の最終提出までに改善できる所はやってみようと思う。

!!''''講義を振り返って''''
　昨年度C言語を学んで，今年度こちらの科目でいきなりグループワークでアプリを作るということで，最初は困惑したのを覚えています．データベースはおろかHTML,Javascript等の知識もはじめは全く無く，サンプルコードをひたすら書いてみて，徐々にアプリ作成に必要なスキルを身につけていきました．「自分で調べる力」を鍛えるいい機会になりました．

ユーザ管理とデータベース担当ということで，Firebaseを使うという方針になるまでは，Node.jsやMySQLの勉強をして自分でWebサーバやデータベースサーバを立てたりしてみて，それ自体は直接的に班の活動には貢献できなかったのですが，これもいい経験になりました．Firebaseによるプロジェクト作成に関しても，調べると，Reactとかを用いたサンプルばかりで，シンプルにJavascriptの記述のみで実装していくのは公式のヘルプページしかリファレンスが無かったので構築にとても時間がかかりましたが，気合で乗り切りました．慣れれば簡単になりました．逆に言えば，全く未知の領域でも，独学である程度のことはできることがわかりました．プログラミングに限らず，やらない理由や，やれない理由は探せばいくらでもあると思いますが，できるだけそういったものによりかからず，これからも様々なことに取り組んでいこうと思います．

よって，講義情報に記載していた講義の目的，到達目標に関して最低限の水準はクリアできたかと存じます．

個人的な心残りとしてはせっかくFirebaseの使い方を勉強したので，Cloud Storage を用いた機能も組み込められれば尚良かったと感じました．具体的には会員登録のときにアイコン画像を登録してユーザ情報と紐づけて，それをユーザ名表示の隣に表示させたり，メイン画面に表示させたりできればもう少し完成度が増したのではないかと考えられます．

最後に，本講義はグループワークということでしたが，この班は知り合い同士で編成した班ではなかったため，他の班員の方々にはコミュニケーションの面で負担をかけることが多く申し訳なく感じました．同じ班のメンバーである相川さん，Choiさん，横山さん，佐々木さん，武田さんには大変お世話になりました．短い期間でしたがありがとうございました．またお世話になる機会がありましたら，どうぞよろしくお願いいたします．特にChoiさんがFirebaseを用いたプロジェクトの開発を提案してくれたおかげで，その後の作業がスムーズに進みました．大変感謝しております．TAの信樂さんにも，いつも丁寧に対応していただいたこと大変感謝しております．本当にありがとうございました．

Tag:

Attachment

New: append-tag

(download: 347 bytes, at 2023/04/21 14:57:19 <frozen> )
(download: 366 bytes, at 2023/04/21 15:07:43 <frozen> )
(download: 385 bytes, at 2023/04/21 15:11:47 <frozen> )
(download: 385 bytes, at 2023/04/21 15:14:14 <frozen> )
(download: 393 bytes, at 2023/04/21 15:15:06 <frozen> )
(download: 360 bytes, at 2023/04/21 15:16:34 <frozen> )
(download: 380 bytes, at 2023/04/21 15:19:16 <frozen> )
(download: 936 bytes, at 2023/04/28 15:29:10 <frozen> )
(download: 1584 bytes, at 2023/04/28 15:50:34 <frozen> )
(download: 1482 bytes, at 2023/04/28 15:53:05 <frozen> )
(download: 1482 bytes, at 2023/04/28 16:36:53 <frozen> )
(download: 1782 bytes, at 2023/05/02 15:08:00 <frozen> )
(download: 1533 bytes, at 2023/05/12 16:07:16 <frozen> )
(download: 1675 bytes, at 2023/05/13 13:59:59 <frozen> )
(download: 1766 bytes, at 2023/05/13 14:01:21 <frozen> )
(download: 2024 bytes, at 2023/05/19 13:23:08 <frozen> )
(download: 2217 bytes, at 2023/05/19 13:34:32 <frozen> )
(download: 2217 bytes, at 2023/05/19 13:35:25 <frozen> )
(download: 2257 bytes, at 2023/05/19 15:45:23 <frozen> )
(download: 2257 bytes, at 2023/05/19 15:46:54 <frozen> )
(download: 2326 bytes, at 2023/05/19 15:48:15 <frozen> )
(download: 2559 bytes, at 2023/05/19 20:02:34 <frozen> )
(download: 2638 bytes, at 2023/05/19 20:03:37 <frozen> )
(download: 2648 bytes, at 2023/05/19 20:04:31 <frozen> )
(download: 2674 bytes, at 2023/05/19 20:05:55 <frozen> )
(download: 2694 bytes, at 2023/05/19 20:08:02 <frozen> )
(download: 2691 bytes, at 2023/05/19 22:15:35 <frozen> )
(download: 3339 bytes, at 2023/05/26 16:39:42 <frozen> )
(download: 3298 bytes, at 2023/05/26 16:41:52 <frozen> )
(download: 3392 bytes, at 2023/05/29 13:08:09 <frozen> )
(download: 3093 bytes, at 2023/05/29 13:10:49 <frozen> )
(download: 3604 bytes, at 2023/05/29 17:29:01 <frozen> )
(download: 4014 bytes, at 2023/06/02 13:48:05 <frozen> )
(download: 4229 bytes, at 2023/06/16 15:37:12 <frozen> )
(download: 4278 bytes, at 2023/06/16 15:45:20 <frozen> )
(download: 4675 bytes, at 2023/06/16 16:13:13 <frozen> )
(download: 4704 bytes, at 2023/06/16 16:15:58 <frozen> )
(download: 5093 bytes, at 2023/06/23 13:10:16 <frozen> )
(download: 5565 bytes, at 2023/06/23 15:26:31 <frozen> )
(download: 5641 bytes, at 2023/06/30 14:42:35 <frozen> )
(download: 5871 bytes, at 2023/06/30 14:45:53 <frozen> )
(download: 5918 bytes, at 2023/06/30 17:47:47 <frozen> )
(download: 5995 bytes, at 2023/06/30 17:48:32 <frozen> )
(download: 6010 bytes, at 2023/06/30 17:48:54 <frozen> )
(download: 6056 bytes, at 2023/06/30 17:49:33 <frozen> )
(download: 6607 bytes, at 2023/07/07 15:02:02 <frozen> )
(download: 6751 bytes, at 2023/07/07 15:05:13 <frozen> )
(download: 7328 bytes, at 2023/07/14 13:26:32 <frozen> )
(download: 7398 bytes, at 2023/07/14 15:29:03 <frozen> )
(download: 8086 bytes, at 2023/07/28 13:39:11 <frozen> )
(download: 8124 bytes, at 2023/07/28 13:45:53 <frozen> )
(download: 8180 bytes, at 2023/07/28 13:46:58 <frozen> )
(download: 8191 bytes, at 2023/07/28 13:48:01 <frozen> )
(download: 8196 bytes, at 2023/07/28 13:50:24 <frozen> )
(download: 8303 bytes, at 2023/07/28 13:54:16 <frozen> )
(download: 321483 bytes, at 2023/05/19 13:34:23 )
(download: 11889 bytes, at 2023/05/19 13:34:50 )
(download: 11148 bytes, at 2023/05/19 13:34:13 )
(download: 265031 bytes, at 2023/05/19 13:20:27 )
(download: 6797 bytes, at 2023/05/19 13:33:52 )
(download: 6808 bytes, at 2023/05/19 13:33:35 )
(download: 32582 bytes, at 2023/04/28 15:52:57 )

Syntax Help

URL Link

[text|http://example.com//] http://example.com/to{text}

Page Link

[[PageName]] [[text|PageName]] >>{PageName} >>{PageName}{text}

Image or Attachment

<<{filename} <<{filename}{text}

Text Decoration

'' Italic '' ''' Bold ''' '''' Large-font '''' `` Typewriter `` `?` Preformatted `?` __ Underline __ == Strike == == DEL =={ INS } ((br)) line feed

Special Letter

((amp)) & ((bq)) ` ((lt)) < ((gt)) > ((lp)) ( ((rp)) ) ((lb)) [ ((rb)) ] ((ll)) (( ((rr)) ))

Headline

!!!! site-name !!! section-name !! subsection-name ! subsubsectino-name << section-name >> <<< subsection-name >>> <<<< subsubsection-name >>>> >> Centering and Large-font <<

Itemize

* item1 ** item1-1 ** item1-2

Enumerate

+ item1 + item2 ++ item2-1

Table

|| 1-1 | 1-2 | 1-3 || 2-1 | 2-2 | 2-3

Description

:item ::description

Quotation

6< quotation >9

Preformatted text

8< preformatted-text >8

Edit

23::gr01::小野寺永人

Attachment

Syntax Help

URL Link

Page Link

Image or Attachment

Text Decoration

Special Letter

Headline

Itemize

Enumerate

Table

Description

Quotation

Preformatted text