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

22::gr03::齋藤華和

第1回 (4.15) 講義説明・班決め・開発テーマ例

班決めと開発テーマの決定をした。
女子6人ということで、女子向けのグルメマップを作ることに!
岩大周辺から大通りあたりのお店を紹介できるようにしたい。

第2回 (4.22) 簡易企画書・Gitlabづくり

スケジュールの作成
簡易企画書(手書き)の作成
MAP名、命名してしまいました。その名も「もりたべMAP」(^ν^)
盛岡のもりとモリモリ食べる的な意味を含めました

第3回 (5.6) 詳細決め・ものと操作の洗い出し

ものと操作の洗い出しをした
ページに必要な"もの"
MAP系なので動きが少ない
ページのイメージ統一のためにFigmaでイメージの作成をしようとしたが、断念
お店探し
ページを開いたときにタイトルコールが流れるようにしたい!そこを担当したいので、以降音声の付け方を調べておく
MAPのロゴとかも作れたらいいなと思う

第4回 (5.13) 簡易企画書の追加記載

小地図の範囲決定、大通りエリアを6分割にすることに
HTMLでのwebデザインの参考書を班長が借りていたので見てみた
地図を誰かが書くか、ネットで作成するか
そろそろページのトップのロゴ?を制作したい

第5回 (5.20) モジュール分け・担当ぎめ

企画書に従いモジュール分けを行った
・音声(効果音)*余裕があれば
・絞り込みJSの担当する

第6回 (5.27) 個人作業開始

絞り機能をどうやって作成するか調べ作業
→SQLを使う?調べてみたところJavaScriptで可能そうだったのでそれでやることに
タイトルロゴとトップページの大体の見た目を作る

第7回 (6.3) ZOOM

引き続き個人作業
自分がやりたいこと、実装できることがないか探し
→アニメーションなどの動きを入れたいと思った

第8回 (6.10)

体調不良で欠席しました(;_;)

第9回 (6.17) 中間発表

どの班も面白いと思いました!完成が楽しみです
絞り込み作業を共同者と話し合ってすすめたいです
私はデザイン中心にうごいています
・タイトルロゴにカーソルオンで色が反転する動きの追加
・HPを開いたときのタイトルロゴが浮かび上がる動きの追加

第10回 (6.24)

TAさんがwikiに書いてくれたfaviconの作成、設定を行った。一気にHP感がアップしたと思う!!
右側にメニューバーのようなものを作りたくて(例えばランキング等を載せるための)調べているのですが、ちょっと苦戦しています

第11回(7.1)

前回に続き右側のメニューバー調べ
ページの幅を二分割してやる。出来るようになったが、今までどおりで行くことにした。ページのレイアウトの都合上

第12回(7.8)

店ページ班が数が多そうだったのでひまりと少し手伝った、、
ページのトップに戻るアイコンを右下に追加
→クリックで画像が変化する仕様に。風船で浮いているがんちゃんがひたすらにかわいい❤

第13回(7.15)

自分が作成した店ページの完成(4店舗分)
店ページには反映できていなかった、細かいメニューバーのHTMLを書き換えを全部行った
店ページ全部一旦確認
自分のバイト先の店ページを追加(少し特別仕様にしたのでぜひ見てください笑)

第14回(7.29)最終発表会

タイトルコールを担当していたが、ページを開いたら音声が鳴る仕様はHPとしてNGらしいです(どの記事にもやめておいたほうがいいと書いてあった...)
ので、左下のアイコンをクリックするとタイトルコールの音声が鳴るようにした
発表のときにガロパンの営業時間の欄が”営業時間外になってしまっていたので(汗)、直す。
→HTMLに営業時間についてのJSの読み込みが記載されていなかっただけでした
左下の音声をランダムでいくつかの音声が再生されればいいかなと思ったのでそこを調べてみる。
いつも何気なく見ていたインターネットのページが、こんなふうに作られているのだと知ることが出来た。簡単な内容なはずなのに、例をそのまま写すだけではもちろんダメで基本的なことから調べたりした(自分が無知すぎるのはあったかもしれない、、)。でも実装のやり方がいくつかあるものがあったりして(関数の違いや捉え方の違いで)、とても自由度が高いものなのが分かった、”楽しい”と素直に感じることが出来ました。もっとスタイリッシュなHPも作ってみたいと思った。
他の班、全部完成度が高くこだわりが見えて面白かったです!
お店のページがもっとあれば良かったのと、岩大生向けならではのこだわりをもっと増やしても良かったかもしれない、でもとても満足している


最終更新日:2022/07/29 15:12:08