2020SwiftUIでの余白のとりかたとかWebレイアウトを組むにあたってMargin/Paddingは非常に重要だ。SwiftUIにおいてPaddingモディファイアはあるがMarginのそれはない。こんなの片腕をもがれた状態じゃないか!と思ったが、SwiftUIでは、どうやら勝手が違うようである。}}上記のように、タグのようなものを横並びにしたいと思ったとき、Marginがないので、どこでタグ間の余白を調整すればよいのかと思っていた。親のHStackにspacingプロパティを持つことができるので、ここでMarginの役割をもたせていた。あとから気づいたが、これは実にWeb的な考え方である。CSSボックスモデルの呪縛からの脱却が必要だ。CSSボックスモデルとは上図のように、一番内側にコンテンツがあり次にPaddingとBorder、Marginと広がっていく。一つのCSSセレクタにPadding/Border/Marginのプロパティは1回しか適用できない。この考えが私の頭にこびりついていたのだ。}}実際のSwiftUIにそんなCSSボックスモデルのような制約はない。Paddingは何回使ってもいいし、Borderも何回でもかけることができる。Borderの次にPaddingを指定すれば、Webで言うMargin的な使い方もできる(青枠はデバッグ用のView表示領域)。ゆえにスタイリングのためにDIVを何個も入れ子にする必要はないのである。当初はMargin以上にDIV的なViewはないのかな?とよく思ったものであるが、そもそも最初からSwiftUIに必要なかったのである。}}ただ、モディファイアの宣言順序は気をつける必要がある。コンテンツと余白に背景色を塗りたい場合は、最初にPaddingを指定しなければならなかったりとか。言い換えれば宣言順序どおりにSwiftUiはレンダリングしていくのだなと理解すればよい。}}最後にPaddingの値の指定のしかた一覧を書いて終わりにする。こうじ)1983年石川県生まれ。大学でデザインを専攻後、晴れてWebデザイナーになるが、コーディング好きが高じてWebデベロッパーに転身。