SwiftUIでレイアウトや描画をしていると、必ず登場するのが CGRect（シージーレクト） です。 名前の通り「長方形」を表す構造体で、位置と大きさをひとまとめに扱える便利な仕組みです。 UIKit時代からの基本クラスでもあり、SwiftUIでもビューの座標やサイズを扱うときに広く使われています。 この記事では C...

SwiftUIで図形を描くときに欠かせないのが Path です。 シンプルな四角形や円だけでなく、自由な線やカスタム図形を描きたいときに活躍します。 この記事では、Pathの基本的な意味や使い方、よく使うメソッド、活用時の注意点までわかりやすく解説します。 Pathとは？ Pathは、SwiftUIで「線や図形を描くた...

SwiftUIで図形やパスに「枠線」を描きたいときに便利なのが .stroke です。 四角形や円などのシェイプに色や太さを指定して枠を付けられるので、UIデザインをシンプルに整えるときによく使われます。 この記事では .strokeの意味や基本的な使い方、主要な引数、活用時の注意点をわかりやすく解説します。 .str...

SwiftUIで図形やビューに枠線をつけたいときに便利なのが .strokeBorder() です。 「.stroke とどう違うの？」と疑問に思う人も多いと思います。 実は .strokeBorder() は「枠線が図形の内側に収まる」ように描画されるのが特徴で、見た目やUI設計に大きく影響する場面があります。 この...

SwiftUIで図形やアニメーションを自由に描画したいときに便利なのが Canvas です。 UIKitでいうところの Core Graphics や CALayer に近い仕組みを、SwiftUIらしい宣言的な書き方で使えるのがポイントです。 この記事では Canvasの基本的な意味や使い方、主要な引数、活用シーン、...

SwiftUIで「図形を描く」ときに登場するのが Shape です。 四角形や円といった基本的な図形から、カスタムパスを描いたオリジナルの図形まで、SwiftUIのUIに自然に組み込める便利な仕組みです。 この記事では Shape の基本的な意味や使い方、代表的な種類、関連メソッド（塗りつぶし・枠線など）までをわかりや...

SwiftUIで文字の見た目を調整したい時に便利なのが .tracking(_:) です。 文字の間隔を均等に広げたり詰めたりできるモディファイアで、見出しやロゴ風のテキストデザインを作るときに役立ちます。 この記事では .tracking(_:) の基本的な意味や使い方、引数の意味、活用シーン、注意点 まで、初心者の...

SwiftUIで文字の見た目を細かく調整したい時に便利なのが .kerning(_:) です。 文字と文字の間隔（字送り）を変更できるモディファイアで、デザイン性の高いUIや、読みやすさを意識した文字表示に役立ちます。 この記事では .kerning(_:) の基本的な意味や使い方、引数の意味、活用シーン、注意点 まで...

.monospacedDigit() は、SwiftUIで数字を表示するときに「桁数によって文字の幅がズレないようにしたい」場合にとても便利なモディファイアです。 例えば、カウントアップのように数字が変わるUIでは、文字幅が変わると全体のレイアウトがガタついて見えてしまいます。 そんな時に .monospacedDig...

SwiftDataでデータを扱う上で欠かせない存在が ModelContext です。 これはアプリ内のデータを保存・変更・削除するときの「作業スペース」や「窓口」と言える役割を持っています。 この記事では、ModelContextの意味や基本的な使い方、注意点までなるべくわかりやすく解説します。 ModelConte...