PricingLoginStart free
SwiftUI Academy · レッスン

画面へのテキスト表示

最初の Text ビューを作成してスタイルを設定します。

レッスン 2/413 ステップ

「画面へのテキスト表示」はCoddyKit上の無料SwiftUI Academyレッスンです。 これはレッスン2/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはSwiftUI Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 SwiftUI Academyコースには全4レッスンが含まれています。

Textビューを知る

Textビューは、画面に文字を表示するためのものです。SwiftUIで最もシンプルで、最もよく使われるビューです。✍️

最初のText

括弧内に文字列を渡してTextビューを作成します。SwiftUIは引用符の中に書いた内容をそのまま表示します。

Text("Hello, SwiftUI!")

Textをbodyに配置する

ビューのbodyの中にTextビューを配置すると、デフォルトでは画面中央に表示されます。

var body: some View {
    Text("Welcome aboard")
}

変数を表示する

リテラルの代わりにvariableを渡すこともできます。渡した値に合わせて、テキストが自動的に更新されます。

let name = "Sam"
Text(name)

文字列補間

バックスラッシュと括弧を使うinterpolationで、文字列に値を組み込めます。挨拶や数値の表示にぴったりです。

let count = 3
Text("You have \(count) tasks")

Textを大きくする

fontモディファイアを使ってサイズを変更します。Appleが用意しているtitleやheadlineなどのセマンティックなサイズは、画面に合わせて適切に調整されます。

Text("Big News")
    .font(.title)

太字と太いテキスト

boldモディファイアで太さを加えると、重要な言葉をほかのテキストより目立たせられます。

Text("Important")
    .bold()

テキストに色を付ける

foregroundStyleで色を変更します。blueやredなどのシステムカラーを選ぶことも、独自の色を使うこともできます。

Text("On sale")
    .foregroundStyle(.red)

Textはサイズを自動調整する

Textビューは、文字が収まるように自分でサイズを調整します。指定しない限り、必要な分だけスペースを使い、それ以上は使いません。

空のテキストと長いテキスト

空の文字列は何も表示せず、非常に長いテキストは自動的に複数行へ折り返されます。Textはデフォルトで柔軟に対応します。👍

Textはローカライズにも対応

Text 内のプレーンな文字列リテラルは、ローカライズ対象のキーとして扱われます。これにより、後からアプリを翻訳する作業が大幅に簡単になります。🌍

クイックチェック

テキストにカスタムカラーを設定する方法を確認しましょう。

対話的なレッスンで答える

復習：テキストの表示

Text ビューは、文字列、変数、補間された値を表示します。font、bold、foregroundStyle でスタイルを設定でき、サイズは自動的に調整されます。🎉

無料で開始

AI チューターと学ぶ Swift — 無料

ブラウザでリアルコードを書いて実行し、24/7 の AI チューターから瞬時にサポートを受け、ウェブまたはアプリで続きから学習できます。

コース
30
レッスン
120
無料で学習を始めるコース全体を表示

よくある質問

「画面へのテキスト表示」レッスンは無料ですか？

はい。「画面へのテキスト表示」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、SwiftUI Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 SwiftUI Academyコースには全4レッスンが含まれています。

「画面へのテキスト表示」で何を学びますか？

最初の Text ビューを作成してスタイルを設定します。 ブラウザで直接実行するハンズオンコードでSwiftUI Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

SwiftUI Academyを始めるのに経験は必要ですか？

事前経験は必要ありません。CoddyKitのSwiftUI Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン2/4です。

「画面へのテキスト表示」レッスンにはどのくらい時間がかかりますか？

ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このSwiftUI Academyレッスンでコードを書いて実行できますか？

はい。すべてのSwiftUI Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. View とは何か
  2. 画面へのテキスト表示
  3. View Modifier の概要
  4. View 階層を読み解く
← SwiftUI Academyに戻る