初心者のためのXcodeインストールと環境構築方法



初心者のためのXcodeインストールと環境構築方法

iPhone のアプリ開発に必要なソフト「Xcode」のインストールについてご紹介します。 Xcode は英語表示で一見少しわかりにくいですが、作業自体はシンプルです。ただし Xcode のファイルは大きいので、ダウンロード完了まで約20分かかります。ノートPCの場合はインストール実行前にバッテリー残量に注意しておきましょう。尚、Apple Watch のアプリ開発も、Xcode から行うことができます。

image

目次
  1. Xcodeとは
  2. Xcode のダウンロードに必要なもの
  3. Xcode のダウンロード
  4. Xcode の初期設定
  5. シュミュレーター起動
  6. インストール後にしたいこと</h2>
  7. まとめ

Xcodeとは

Xcodeとは、Apple社が提供するMac OS X向けの統合開発環境になります。ソースコードの編集だけでなく、デバック機能やiosシュミレーターを利用した端末での挙動確認などが行えます、。それ以外にもiPhoneアプリ開発に必要な作業を強力にサポートしてくれるツールとなっています。

Xcode のダウンロードに必要なもの

・Mac PC ・Apple ID ・ハードディスク容量 約 5 GB

Apple IDの登録がまだの方は、こちらから行えます。

Xcode のダウンロード

xcode-hero_2x

iTunes ストアから Xcode をダウンロードします。

スクリーンショット 2015-04-27 17.17.39

xcode ダウンロード

ダウンロードが完了し、インストールできたら Xcode を起動します。

Xcode の初期設定

xcode10

Xcode を起動すると3つのメニューが現れます。

Get started with a playground / プログラミングした内容を即画面で確認する事ができます。

Get started with a playground の様子 playground Create a new Xcode project / アプリ開発を行うことができます。
Check out an existing project / 作成したプロジェクトの出力を行います。

まずは Create a new Xcode project をクリックしてみましょう!

作成するアプリのテンプレートを選択します。ここでは「Single View Application」を選択してみます。 xcode11

Next をクリックすると、作成するアプリの情報入力が求められます。

スクリーンショット 2015-04-22 12.44.31

Product Name / プロジェクト名
Organization Name / 自分の名前や組織の名前
Organization Identifier / 他の開発者と重複しない名称が推奨されます。一般的にはサイトアドレスのドメインを逆にしたバージョンが用いられます。ドメインが無い場合は、edu.myself など適当な名称を入力しておきましょう。
Language / アプリで使用するプログラミング言語を Swift もしくは Objective-C から選びます。
Devices / アプリを使うデバイスを選択します。 iPad、 iPhone、 Universal (iPad iPhoneの両方に対応)。
Use Core Date / データーベースとの接続設定 チェックなしでスタートしましょう。

次に進むと、ファイルの保存先を求められます。また画面下に「Source Control(バージョン管理)」の項目がありますが、こちらはチェックしておきましょう。

xcode-save

すると Xcode のメイン・スクリーンが現れます。

xcode画面

画面は大きく分けると5つのゾーンに分かれています。 自分のパソコン画面に合うようにレイアウトを変えると、作業しやすくなります。とにかく慣れるまでは、いろいろと触ってみて覚えていくことが一番と思います。

シュミュレーター起動

スクリーンショット_2015-06-04_16_17_51

上記のような画面だと実際にアプリ上でどのように表示されるかわかりませんが、シュミレーターを起動することで、アプリ上での挙動を確認することができます。シュミレーターは、画面左上の再生ボタンを押すことで起動することができます。また、その右側にある機種を選択することで、シュミレーターのデバイスの変更も可能です。

スクリーンショット 2015-06-04 16.28.38 シュミレーターを起動することができました。このようにパソコン上からでもiPhone上での見え方や画面遷移などを確認することができます。

インストール後にしたいこと

最後に、最初に設定しておくと便利な機能をご紹介します。

Line numbers / ソースコードに行数が表示されて、プログラミングしやすくなります。

①画面左上の Xcode から Preferences をクリック xcode20

② Line numbers にチェック xcode21

Double Click Navigation / ファイル選択した時に別タブで開いてくれます。 xcode22

まとめ

いかがでしたでしょうか? 万が一、Xcode のインストールがうまくいかない場合や Xcode の使い方が分からない時は「Apple サポートコミュニティ」で解決できるかもしれません。 iPhone のアプリ開発は、どこまで Xcode を使いこなせるかによってアプリの”デキ”が決まってきます。お時間のある方は、Xcode の概要(日本語)を一読してみるとアプリ設計の幅を広げ、納得のいく一作ができると思いますよ。

image

未経験でも、現役エンジニアの手厚い指導が受けられるCodeCampのレッスン【無料体験】とは?

CodeCamp紹介動画

【CodeCampの無料体験】で知ることができる内容

開催時間:毎日9時〜22時迄(所要時間40分)

PCとインターネットがあれば、日本全国どこからでも受講できます

CodeCampで学習できる言語・技術

HTML5, CSS3, JavaScript, JQuery, Photoshop, Illustrator, Bootstrap, PHP, MySQL, Ruby, Ruby on Rails, Swift, Android, Python, WordPress, Unity

HTML5, CSS3, JavaScript, JQuery, Photoshop, Illustrator, Bootstrap, PHP, MySQL, Ruby, Ruby on Rails, Swift, Android, Python, WordPress, Unity

CodeCampを無料で体験してみる

関連記事

オシママサラ
この記事を書いた人
オシママサラ
\無料体験開催中!/自分のペースで確実に習得!
オンライン・プログラミングレッスンNo.1のCodeCamp