iPhoneアプリ開発入門 (全13回)
iOSアプリの統合開発環境であるXcodeについて解説しつつ、簡単なアプリ開発の流れを見ていきます。
このレッスンでは Xcode 8.3 / Swift 3.1 を使用しています。
-
#01 iOSアプリを作ってみよう (02:53)
- 概要
- 公式サイト
- 必要となるツール
- レッスンにおける環境
-
#02 プロジェクトを作ってみよう (02:56)
- プロジェクトの作成
- Xcodeの設定
-
#03 画面の見方を覚えよう (02:43)
- Xcodeの主要エリア
-
#04 シミュレータを使ってみよう (02:21)
- 起動方法
- ハードウェアメニュー
-
#05 ナビゲータエリアを見てみよう (02:45)
- ファイル一覧の説明
- ショートカットキー
-
#06 ストーリーボードを使ってみよう (02:02)
- ストーリーボードの説明
-
#07 Auto Layoutを使ってみよう (01:58)
- Auto Layout
-
#08 プレビュー画面を使ってみよう (02:23)
- 部品の配置
- プレビュー画面
- Auto Layoutの設定
-
#09 セグエで画面遷移させてみよう (02:32)
- ViewControllerの追加
- セグエの設定
- 動作確認
-
#10 もとの画面に戻ってみよう (02:45)
- unwindToTopの実装
- 動作確認
-
#11 NavigationControllerを使ってみよう (02:27)
- ViewContollerの追加
- NavigationControllerの追加
- セグエの設定
- 動作確認
-
#12 ラベルとボタンを追加してみよう (01:39)
- ラベルとボタンの配置
-
#13 ボタンを動作させてみよう (02:44)
- ラベルとボタンの登録
- ViewController.swiftの実装
- 動作確認
#02 プロジェクトを作ってみよう
#08 プレビュー画面を使ってみよう
2017年7月26日
補足情報 プレビューでズームを変更するには？
動画のようにスムーズなズーム変更をおこなうには、トラックパッドでピンチ操作をおこなってください。
トラックパッドがない場合は、何もない場所をダブルクリックすれば 2 段階でズーム変更が可能です。
トラックパッドがない場合は、何もない場所をダブルクリックすれば 2 段階でズーム変更が可能です。
#10 もとの画面に戻ってみよう
2019年2月16日
補足情報 Go Backをドラッグする操作について
動画中の1:47あたりで「Go Back」をアイコンにドラッグする、と説明していますが、正確には「Controlキーを押しながらドラッグする」となります。
補足情報 最新版 Xcode におけるプロジェクト作成時の Devices 項目
最新版の Xcode (Xcode 9.2 で確認) ではプロジェクト作成時の Devices 項目がありませんが、そのまま進んで大丈夫です。