Xcodeで簡単なアプリケーションを作成する

はじめまして、Reavensです

iPhoneのアプリケーションを開発したくなったので書いてみました
XcodeもSwiftも初めての方向けです
参考程度になればと思います

#1.環境構築

###まずMacにxcodeをダウンロードしていきましょう
Apple storeでXcodeを検索してダウンロードします
※iTunesアカウントが必要です。持っていない方は先につくりましょう
<img width="500" alt="スクリーンショット 2019-12-09 23.20.20.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/393557/9eb31018-3cef-9699-01c2-be1adad3fcad.png">


#2.プロジェクトをつくります

###新規プロジェクト作成
開発に必要なプロジェクトを作成します
Xcodeを起動させます
<img width="500" alt="スクリーンショット 2019-12-09 22.36.00.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/393557/d77309cf-a216-3544-1924-ebbecbf7039c.png">
'Create a new Xcode project'をクリック
<img width="500" alt="スクリーンショット 2019-12-09 22.39.21.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/393557/a98bad7a-122f-6b10-fc0e-c9c3d8b7cbab.png">
'Single new APP'をクリック
<img width="500" alt="スクリーンショット 2019-12-09 22.42.31.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/393557/b2b8d891-3a1e-6bdc-840e-87f5959bb126.png">
'Product Name','Organization Name','Organization Identifier'を入力します
'User Interface'をStoryboardにします
'Next'をクリック
<img width="500" alt="スクリーンショット 2019-12-09 22.47.03.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/393557/4059a2b9-8664-d8f2-6f20-24dbbe641f60.png">
プロジェクトを保存する場所を選び、'create'をクリック

#3.地図アプリを作ってみよう
###MapKit.frameworkを使ってみる
誰でもすぐに使えるframeworkを使って地図アプリをつくリましょう
<img width="500" alt="スクリーンショット 2019-12-09 22.48.50.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/393557/e4b1a506-73d2-2f82-28ad-baca44f471ff.png">
'Frameworks'に'Mapkit.framework'を追加します

Main.storyboardをクリックして右上にある＋から'Map kit view'を検索して、エディタエリアにドラッグ&ドロップします
サイズを四隅に合わせます
<img width="500" alt="スクリーンショット 2019-12-09 22.56.28.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/393557/cbf9bbd4-464d-a3cd-a87d-6bda1cca1c73.png">
左上の▶️ボタンでシミュレータを起動します
<img width="500" alt="スクリーンショット 2019-12-09 23.05.46.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/393557/df4d20f6-b4d7-d8b9-5e72-3eedba06fffb.png">
シミュレータが起動したら成功です!
<img width="300" alt="スクリーンショット 2019-12-09 22.10.02.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/393557/bfae74c8-bd0e-be03-9a4e-6f0afdf6e43c.png">

#4.地図の種類を変更してみよう
Map viewのtypeから地図の種類を変更してみます
<img width="1401" alt="スクリーンショット 2019-12-09 22.28.57.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/393557/b3ba524e-0983-7655-25ad-124ea9ff2f92.png">


Type: Standard
地図を表示します
<img width="300" alt="スクリーンショット 2019-12-09 22.10.02.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/393557/bfae74c8-bd0e-be03-9a4e-6f0afdf6e43c.png">



Type: Satelite
衛星写真を表示します
<img width="300" alt="スクリーンショット 2019-12-09 22.19.28.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/393557/4cea2d6f-c392-556c-906e-3509e6d678a4.png">



Type: Hybrid
地図と衛星を合わせて表示します
<img width="300" alt="スクリーンショット 2019-12-09 22.26.20.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/393557/3f8491e2-1690-6da2-2f61-fbc2a8a0e999.png">

#4.まとめ
今回は環境構築からframeworkの使い方までを一通りやりました
Xcodeはコードを書いてすぐに実行や確認ができるため、開発が初めての方にとっても使いやすいと感じました
次回はもう少し踏み込んだこともやってみたいです!