このレッスンをはじめる前に
このレッスンを進めるには前提知識が必要です。先に以下のレッスンを完了しておきましょう。
-
#01 コンポーネントを使ってみよう (01:43) 無料公開中
- 概要
- ページの作成
- フレームの設置
-
#02 オートレイアウトでボタンを作ろう (02:30) 無料公開中
- テキストの設置
- オートレイアウトの設定
- オートレイアウトの利点
-
#03 メインコンポーネントを変更してみよう (02:53) 無料公開中
- デザインの修正
- メインコンポーネントの設定
- インスタンスの作成
- メインコンポーネントの変更
- アイコンの見分け方
-
#04 もっとインスタンスを作っていこう (02:23) 無料公開中
- インスタンスから作る方法
- アセットから作る方法
- 変更の確認
-
#05 インスタンスを変更してみよう (02:42)
- インスタンスの変更
- 変更に関する注意点
- オーバーライド
- 変更のプッシュ
-
#06 インスタンスでできないことを理解しよう (01:57)
- 変更に関する制限
- 要素の削除
- 要素の追加
-
#07 インスタンスを切り離してみよう (02:19)
- インスタンスの切り離し
- 要素の削除・追加
-
#08 コンポーネントプロパティを使ってみよう (01:49)
- オーバーライドのデメリット
- コンポーネントプロパティ
- プロパティの名前と値
-
#09 テキストにプロパティを設定してみよう (02:32)
- プロパティの追加
- 名前と値の設定
- インスタンスの作成
- プロパティの確認
-
#10 プロパティのメリットを理解しよう (02:25)
- コンポーネントプロパティのメリット
- 変更の容易さ
- 一括変更の容易さ
-
#11 表示を切り替えるプロパティを設定しよう (02:16)
- プロパティの概要
- プロパティの作成
- プロパティの確認
-
#12 アイコンの表示を切り替えてみよう (01:25)
- インスタンスの作成
- プロパティの確認
- 表示・非表示の切り替え
-
#13 インスタンスを入れ替えるプロパティを設定しよう (03:00)
- 設定手順の確認
- アイコンの作成
- メインコンポーネントへの変換
- インスタンスの作成・設定
-
#14 アイコンの種類を入れ替えてみよう (02:51)
- プロパティの設定
- インスタンスの作成
- アイコンの入れ替え
-
#15 プロパティの種類を整理しておこう (01:23)
- テキストプロパティ
- ブール値プロパティ
- インスタンスの入れ替えプロパティ
- バリアントプロパティ
-
#16 バリアントを設定してみよう (02:16)
- プロパティの追加
- バリアントの追加
- 名前の変更
-
#17 ボタンのデザインを切り替えてみよう (02:28)
- ホバーのデザイン
- 向こうのデザイン
- インスタンスの作成
- プロパティの確認
-
#18 テキストプロパティを追加してみよう (02:01)
- テキストプロパティの追加
- バリアントのマルチ編集
-
#19 複数のプロパティを組み合わせてみよう (01:48)
- インスタンスのs区政
- プロパティの確認
- バリエーションの変更