SwiftUI

SwiftUIでは、Swiftのパワーを活用し、驚くほど少ないコードですべてのAppleプラットフォーム向けに美しいアプリを構築できます。1つにまとまったツールとAPIを使用するだけで、あらゆるAppleデバイス向けに優れたユーザー体験を提供できます。

A MacBook Pro, iPad, and iPhone, each displaying the SwiftUI interface. A MacBook Pro, iPad, and iPhone, each displaying the SwiftUI interface.

SwiftUIの特徴

宣言型シンタックス

指示ではなく、結果を書く

SwiftUIは宣言型シンタックスを使用しているため、ユーザーインターフェイスの動作をシンプルに記述することできます。たとえば、テキストフィールドからなるアイテムのリストを作成すると書いてから、各フィールドの配置、フォント、色を記述するといった具合です。これにより、コードがかつてないほどシンプルで読みやすくなり、時間の節約と保守作業の負担軽減につながります。

import SwiftUI

struct AlbumDetail: View {
	var album: Album

	var body: some View {
		List(album.songs) { song in 
			HStack {
				Image(album.cover)
				VStack(alignment: .leading) {
					Text(song.title)
					Text(song.artist.name)
						.foregroundStyle(.secondary)
				}
			}
		}
	}
}

この宣言型のスタイルは、アニメーションなどの複雑な概念にも適用されます。わずか数行のコードを書くだけで、ほとんどすべてのコントロールに簡単にアニメーションを追加し、すぐに使用できるエフェクトのコレクションを選択することできます。実行時には、スムーズな動きを生み出すために必要な手順を、すべてシステムが処理してくれます。また、アニメーション中に発生するユーザーの操作や状態の変更にも対処します。このように簡単にアニメーションを追加できるため、生き生きとしたアプリを創る新たな方法が見つかることでしょう。

簡単な統合

自分のペースでSwiftUIを導入

SwiftUIはUIKitおよびAppKitと連携するよう設計されているため、既存のアプリに段階的に導入していくことができます。新しいユーザーインターフェイスを構築したり、既存のインターフェイスを再構築したりする場合は、他のコードベースはそのまま維持しながら、SwiftUIを使用することできます。また、新しいSwiftUIアプリを構築する際、使用したいインターフェイス要素が含まれていない場合は、UIKitやAppKitを自由に組み合わせて、それぞれの良さを有効活用できます。

Xcodeプレビュー

作業中のプレビューと迅速なイテレーション

Xcodeプレビューでは、コードでアプリのビューに変更を加え、その結果をプレビューキャンバスですばやく確認できます。プレビューマクロを使用して、SwiftUIのビューにプレビューを追加します。次に、Xcodeのプレビューキャンバスを使用するか、コードをプログラミングして、プレビューの表示方法を設定します。プレビューオプションとしてライブまたはインタラクティブを選択すると、デバイスやシミュレータと同じように表示されたビューを操作できます。選択モードでは、プレビューにビューのスナップショットが表示されるため、キャンバスでビューのUI要素を操作できます。プレビューでコントロールを選択すると、ソースエディタで対応するコード行が強調表示されます。また、デバイス設定を調整して、ダークモード、横向き、異なるサイズのテキストなど、プレビューの表示方法を制御することもできます。

Xcodeについてさらに詳しく

その他のリソース

Swift言語、その他のフレームワーク、アプリ開発に役立つツールについてさらに詳しくご確認ください。