[iPhone] Xcodeの使い方, iOSアプリ作成準備

Xcodeをインストールして、さてその使い方がよく分からない、とおっしゃる方が多いかも。誰でも初めは初心者なので仕方ありません、ここでは簡単に最低限必要なsimulatorについて見ていきます

nomad_riverside_1

  1. Xcodeをインストールする
  2. Xcode の使い方
  3. コードの記述について
  4. 開発者登録をする
  5. 実機でアプリを確認する

Xcode 8.0

 

sponsored link

Xcode のスタートアップ

 
Xcode を起動する:
「Finder」が画面下に通常はありますので、それを起動すると、「アプリケーション」フォルダのリストにXcode があります。ここに色々なアプリを入れて置くところです。
 
xcode_install8
 
それをダブルクリックで「Welcome to Xcode」が現れます。あるいは何も表示されない事もありますが、基本的には Mac の場合はメニューは画面の上にあります。

メニューから
「File」->「New」->「Project…」と選択
 
 
スクリーンショット 2016-01-10 16.00.13

 
Template の選択ウィンドウが出てきます

「iOS」->「Single View …」

を選び「Next」とします。他のテンプレートはいずれ使うかもしれませんが最初は Single View で始めましょう
 
%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-14-16-31-42
 
プロジェクトのタイトルなどの設定をします

Product Name 適当なプロジェクト名
Team Xcodeで生成できます。これが設定されていないとエラーになります。
Organization 任意の名前
Company Identifier 下の Bundle Identifier が決まるため公開を前提にする場合は注意して選びますが、最初は適当で大丈夫です
Class Prefix 大規模なプロジェクトには便利ですが、最初は空欄で結構です
Language 開発言語はObjective-CSwiftを選びます。初めてであれば、Swiftから始めるのがいいでしょう
Device ターゲットを選びますがiPhone としておきましょう

 
%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-14-16-35-12
 
プロジェクトの保存先を聞いてきますので適当な場所を指定します
 

 
Team名を「None」として入れないとエラーですが、開発だけならとりあえずできます。
(申請のためArchiveしようとするとエラーになりそれ以上は進めません)
 
ss2016-10-19-15-21-53
 

Xcodeの開発画面

 
Xcode が立ち上がりいよいよアプリ作成の準備ができました
Xcode には主に4つのエリアに分かれています
「Toolbar」
「Navigator area」
「Editor area」
「Utility area」
詳しい説明はこちらにあります
Xcode ウィンドウの説明
 
スクリーンショット 2016-01-10 16.14.01

 
これらのエリアは右上にあるボタンで表示・非表示の切り替えができます
 
xcode99

 
この中央のボタンを押すと「Debugger Area」がせり出します
デバック時などに使えます
 
スクリーンショット 2016-01-10 16.39.03

 
コードは最初のうちは主に

ViewController.swift

に記述します

 
%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-14-16-42-35

 
また、画面レイアウトは
Main.storyboard
を使います
 
スクリーンショット 2016-01-10 16.49.09

 

ビルド&実行

 
では早速一番簡単なアプリを作ってみましょう
何もコードを書いていませんが、空のアプリを作成できます
 
Xcode の左上にある三角印とその右側のiOS シミュレータを見てください
シミュレータを 「iPhone xx」  に設定して三角印をクリックします
 
スクリーンショット 2016-01-10 16.52.01

 
simulator が立ち上がり白画面の空のアプリが表示されます
 
スクリーンショット 2016-01-10 17.50.16

 
これが確認できれば後は、コードを記述、レイアウトを調整していろんなアプリを作っていけます。

~~~~~~~~~
以下余談です
シミュレーター
シュミレーター
とsimulatorを日本語でどう呼ぶか尋ねる人がいます
(最後の伸ばすところは置いておいて)
シミュレーター?シュミレーター?

simulatorの綴りから
シミュレーター
というよりは

goo 辞書: simulator

「すぃみゅれーたー」
と私は聞こえますがどうでしょうか
そもそもどちらもアクセントも違うし

ただ、特許庁出願技術動向調査報告書
では「シミュレーション」と呼んでいるので
英語というよりも
外来の「日本語」と理解すると
シミュレーター
にするのがいいのでしょうか

早い話が、特許を出すときには
シミュレーターと書いておいた方が無難ということでいいか

 

  1. Xcodeをインストールする
  2. Xcode の使い方
  3. コードの記述について
  4. 開発者登録をする
  5. 実機でアプリを確認する