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

ここで作った物ってそのものは作品に使われないんだが、MySQLをインストールしてるのが全員じゃない関係で、CSSとか作るときに使われるようになった。なんというか、型紙として使う、みたいな。。。

日付入力

• display_Xday
  • 入力フォームの値を取得して表示する

複数データ保存

• save_memos
  • 文字列の配列を保存
• load_memos
  • 保温した文字列を呼び出す

• 統合ページが動かないらしいので修正を手伝った
  • 動くようにした
  • jsファイルを先に読み込んじゃってたから、IDとかが見つからなかったんだと思われる
  • ↑とりあえずasync defer ってつけておいた(おまじない感覚)
• みんなで支援室行って鈴木先生に相談とかしてきた
  • データの管理できそうかも？
  • 担当の子は道筋が見えたっぽいから、ローカルストレージいじるのは中断してよさそうかな

• 日付入力フォームを作ってJavaScriptで取得してみた
  • valueを取得するところで謎に引っかかって迷走しかけた
  • だって"date"のvalueを取得してすぐ表示するだけなんて言う謎機能、ネット調べてもあんまり出てこないんだもん
  • 保存とかなんもできんけど役に立ったら良いな

とりあえず入力フォームがあって

適当な日を選択

選択された

innerHTMLでjs側で受け取れたことを確認

• 中間発表の後から各人の分担箇所がちょっとよくわからないんだけど、何もしないわけにいかないので進めてみる
  • この機能専用のページ作っても良いんじゃない？って感じで頑張ったけど上記のような状況なのでとりあえずここで様子見…

• 一つのキーで複数のメモを保存できるようにした
  • 文字リテラルの配列的なものを保存できる
  • うわべの機能しかできてないけど
  • 余裕があったら下記のことはやっておきたい(そもそもこれ自体必要があるのか分かってないけど)
    • 登録してあるキーを一覧で表示
    • メモの削除ボタン作成
    • キーを入力し忘れた！って時に「キー入れてよ」的なアラートを出す
    • 同じキーでもうメモがあるけど、って時に「上書きしてよいの？」的なことを訊く

　　最初の画面

　　中身を入力して保存

　　キーを入力して読込ボタン

　　中身が見られる

• ちなみに昨晩めっちゃ時間かけて構造体的なもの(なんていうのかは知らん)を扱おうとした
  • しかし進めてみたら実は普通に配列で良いという…
  • でも結構時間かけたので、やったという事実くらいはここで宣言したかった。それだけ

宮野が配列への代入で頭を抱えている間、PHPのことでは役に立てないので(解決のヒントになることはないかと検索してみたりはしつつも)、トップで起こっている謎の現象をいくつか解決できないかと統合用やカレンダーのプログラムをいじりまわしていた。

• 反映ボタンに謎の権力が与えられている
  • ページを読み込んだ時点ではカレンダーに予定が反映されないのに、デバッグ用に表示していた「反映」ボタンを押すと反映されるという謎
  • カレンダーを表示する関数の中で、予定を表示する関数を呼び出してるはずなんだけど…というか私のPCではそれで行けてるんだが？？？
  • とりあえず、カレンダーを作成する関数の最後と、最初にページを読み込んだときに呼びだすようにして解決した
  • あと、なんかいろいろな言語が入り乱れていたので、HTMLの下にscriptが来るように配置し直した。(PHPとの兼ね合いでカレンダーのプログラムはトップのプログラムに移植されている)

• 見えなくて良いボタンが見えている
  • ボタンの部分に画像か何かかぶせてるみたいなんだが(他の担当者の部分なので詳しくはわからない)、もともとのボタンが下に存在している
  • ボタンの枠を非表示にするcssを持ってきて、見えなくした
  • たぶんいろんなボタンがページ上にあるから、そのボタンだけを指定したりってのが引っかかったりしてたんかな

• 存在しないはずの<a></a>が発生する
  • これが一番謎だった。謎の、中身のないボタンが生成されていて、ブラウザの開発者ツールでボタンを選択してみると、プログラム中に<a></a>があるから表示されてるみたいなんだけど、そんなものを入れた覚えはなくて、実際手元のプログラムを見るとそんなものはないという怪奇現象。マジでお前どこから来たん？お前どこ出身だよ？
  • <a>でボタンを囲ってしまっていたせいみたいで、ボタンの中身になる部分だけ囲うようにしたら解決したんだけど、本当に、何で増殖したのか分からない。だって、プログラム中には2か所しか<a>なかったのに、開発者ツールでは３か所に<a>があったんだ。囲い方が間違っていたのは認める。でも、なんで勝手に増殖したんだ？