2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

2019新卒 エンジニアAdvent Calendar 2019

Day 9

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

Last updated at Posted at 2019-12-09

はじめまして、Reavensです

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

#1.環境構築

###まずMacにxcodeをダウンロードしていきましょう
Apple storeでXcodeを検索してダウンロードします
※iTunesアカウントが必要です。持っていない方は先につくりましょう
スクリーンショット 2019-12-09 23.20.20.png

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

###新規プロジェクト作成
開発に必要なプロジェクトを作成します
Xcodeを起動させます
スクリーンショット 2019-12-09 22.36.00.png
'Create a new Xcode project'をクリック
スクリーンショット 2019-12-09 22.39.21.png
'Single new APP'をクリック
スクリーンショット 2019-12-09 22.42.31.png
'Product Name','Organization Name','Organization Identifier'を入力します
'User Interface'をStoryboardにします
'Next'をクリック
スクリーンショット 2019-12-09 22.47.03.png
プロジェクトを保存する場所を選び、'create'をクリック

#3.地図アプリを作ってみよう
###MapKit.frameworkを使ってみる
誰でもすぐに使えるframeworkを使って地図アプリをつくリましょう
スクリーンショット 2019-12-09 22.48.50.png
'Frameworks'に'Mapkit.framework'を追加します

Main.storyboardをクリックして右上にある+から'Map kit view'を検索して、エディタエリアにドラッグ&ドロップします
サイズを四隅に合わせます
スクリーンショット 2019-12-09 22.56.28.png
左上の▶️ボタンでシミュレータを起動します
スクリーンショット 2019-12-09 23.05.46.png
シミュレータが起動したら成功です!
スクリーンショット 2019-12-09 22.10.02.png

#4.地図の種類を変更してみよう
Map viewのtypeから地図の種類を変更してみます
スクリーンショット 2019-12-09 22.28.57.png

Type: Standard
地図を表示します
スクリーンショット 2019-12-09 22.10.02.png

Type: Satelite
衛星写真を表示します
スクリーンショット 2019-12-09 22.19.28.png

Type: Hybrid
地図と衛星を合わせて表示します
スクリーンショット 2019-12-09 22.26.20.png

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

2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?