JavascriptとJQueryの比較について、下記リンク先が参考になりました。
カテゴリー
月: 2020年11月
カテゴリー
div idに自動連番をつける
カテゴリー
bootstrapのリンク
bootstrapでリンクを作るとき、リンク範囲を広げたいときがある。そんな時は、下記をリンク先を参照すること。
カテゴリー
配列の数字は引用符でくくらない
配列の数字は引用符でくくっていると、ソート関数で並べ替えができず、苦戦しました。
ソートについて参考になったサイト。
https://qiita.com/ShaderKid/items/ac790b1f2dc387477d4f
【悪い例】
[
{
"id": "1",
"area_number": "5",
"team": "ああああ",
},
{
"id": "2",
"area_number": "3",
"team": "いいいい",
}
]
数字を引用符でくくっていると数値として認識されず、sort関数でソートできない。
【良い例】
[
{
"id": 1,
"area_number": 5,
"team": "ああああ",
},
{
"id": 2,
"area_number": 3,
"team": "いいいい",
}
]
数字が数値として認識され、sort関数でソートできる。
カテゴリー
2020.11.9-11.13の週報
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の表示方法が解決できた。よかった。サイトは完了させたつもりだったが、来週手直しする。