2020.11.9
【午前】
Jリーグチーム一覧サイトの作成。
【午後】
Jリーグチーム一覧サイトの作成。
リンク先のある、なしでフォントカラーを変える。設定値により、配列の一部を削除。以上ができた。連想配列のソート、ホバーをテーブルセルいっぱいに広げる、を明日やる。その後、jsonファイルにデータを追加。
2020.11.10
【午前】
Jリーグチーム一覧サイトの作成。
【午後】
Jリーグチーム一覧サイトの作成。
連想配列のソートで大苦戦。結局、数値をクォーテーションでくくると数字として判定されるのか、複数ソートができなくなることが判明。時間がかかってしまった。ホバーをテーブルセルいっぱいに広げるのは、容易に実装できた。明日は、jsonファイルにデータ追加の続きから、リンク先の検査をして、htmlファイルを本番環境にアップロードするまで行けるかな。
2020.11.11
【午前】
Jリーグチーム一覧サイトの作成。
【午後】
Jリーグチーム一覧サイトの作成。
今日はjsonファイルにデータを追加し、本番環境にアップロードできた。せっかくなのでサイト速度を測ってみた。webpackでjsファイルをビルドすれば速くなるだろうと思っていたが、実際は以前のものと比べて遅くなってしまった。
これは、今までのサイト。CSSで作ったもの。
Webpack5でsassもjsにバンドルさせて作ったもの。
相当、悪くなりました。予想外だった。
明日はconfigファイル等をブログに書き残し、jsonファイルのリンク先検査。
今後の課題
- 設定値で年度を変更できるようにする。
- 設定値でdiv idを変更できるようにする。
2020.11.12
【午前】
Jリーグチーム一覧サイトの作成。
【午後】
Jリーグチーム一覧サイトの作成。ブログ書き残し。
jsonファイルのリンク先検査をしたら、相当変化してた。特にここ2年でhttpからhttpsに変わってる。そして、完了。今までと違って、jsonファイルの設定を変更するだけで、入れ替えができるようになった。よかった。configファイルの設定をブログに書き残す。
【Jリーグチーム一覧サイト】
http://toushin.konjiki.jp/index.html
2020.11.13
【午前】
webpack使用調査。
【午後】
webpack使用調査。ブログ書き残し。
webpackもだいぶ分かるようになり、いろいろ試してみたら先々週まで悩んでいたfontawesomeの表示方法が解決できた。よかった。サイトは完了させたつもりだったが、来週手直しする。