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

24::gr10::竹田笙馬

archive mode

更新日：2024/4/19((br))
<<個人活動記録>>

!!第1回
* メンバー確定。
* テーマはSNSの何かを模して、制作することになった。
* LINEグループを作った。
* 次回までに各々企画書を簡易的に作成し、どういったSNSを作るかなどの方針を確定させることを課題とした。

!!第2回
* HTMLやGitLabについて触れた。Gitlabは初めて触れて、慣れる必要がありそう。
* 途中、変なトラブルに遭ったが、理由もわからぬまま時間が解決した。
* 簡易企画書にアイデアを並べていった。
* 投稿形態を音声にすることで斬新さを取り入れる試みだが、それに対応できる言語やシステムが不明瞭なため次回までに調査する。

!!第3回
* JavaScriptの演習を行った。Gitlab同様、慣れる必要あり。
* 企画内容変更に伴い、データベースの調査を行った。PythonやSQLなどが出てきたが、先輩達のものを見てみるとどうやらJavaScriptでも代用できそうであることがわかった。
* 簡易企画書を変更した。
* 実際に「もの」と「操作」をまとめ上げ、どういう工程を踏んで進めるか少し明確にした。
* 次回までに様々な曲の情報をまとめ共有することになった。

!!第4回
* JavaScriptの演習を行った。
* 前回の「ものと操作」を基に、どういった分担ができるか明確にした
* モジュール化をどのようにするかが見えてこなかったため、画面ごとに担当をわけることとして、自分は「曲の詳細出力画面」を担い、htmlから書き出すことにした。
* 実際にGitlabを動かし、ファイルを共有できるようにした。案外、難しくなさそうで思いの外安心するのに時間はかからなかった

!!第5回
* HTMLの演習とGitlabの操作確認を行った。
* 引き続き「曲の詳細出力画面」を担当している。今回は曲名と歌手名、楽曲のMVの埋め込みを完了した。
* 現状曲名と歌手名は適当な名前を入れているが、いずれデータから参照できるようなコーディングになっている。
* GPT先生の有用性があまりにも高すぎることを改めて実感した。

!!第6⃣回
* 前回に引き続き、楽曲詳細出力画面を進めた。
* 渡された曲名によって、表示される曲名と歌手名、音域にMVが正確に定まるようになった。
* 音階は数字と対応していて、数字から音階、あるいはその逆の変換に対応できる関数を１つずつ作った。

!!第7回
* 前回に引き続き、楽曲詳細出力画面を進めたが、おおよそ終了した。あとは、Topページのリンクを挿入したり、お気に入りボタンを追加したりが残された作業になると思う。
* 渡された曲名によって、歌詞が表示されるように現在データリストを更新中である。歌詞の文字列にあるタグをHTML内できちんとタグとして認識されるよう.InputHTMLなどを用いて工夫した。

!!第8回
* 今回は各画面を連携させるために、検索結果画面のコードをいじった。これは検索結果画面と楽曲詳細画面をリンクでつなげるために、a hrefなどを使って編集した。
* 入力画面ともつながり、ひとまず大枠が整ったので、中間発表後は残りのタスクにも手を付けていきたい。

!!第9回
* 中間発表で得たコメントを基に今後も精進していきたい。

!!第10回
* 先生方からいただいたコメントを基に、音声解析を行えるようにして視覚的に音域を判別できるようにした。
* アーティストページを設けた。これによって特定のアーティストが手掛けた楽曲のページに飛びやすくなった。

!!第11回
* Gitlabのエラーか何かで先週の頑張りがすべて消えかけた。cloneのおかげでなんとか復元でき、引き続き作業に取り組めた。
* 検索結果画面を少しいじり、フィルターをかけることに成功した。音階の昇順降順は可能になったがラベルの絞り込みはできなかった。
* 楽曲詳細画面のcssを作成し、MVを画面右側に設けようとカラムを使用した。まだ完璧になったわけではないから後日きれいに整えたい。

!!第12回
* カラムを使おうとすると<em>とfrexが反応しているのか、表記にバグのようなものが発生した。
* common.cssを進めて、全体のページにデザインを付与させた

!!第13回
* <em>との互換性が悪い件があったので、アニメーションを使った表示方法で強調させた
* すべてのファイルが上手く稼働しているかを確認した

!!第14回
* 他の班のデザインやこだわりが伝わってくるプロジェクトが多かった。
* 自分の班の発表も前回との変化も伝えられたと思う。良かった。
* 初めて使用する言語やプログラムばかりで良い経験になった。グループで手分けしたからできた部分もあり有意義だった。

Tag:

Attachment

New: append-tag

(download: 351 bytes, at 2024/04/19 15:10:17 <frozen> )
(download: 617 bytes, at 2024/04/26 15:35:43 <frozen> )
(download: 798 bytes, at 2024/04/26 15:46:02 <frozen> )
(download: 807 bytes, at 2024/04/26 15:46:17 <frozen> )
(download: 1376 bytes, at 2024/05/01 15:28:50 <frozen> )
(download: 1751 bytes, at 2024/05/10 16:18:04 <frozen> )
(download: 1926 bytes, at 2024/05/10 16:19:46 <frozen> )
(download: 1926 bytes, at 2024/05/17 13:21:18 <frozen> )
(download: 2384 bytes, at 2024/05/17 15:20:53 <frozen> )
(download: 2738 bytes, at 2024/05/24 16:03:03 <frozen> )
(download: 3244 bytes, at 2024/05/31 15:32:51 <frozen> )
(download: 3631 bytes, at 2024/06/07 15:57:17 <frozen> )
(download: 4045 bytes, at 2024/06/21 15:48:10 <frozen> )
(download: 4600 bytes, at 2024/06/28 15:58:50 <frozen> )
(download: 4823 bytes, at 2024/07/05 15:43:02 <frozen> )
(download: 5237 bytes, at 2024/07/26 15:18:30 <frozen> )

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

24::gr10::竹田 笙馬