{
"$type": "site.standard.document",
"canonicalUrl": "https://blog.nove-b.dev//posts/col-row-understood",
"path": "/posts/col-row-understood",
"publishedAt": "2023-07-24T00:00:00.000Z",
"site": "at://did:plc:2atly2y5kfyjcj5zap6pv4wd/site.standard.publication/3mmxeqr2tcb2k",
"tags": [
"col",
"row",
"完全に理解した"
],
"textContent": "Row(行)\n\n横方向を表す。 つまり、テーブルや行列などで、水平方向に並んでいる要素の集まり。\n\nCol(列)\n\n縦方向を表す。 つまり、テーブルや行列などで、垂直方向に並んでいる要素の集まり。\n\n疑問\n\n要素の集まりというのが肝な気がする。 それを考えると色々しっくりきた。 どうしっくりきたかの言語化はできない。\n\nので、以前の疑問を解消する形で言語化に近づけてみる。\n\n4列シート\n\n夜行バスの4列シートは横並びに4つシートが並んでいるという意味なので、4行シートではないのかという疑問が浮かんだ。\n\nただ1番前から見た時、垂直方向に並んでいる要素の集まりが4つある、つまり4列になる。\n\nrowSpan\n\nこれはHTMLのTableに関する属性で垂直方向のセルを結合する。いや垂直方向に結合するならColSpanではという疑問が浮かんだが、横並びの集まりを垂直方向に結合するのでRowSpanで正しい。\n\n覚え方\n\nぱっと思い浮かばないので、\n\nというラップっぽく覚えることにした。",
"title": "ColとRow、そして行と列は縦横一体どっちを向いているのかを完全に理解した。"
}