Udemy:みんなのiOS講座 セクション2 メモ

  • こんばんは、小村だよ!

  • 今日はUdemyの下記講座を主に進めます

    • みんなのiOS講座 ゼロからSwiftで学ぶiPhoneアプリ開発の基礎
      • セクション2:準備
  • アプリ開発の第1歩だね!がんばろーーー!



目次

  1. 2-1: Xcodeのインストール
  2. 2-2: 最初のアプリ
  3. 2-3: 実機での動作確認



記録

2-1: Xcodeのインストール

  • AppStoreからインストールする話。

  • 導入済み!飛ばします!



2-2: 最初のアプリ

プロジェクト作成

f:id:kom314_prog:20210927220150p:plain
f:id:kom314_prog:20210927220333p:plain
f:id:kom314_prog:20210927220555p:plain
  • create new projectをクリック

  • iOSをクリック

  • インターフェースはStoryBoard

  • 名前を入力してチェックを全部外してNext

  • 保存場所を選択してCreate

  • これでシンプルなプロジェクトが作成されます!



画面の各構成

f:id:kom314_prog:20210927220753p:plain
  • 左側:ナビゲータ

  • 中央:エディタ

  • 右側:インスペクタ

    • ファイルの構成や各画面を構成するパーツの設定など
  • 下部:デバッグエリア

  • 上記はエディタ以外閉じれる



storyboardの修正

f:id:kom314_prog:20210927223247p:plain
  • ナビゲータからMain.storyboardを選択

  • インスペクタにライブラリが表示される……って言われたけど表示されてない!!


f:id:kom314_prog:20210927222009p:plain


f:id:kom314_prog:20210927222245p:plain
f:id:kom314_prog:20210927222625p:plain
f:id:kom314_prog:20210927222738p:plain
  • ラベルをぽいっ

  • インスペクタをちょちょいっ

  • ボタンもぽいっ


f:id:kom314_prog:20210927222847p:plain
f:id:kom314_prog:20210927224325p:plain
  • ViewContoroller.swiftを選択

  • @IBOと打てば自動補完が働くと言われたけどされないんだが???

  • まぁいいや。

  • @IBOutlet var myLabel: UILabel!を入力

  • これをStoryBorad上のラベルと紐づけるとmyLabelが表示されるようになるっぽい


f:id:kom314_prog:20210927224909p:plain
    @IBAction func buttonTapped(sender: UIButton) {
        myLabel.text = "Hello World!"
    }
  • を入力

  • ははーんわかってきたぞ


f:id:kom314_prog:20210927225148p:plain
f:id:kom314_prog:20210927225312p:plain
f:id:kom314_prog:20210927225552p:plain
  • ViewControllerに戻って、Bordの上のアイコンのViewControllerをクリック

  • インスペクタの一番右のConnection Inspectorをクリック

  • OutletにあるmyLabelを画面上のラベルにドラッグすると紐づく。おー!

  • Received Actions にあるbuttonTapped〜を画面のボタンにドラッグ

  • するとどのタイミングかを選択できるので、Touch up incide を選択

  • これでいったん完成


仮想シミュレータ上でデバッグ

f:id:kom314_prog:20210927230234p:plain
f:id:kom314_prog:20210927230648p:plain
f:id:kom314_prog:20210927230735p:plain
  • 画面上のほうのタイトルの右側のところクリックしてデバイスを選択

  • 私はiPhone12Proユーザなのでそちらを選択

    • iPhone13出る?出た?みたいだけど大した追加機能なさそうでよかった!
  • このUdemyの動画だとiPhone8が最新ぽい。クソ古いなこの動画。

  • タイトル左側の実行ボタンを押してデバッグ開始

  • おー!動く動く!

  • ボタン押したらちゃんとラベルも変わった!!!

  • ええやん!嬉しいね!


2-3: 実機での動作確認

f:id:kom314_prog:20210927231207p:plain
f:id:kom314_prog:20210927231331p:plain
  • Xcode - preferenceを開く

  • new accountApple IDを選択

  • 入力完了。本名ぶっぱなのでスクショ割愛


f:id:kom314_prog:20210927231702p:plain
f:id:kom314_prog:20210927231801p:plain
  • Manage Certificatesをクリック

  • +をクリックしてiOS Development

  • これがiOS作成の証明書になるみたい

  • できたらDoneして閉じる


  • おぉ有線でiPhone繋いだらシミュレータのところに出てきた!

  • ナビゲータからプロジェクト名を選択

  • signingteamから自分のAppleIdを選択

  • 左上のデバッグボタンを実行

  • iPhone側で信頼しないとできないよーと言われる

  • iPhoneより設定 - 一般 - プロファイルとデバイス

  • デベロッパAppよりAppleDevelopmentを選択して信頼

  • デバッグを再実行


f:id:kom314_prog:20210927233851p:plain
  • できた!!!!!!

  • ついでにMacからiPhoneの画面キャプチャの方法も知った!

  • Quick Time Playerを使うんだね!!!

  • やったーーー!!!達成感!!!



終わりに

  • 今日はiPhoneネイティブアプリ作成の第1歩を歩めたよ!!!

  • 言われた通りやってるだけだけど、ひとまず順調に進めてよかった!!!

  • これから私のマック人生が始まる!!!

  • 東海道のJobsと呼んでおくれ

  • ではでは続きはまた今度

  • ちゃお〜〜〜!!!