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

次のモジュールの作成の時に変数設定や画面遷移について検討を行ってください。 検索機能をつけるのであれば、ソートアルゴリズムをユーザー構造体の一つの変数について使用できるようにするのがベストだと思います。 慣れてきたら、上位１０アカウントのみの出力にするのも悪く無いと思います。

内容が固まってきたので、データの受け渡しについてを検討し、安定性の高いプログラムにしてください。 もの足りないならば、完成した後に機能拡張のために「ものと操作」のところから考え、補強するのが良いでしょう。 初期データを作成し、不具合が無いか確認することも重要です。

そろそろ中間発表が近いので、何をメインにするか、プロトタイプの実装はどのようにするかをグループ内で話し合って決めて下さい。原稿、スライド、発表、プログラムの実行に分けるのがベストです。

データの受け渡しはhtmlの<form>タグやURLパラメータのvalue=${value}からのurlParams.get('value')で行うなどが最適だと思います。(特に検索機能でページを跨ぐなら) youtubeやXなどで最初のページに戻らずに元の位置から検索し直したり、指定した位置から動画再生できるのもパラメータから情報を取得しているからである。現状の方法で値渡しができないなら、これらの方法を試して下さい。 例） string型のurlstrでURLを指定し、年収600万以上、１ページ10件という状態で検索したいなら income_lower_bound=600とnumber_per_page=10でjavascriptから文字列を作成し、 string型でincomestr='income_lower_bound=600',numberstr='number_per_page=10'より URL=urlstr+'?'+incomestr+'&'numberstr; で指定する

中間発表はまだ未完成のプログラムで動かすので、問題点が浮き彫りになったらこれからの作業の参考にしましょう。 また、中間発表の際に他の班のアルゴリズムを考えながら見るのも良いかもしれません。

プロフィールやメッセージの送信、いいねの確認といった要素の画面遷移は複雑になり、データも複雑になるので、ファイルに書き込むといった手段も考慮する必要があります。 画面の表示はできているので、アカウント情報のファイル、メッセージ管理のファイルと小分けにして、適宜ロードするとまとめやすいと思います。

このサイトを参考にしてみてください。 https://learn.microsoft.com/ja-jp/training/modules/nodejs-files/

追記

データの読み込み

fs.readFileSync
fs.readFile

データの保存

fs.writeFileSync
fs.writeFile('filename', string);
fs.writeFile('hoge.json', JSON.stringify());
localStorage.setItem()//.cacheに保存
fs.appendFile//データ追加
fs.createWriteStream//Callback対策

MySQL

connection.query('SELECT * from data;', function (err, rows, fields) { /*code*/ }); このとき、rowsには構造体の配列としてデータが保存されており、

rows[2].nameと入力することにより、データの2番目（最初が0番目）のnameの値を参照することができる。

また、データはINSERT、UPDATE、DELETEで上書き、消去できる。更新はUPDATEで行う。

CSSで区切りたい場合は、こちらを参考にしてください

https://magazine.techacademy.jp/magazine/39348
https://codelife.cafe/entry/2015/10/17/221011
https://dad-union.com/css/1318