SwiftUIで「半透明の背景」を表現したいときに便利なのが Material です。 ガラス越しのように後ろのコンテンツがぼんやり透けて見えるデザインを、簡単に実装できるのが特徴です。 iOSやmacOSのシステムUIでもよく使われていて、ボタンやメニュー、シートの背景などで見かけることが多いはずです。 この記事では...

SwiftUIでビューの見た目を整える時に欠かせないのが .background です。 テキストやボタンの背後に色や画像を配置したり、別のビューを重ねて背景として見せたりできるモディファイアで、デザインの自由度をぐっと高めてくれます。 この記事では .background の基本的な意味や使い方、活用シーンまでわかり...

Xcodeを使っていると「シンボル」という言葉を目にすることがあると思います。 特にエラー文やナビゲーションで「シンボルが見つかりません」「シンボルを選択」といった表現が出てきます。 ただ、私もそうでしたが、初心者にとっては「シンボル」は非常にわかりにくい。 「シンボルって何を指している？」 「どういう時に使われる？」...

SwiftUIで円や楕円を描画したい時に便利なのが Ellipse() です。 シンプルに「丸や楕円をUIに表示する」ためのビューで、図形を使ったデザインやカスタムUIを作るときに役立ちます。 この記事では、Ellipse() の基本的な意味や使い方、活用シーンまでわかりやすく解説します。 Ellipse() とは？ ...

SwiftUIでボタンや背景、枠線のデザインを整える時によく使われるのが Capsule です。 名前の通り「カプセル型（両端が丸い長方形）」を描画するシェイプで、UIを柔らかく見せたいときに大活躍します。 この記事では、Capsuleの基本的な意味や使い方や活用シーン、注意点までわかりやすく解説します。 Capsul...

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の基本的な意味や使い方、主要な引数、活用シーン、...