カテゴリー: ホームページ製作

bootstrapのリンク

bootstrapでリンクを作るとき、リンク範囲を広げたいときがある。そんな時は、下記をリンク先を参照すること。

配列の数字は引用符でくくっていると、ソート関数で並べ替えができず、苦戦しました。

ソートについて参考になったサイト。

【悪い例】

[
  {
    "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関数でソートできる。

Webpack5で、style.cssとインラインスタイルシートでは、どちらが速いか、高得点になるかを試してみた。条件は下記。

まずは、style.css。style.cssとmain.jsに分割される。

結果は、62点。

次にインラインスタイルシート。webpack5でmain.jsにcssも全てバンドルされる。

結果は、50点。

忍者ツールズの無料ホームページは、広告用のjsファイルがついてくるので、それが遅延の原因になっている可能性があるな。だから、忍者ツールズの無料ホームページでは、jsファイルとcssファイルは別にしたほうがいいのだろう。

【後日談】
http://toushin.konjiki.jp/ というサイトで試してみたら、jsファイルとcssファイルを分割したほうが遅かった。

inkscape、インクスケープで画像をエクスポート、出力する際の画像サイズの指定方法。

下記リンク先が参考になりました。

sassを使うときに参考になったサイト。