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

23::gr02::高橋光

archive mode

<<リンク集>>
:: http://wiki.cis.iwate-u.ac.jp/~yamanaka/csd/2023/{講義ページトップへ}
:: >>{23::gr02}{班ページトップへ}
:: http://wiki.cis.iwate-u.ac.jp/~yamanaka/csd/2023/material/links/{資料集へ}

:: https://lms.iwate-u.ac.jp/webclass/{Webclassへ}
:: https://www.notion.so/8a7dd4cbba3140f6babd1e429e79f2e9?v=fc25eff42f1344c7a18eebeda1449073{Notionへ}
:: https://www.figma.com/file/Y3wI6kffREmFrfSrdzkFDU/Untitled?node-id=0-1{figmaへ}
::https://chat.openai.com/?model=text-davinci-002-render-sha{chatGPTへ}

<<カレンダー モジュール>>
<<<もの>>>
* カレンダー要素
* 月表示欄
* 年表示欄
* 日付セル
* 前月/次月ボタン

<<<操作>>>
* カレンダーの日付セルをクリックして、その日の詳細情報を表示する。
* 前月/次月ボタンをクリックして、カレンダーの表示月を切り替える。

<<個人の作成物(ものと操作の実装)>>
* カレンダー要素とメモ要素を作成し、表示する。

* 年表示は実装できず。月表示は実装できたので、カレンダーの上に月と年を表示するようにした。
* 前月/次月ボタンをクリックして、カレンダーの表示月を切り替える操作を実装した。

* 日付セルを実装し、既にその日に追加されているメモの表示と、選択した日付にメモを追加できるようにした。セルをクリックすると、編集画面に日付のデータが送られるイメージ。→修正してもらい、削除機能を追加された。
* データベースからメモデータを受けとり、配列に入れている。日付セルを押すと、日付と合致するメモだけを表示するようにしている。
* 班員(データベース担当)に修正してもらった点として、メモがある日付の色の反転表示、配置、またデータベースとのデータのやり取りなどがある。

<<note>>
* javascriptはキャメルケース（単語と単語の境目を後の単語の頭文字を大文字にする事によって表す）を良く使うらしい。C言語では割とスネークケース（単語と単語の間にアンダーバーを入れる）が多い。
* 見栄えに関する情報がHTMLに埋め込まれてしまうと,表示するデバイスを変えた際などに使い回しが困難になる．

: データベース
* データベースの詳細はnotionに。Djungoを用いて管理しているらしい。
::https://indigo-asteroid-cdf.notion.site/2023_gr02-da33560a62f34bdabb879a35b2326d26
* SQLite はサーバとして動作させるのではなく単独のアプリケーションとして動作させることが可能です。インストールも簡単な上に非常にコンパクトなため、アプリケーションと一緒に配布するといった利用も数多くされています。
::https://www.javadrive.jp/sqlite/{引用元}
* node.jsについて　[概要|https://www.kagoya.jp/howto/it-glossary/develop/nodejs/] [詳細|https://nodejs.org/ja]
 
:企画書作成について
* 全体像がなく、詳細だけしか書いていない場合はわからない。企画書には全体像を書く。

::http://sanetu.main.jp/htmlsample1/htmlsample2.html{カレンダーの参考1}

<<目次>>
<<<第一回(4/21)>>>
:内容
* ガイダンスで大まかな講義の進め方や一昨年以上前の作品をみた。
* 班を決めLINEグループを作った。班員個人のページを編集した。
* タイマーアプリを作成することに決まった。勉強した時間に応じて報酬だったり対象のものが成長するという機能がアプリの根幹になる予定である。また、中間発表や最終発表までの間にしたいことの共有をした。
:感想
* 多分この班の中で1番プログラミングのスキルが低いだろうから、自習する。

<<<第二回(4/28)>>>
:内容
* HTMLの基礎を学習
* Gitlabのsign upや設定
* 企画書の相談
:感想
* HTMLやJavascriptはほとんどやったことがなかったので,もっと勉強していきたい。
* 企画書作成のために班員と話し合った。イラストやUIをどのようにしていくかこれから考える。
*

<<<第三回(5/2)>>>
:内容
* Javascriptの基本について学んだ。
* 開発するものと操作を班で洗い出し、担当を分け開発に取り掛かった。
:感想
* タイマーを造るに当たり、HTMLやJavascript、CSSを用いて実装する方法を調べた。
* 実際にタイマーのソースコードを作り動かしてみた。期待した動作にならなかったので、調べながらやってみる。
<<<第四回(5/9)>>>
:内容
* Javascriptの応用編を学んだ。
* 前回の続きで、ものと操作の洗い出しを行った。
* 班内での命名規則を統一した。
* カウントダウンタイマーを実装するためのコードを考えて作ってみた。
* カレンダーに必要な機能を再度考えて、コードを考えた。まだ考えている段階である。

:感想
* 応用編の内容を復習する。
* コードを考えてみたが、複雑な上にうまく動作しないことが多いので、より勉強して改良する。

<<<第五回(5/19)>>>
:内容
* HTML応用編
* Gitについて
* モジュール分け
* カレンダー機能の作成
:感想
* カレンダーの表示はできるが、他につけたい機能を上手く実装できなかった。特にメモの部分は、Node.jsを用いて内容を保存できるように作ったが、いずれデータベースの方と組み合わせていくので改善させたい。
* カレンダーのデザインについて班内に共有する。
* やっぱりJavascriptの知識が足りないので、調べながら補っていく。

<<<第六回(5/26)>>>
:内容　
* プロトタイプ作成とenchant.jsについて学んだ。
* カレンダー(スケジューラー)データベースに送るデータについて話した。もう少し話を詰める。
* スケジューラーを作成した(途中まで)。
:感想
* カレンダーもといスケジューラーを作成していたが、データベースとの噛み合いを考えると作り直す必要が出てきたので一から作り直し始めた。
* データベースの知識が全く無いので軽く調べる。
* データベースとのデータのやり取りの方法について考えていく。

<<<第七回(5/29)>>>
体調不良で欠席しました。

<<<第八回(6/2)>>>
:内容
* 中間発表ページの編集と、パワーポイントの作成をした。

:感想
* figmaの編集に時間がかかってしまった。
* スケジューラー(カレンダー)の作成を進めて、データベースと統合することを目指す。

<<<第九回中間発表(6/16)>>>
:内容
* 中間発表
* モジュール分けやものと操作の再洗い出し
* 今後の課題
:感想
* 言葉でもう少し詳しく説明できるとなお良かった。
* カレンダー(スケジューラ)をいい加減に実装したい。

<<<第十回(6/23)>>>
:内容
* スケジューラの作成
:感想
* HTMLでの細かい表示やJavascript内での関数の呼び出しが上手く行かなかったので、修正して来週こそ実装したい。
* 具体的には、メモの追加機能で受け取ったメモデータをどのようにデータベース側に受け渡すか理解でいていない。

<<<第十一回(6/30)>>>
:内容
* スケジューラの作成
:感想
* 先週に引き続きスケジューラを作成していた。javascrit内の、データベースからデータを読み込んで表示する部分ができていないので、それを作成する。
* データベースへの理解が足りないので、もう一度調べて学びなおす。
* 来週の授業前までに、動きそうなコードまで持っていきたい。統合はその後。

<<<第十二回(7/7)>>>
: 内容
* スケジューラの作成
* データベースから読み込んだメモデータを用意した配列に入れて、メモの編集や追加、削除など操作を行う
:感想
* 配列の読み込みと、内容の表示はできた。それに伴って関数の作り方や分け方を変更した。
* メモの編集と追加機能が上手く行っていないが、表示を調整している間に解決できそうになったので、作成する。

<<<第十三回(7/14)>>>
: 内容
* スケジューラの作成
* 単体テスト
* データベースの操作の部分を担当の人にお願いして修正してもらった。
* 最終発表準備
:感想
* メモの表示の仕方を修正した。
* ローカルで動作するだけだが、テストできた。これから統合し、修正作業をデータベース担当の人にお願いする。
* データベース担当には迷惑をかけたし上で修正もお願いしたので、仕事を増やしてしまって申し訳ない。

<<<第十四回最終発表(7/21)>>>
: 内容
* 最終発表
: 感想
* Javascriptへの理解が深まったと思うし、現状の知識でできないことが多いこともわかった。少しづつ技術を培っていきたい。
* また、自分の担当していた箇所は特に進度が遅かったと思う。情報共有だったりをより行って、助けを借りるのも大事だと思った。

Tag:

Attachment

New: append-tag

(download: 465 bytes, at 2023/04/21 15:19:26 <frozen> )
(download: 729 bytes, at 2023/04/21 15:25:38 <frozen> )
(download: 855 bytes, at 2023/04/21 15:27:05 <frozen> )
(download: 898 bytes, at 2023/04/21 15:33:08 <frozen> )
(download: 898 bytes, at 2023/04/21 15:33:33 <frozen> )
(download: 1041 bytes, at 2023/04/21 15:42:17 <frozen> )
(download: 1139 bytes, at 2023/04/21 15:43:32 <frozen> )
(download: 1098 bytes, at 2023/04/21 15:46:08 <frozen> )
(download: 1047 bytes, at 2023/04/21 15:52:50 <frozen> )
(download: 1047 bytes, at 2023/04/21 15:53:36 <frozen> )
(download: 1195 bytes, at 2023/04/21 15:57:38 <frozen> )
(download: 1223 bytes, at 2023/04/21 16:00:17 <frozen> )
(download: 1218 bytes, at 2023/04/21 16:01:17 <frozen> )
(download: 1273 bytes, at 2023/04/21 16:03:22 <frozen> )
(download: 1298 bytes, at 2023/04/21 16:04:09 <frozen> )
(download: 1342 bytes, at 2023/04/21 16:06:55 <frozen> )
(download: 1425 bytes, at 2023/04/21 16:08:37 <frozen> )
(download: 1482 bytes, at 2023/04/21 16:14:53 <frozen> )
(download: 1392 bytes, at 2023/04/28 13:08:36 <frozen> )
(download: 1400 bytes, at 2023/04/28 13:08:56 <frozen> )
(download: 1689 bytes, at 2023/04/28 13:25:25 <frozen> )
(download: 1844 bytes, at 2023/04/28 13:32:10 <frozen> )
(download: 1406 bytes, at 2023/04/28 13:33:18 <frozen> )
(download: 1833 bytes, at 2023/04/28 13:46:05 <frozen> )
(download: 1948 bytes, at 2023/04/28 14:03:09 <frozen> )
(download: 1969 bytes, at 2023/04/28 14:04:10 <frozen> )
(download: 2023 bytes, at 2023/04/28 15:46:01 <frozen> )
(download: 2303 bytes, at 2023/04/28 16:03:03 <frozen> )
(download: 2574 bytes, at 2023/05/02 15:34:24 <frozen> )
(download: 2661 bytes, at 2023/05/02 15:36:15 <frozen> )
(download: 2818 bytes, at 2023/05/02 15:42:49 <frozen> )
(download: 3168 bytes, at 2023/05/02 15:55:13 <frozen> )
(download: 3174 bytes, at 2023/05/02 15:55:44 <frozen> )
(download: 3748 bytes, at 2023/05/12 14:23:20 <frozen> )
(download: 3759 bytes, at 2023/05/12 14:24:05 <frozen> )
(download: 3562 bytes, at 2023/05/12 14:24:27 <frozen> )
(download: 4137 bytes, at 2023/05/12 15:44:02 <frozen> )
(download: 4211 bytes, at 2023/05/12 15:45:04 <frozen> )
(download: 4231 bytes, at 2023/05/12 15:49:16 <frozen> )
(download: 4251 bytes, at 2023/05/12 15:50:34 <frozen> )
(download: 4231 bytes, at 2023/05/12 15:53:13 <frozen> )
(download: 4215 bytes, at 2023/05/12 15:53:46 <frozen> )
(download: 4294 bytes, at 2023/05/19 14:36:33 <frozen> )
(download: 4312 bytes, at 2023/05/19 14:42:10 <frozen> )
(download: 4677 bytes, at 2023/05/19 15:44:00 <frozen> )
(download: 4873 bytes, at 2023/05/19 15:46:35 <frozen> )
(download: 4996 bytes, at 2023/05/19 15:58:34 <frozen> )
(download: 5660 bytes, at 2023/05/26 15:47:21 <frozen> )
(download: 5682 bytes, at 2023/06/02 13:04:22 <frozen> )
(download: 5922 bytes, at 2023/06/02 15:34:03 <frozen> )
(download: 6051 bytes, at 2023/06/02 15:36:27 <frozen> )
(download: 6090 bytes, at 2023/06/02 15:37:01 <frozen> )
(download: 6331 bytes, at 2023/06/16 14:48:50 <frozen> )
(download: 6529 bytes, at 2023/06/23 15:38:12 <frozen> )
(download: 6994 bytes, at 2023/06/30 15:40:27 <frozen> )
(download: 7236 bytes, at 2023/07/07 15:36:55 <frozen> )
(download: 7571 bytes, at 2023/07/28 13:26:01 <frozen> )
(download: 7970 bytes, at 2023/07/28 13:46:29 <frozen> )
(download: 8556 bytes, at 2023/07/28 13:57:26 <frozen> )
(download: 8565 bytes, at 2023/07/28 13:57:53 <frozen> )
(download: 8613 bytes, at 2023/07/28 13:59:19 <frozen> )
(download: 8593 bytes, at 2023/07/28 14:00:14 <frozen> )
(download: 8926 bytes, at 2023/07/28 14:37:46 <frozen> )
(download: 9360 bytes, at 2023/07/28 15:17:16 <frozen> )
(download: 9378 bytes, at 2023/07/28 15:19:18 <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