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

23::gr07::澤田遥

個人活動記録

第1回(4月21日)

  • 班決め
  • テーマ決め(時間とお金の管理アプリの制作)
  • 自己紹介とLINEグループの作成

 テーマが決定した。次回はイメージをより具体的なものにしたい。

第2回(4月28日)

  • HTMLとJavaScriptの基礎
  • GitLabの設定
  • 簡易企画書の作成
  • 大まかなレイアウト、開発工程の決定

 簡易企画書を作成した。HTMLやJavaScriptを使用したことがなく不安があるが、自主的に学習をしてプロジェクトに貢献できるようにしたい。

第3回(5月2日)

  • JavaScriptの基本
  • 機能やレイアウトのイメージの共有
  • ものと操作の洗い出し
  • 機能ごとの担当者決め

 このページにはこの操作が必要、こんな機能があったら良いなどを意見を出し合い、制作物のイメージを共有したことで自分たちが作りたいものが次第に明確になってきたように感じた。私は初期設定画面とログイン画面を担当することになった。HTMLやCSSの使用に早く慣れるようにしたい。

第4回(5月12日)

  • JavaScript応用編
  • 「もの」と「操作」の洗い出し
  • 担当する機能の制作

 同じ機能の担当者と意見を出し合ったり、HTMLやCSSの使い方を確認しながら制作を進めることができた。大まかな枠組みはできた。次回は班全体でコミュニケーションを取り、進み具合を確認しながら取り組みたい。また、JavaScriptの理解に苦しんだので、時間をかけて理解に努めたい。

第5回(5月19日)

  • HTML応用編
  • Gitlabについての説明
  • 担当する機能の制作

 HTMLとCSSを用いて、ログイン画面、IDの新規作成画面、初期設定画面が試作段階ではあるがだいたい完成した。視認性や使いやすさを考えたものを作ろうとしているが、デザインの変更の仕方がわからず、妥協してしまった部分があるのが悔しい。

第6回(5月26日)

  • enchant.jsについての説明
  • モジュール化

 モジュール化をして、プロトタイプの作成を進めた。今回 JavaScriptを初めて使用してみて、HTMLともCSSとも使い方が異なるため苦戦して探り探りの作業だった。次回の作業に備えて勉強をしたい。

第7回(5月29日)

  • デバッグについての説明
  • プロトタイプ作成

プロトタイプの作成を進めた。入力された情報の取得、入力内容の確認のため表示を行う関数をJavaScriptで作成した。今日は1つ1つ丁寧に理解することに力を入れた。作業に入るまでにかなり時間がかかってしまい、まだ納得のいく出来ではないが、簡易的なものはできた。

第8回(6月2日)

  • プロトタイプ作成
  • プロトタイププログラムの説明を考えた

 プロトタイプの作成を進めた。確認ダイアログを表示しなくてもいい部分で表示されてしまう問題点を改善した。
他の班員が作成したプロトタイププログラムの説明文を作成した。

第9回(6月16日)

  • 中間発表
  • SCSSについて調べた

 中間発表を終えた。もっと作品に個性を出せるように制作に取り組みたいと感じた。
 CSSのプログラムを管理しやすくするために、今後導入する予定のSCSSについて調べた。次回はボタンデザインやページ遷移のアニメーションを工夫したい。

第10回(6月23日)

  • node.jsとwebsocketについての説明
  • モジュール化
  • ボタン、ページ遷移のアニメーションの検討

 ボタンのデザインやアニメーションの作成に取り掛かった。ボタンデザインは、マウスカーソルをかざすと回転するものに決定して、現在作成中である。参考にするプログラムを読み解くことと、そのデザインを取り入れるためにプログラムをどう修正するか考えることに苦戦した。

第11回(6月30日)

  • enchant.jsとWebSocketの説明
  • ボタン、ページ遷移のアニメーションの作成

 ログイン画面のボタンが完成した。文字の位置が大きくずれたり、透明感が出なかったりしてうまく動かず大変だった。思った以上に時間がかかったが、動きの仕組みを理解して無事に完成させられて安心した。次はカレンダー画面でメニューボタンを押したときのページ遷移アニメーションの作成に取り組みたい。

第12回(7月7日)

  • インタフェース変更
  • 統合テスト
  • ボタンデザインの修正

 ボタンデザインを統一し、すべてのページに反映させた。ログイン情報が未入力の場合の対処を行った。画面上部に表示されるタイトルのデザインが統一できていないのが気になるので修正したい。

第13回(7月14日)

  • カレンダー画面の修正

 カレンダーに追加された予定の表示に必要なhtmlとcss(予定が実際に入った時に表示される、箱のようなもの)を作成した。複数個配置できなかったり、配置する位置が固定されてしまったりして思い通りに予定を配置できず時間がかかってしまった。ウインドウサイズが変わってもレイアウトが崩れないように作成するのが難しかった。

第14回(7月28日)

  • 最終発表

 グループでの開発を通してプログラムの作成に苦しみながらも頑張れたことはとても良い経験になったと感じた。自分の担当したページがきちんと動くものになって嬉しかった。しかし、データベースの設定など難しい部分をプログラミングができる人に任せてしまったため、今後はプログラミングの技術をさらに向上させてグループに貢献できるようになりたいと感じた。


最終更新日:2023/08/04 23:39:46