SwiftUI

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

SwiftUIインターフェイスが表示されたMacBook Pro、iPad、iPhone。

新機能

SwiftUIは、Appleプラットフォーム全体でアプリを構築するのに最適な方法です。アプリの見た目や雰囲気をカスタマイズできる新機能のほか、アニメーションやジェスチャを作成する際のUIKitやAppKitとの相互運用性も向上しました。また、新しいテキストアニメーションを活用できるようになったほか、グラフに関数をプロットしたり、visionOSでボリュームやスペースをさらに詳細にコントロールしたりできます。

最新のビデオを見る

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)
				}
			}
		}
	}
}

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

デザインツール

Xcodeには直感的に使用できるデザインツールが含まれており、SwiftUIでインターフェイスを簡単に構築できます。デザインキャンバスでの編集内容と、隣接するエディタ内のコードはすべて完全に同期されます。コードを入力するとすぐにプレビューで確認でき、ライトモードやダークモードなど、複数の構成でUIを確認することもできます。

リアルタイ��更新:Xcodeは、アプリに変更を加えるとすぐに自動的にビルド、実行し、変更内容を表示します。デザインキャンバスはインターフェイスに似せたものではなく、実際に動作しているアプリです。

プレビュー:SwiftUIビューの任意のプレビューを作成して、サンプルデータがどのように表示されるかを確認できます。また、ユーザーに表示されるほとんどすべての要素(大きなフォント、ローカリゼーション、ダークモードなど)を設定することができます。さらに、プレビューでは、作成したUIをどのデバイスのどの向きでも表示することができます。

UIKitおよびAppKitとの連携

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

また、使用したいイ��ターフェイス要素がSwiftUIに含まれていない場合は、SwiftUIとUIKit、AppKitを自由に組み合わせて、 それぞれの良さを有効活用できます。

今すぐ始める

Xcodeをダウンロードし、以下のリソースを活用して、すべてのAppleプラットフォーム向けにSwiftUIでアプリを構築しましょう。

Xcodeをダウンロードする