iOSiOSを使い始める

Download iOS for free

備考

ノート

1- iOSアプリの開発を開始するにはAppleデベロッパーアカウントは必要ありません。ドキュメントとツールは、Apple IDで自由にダウンロードできます。同じApple IDを使用して、個人用デバイスに署名してインストールすることもできます。 App Storeでアプリを配布または販売する場合は、Apple Developer Programを99 USDから登録する必要があります(これは書面の時点での価格で、変更される可能性があります)。これにより、TestFlightによるコードレベルのサポートインシデントやベータテストも追加されます。

2-クレジットカードなしでApple IDを作成するには、短いプロセスが必要です。サインアップの一環として支払い方法を関連付ける気にならない場合は、 https://appleid.apple.com/にアクセスしてください。

関連するスタックオーバーフロータグ

バージョン

バージョン発売日
iPhone OS 2 2008年7月11日
iPhone OS 3 2009-06-17
iOS 4 2010-06-08
iOS 5 2011-10-12
iOS 6 2012-09-19
iOS 7 2013-09-18
iOS 8 2014-09-17
iOS 8.1 2014-10-20
iOS 8.2 2015-03-09
iOS 8.3 2015-04-08
iOS 8.4 2015-06-30
iOS 9 2015-09-16
iOS 9.1 2015-10-22
iOS 9.2 2015-12-08
iOS 9.3 2016-03-21
iOS 10.0.1 2016-09-13
iOS 10.1 2016-10-24
iOS 10.2 2016-12-12
iOS 10.2.1 2017-01-23
iOS 10.3 2017-03-27
iOS 10.3.3 2017-07-19

Swift 3で最初のプログラムを作成する

ここでは、Swift 3の言語で最初の基本的なプログラムを作成する方法を紹介します。最初に、基本的なプログラミング言語の知識を持っているか、初めから学習する準備ができていない必要があります。

開発要件:

  1. MAC OS - 新しいXcode 8.2用のバージョン10.11.6以降
  2. Xcode - バージョン8.2 Appleドキュメント(Xcodeの紹介)。

Xcode 8.2には、新しいiOS 10対応のAPiが搭載されたSwift 3の新しい言語機能があります。

最初のプログラムを作成する

まず、アプリケーションに移動し、Xcode 8.2を開きます。

Xocdeオープン

その後、画面が表示されます

新しいプロジェクトを作成する

次にCreate new Projectを選択すると、次の画面が表示されます

プロジェクトを選択これは、プロジェクトタイプを選択するためにXcode内で非常に重要な部分です。私たちは、OSの種類に応じてプロジェクトを選択する必要があります。上部には5種類のオプションがあります:

  1. iOS

  2. ウォッチOS

  3. マックOS

  4. クロスプラットフォーム

今私たちは開発のためのiOSプラットフォームを選択し、シングルビューアプリケーションオプションで非常に基本的なプロジェクトを作成しています:

ここに画像の説明を入力

次に、商品名を指定する必要があります。これは、バンドル名とアプリケーション名を表します。

アプリケーション名は、要件に応じて後で変更できます。次に、「作成」をクリックする必要があります。その後、画面は次のようになります。

作成されたクラス

このクラスの中で、ファイル名がViewController.swiftであり、クラスの中で名前がUIViewControllerスーパークラスによって継承されたViewControllerであることがわかりました。最後に、名前が 'String'型のmyStringである最初の変数を作成しています。 'super.viewDidLoad()'の下に以下を追加します。

let myString = "Hello, World!"
 

この変数の内容を印刷します。まず、画面の左上にあるシミュレータの種類を選択し、「実行」ボタンをクリックします。

出力

その後、右下の端末に出力が表示されます。おめでとう、これはXcodeの中で初めてのHello Worldプログラムです。

デフォルトのシングルビューアプリケーションの作成

iOS用のアプリケーションを開発するには、Xcodeというアプリケーションから始めてください。他にも使用できるツールがありますが、XcodeはAppleの公式ツールです。ただし、これはmacOS上でのみ実行されることに注意してください。最新の正式版は、今年後半にリリースされるXcode 9(現在はベータ版)のXcode 8.3.3です。

  1. Macを起動し、まだインストールされていない場合は、App StoreからXcodeをインストールしてください。

    (App Storeを使用したくない、または問題がある場合は、Apple Developer WebサイトからXcodeをダウンロードすることもできますが、ベータ版ではなく最新のリリース版を選択してください)。

    Xcodeアイコン

  2. Xcodeを開きます。次のウィンドウが開きます。

    Xcode起動画面

    このウィンドウには、次のオプションが表示されます。

    • プレイグラウンドの開始:これはSwift言語とXcode 6で導入されました。ランタイムの変更をチェックするための小さなコードを書くために使用できるインタラクティブな領域です。これは、スウィフト学習者が新しいスウィフト機能に導入される優れた方法です。
    • 新しいXcodeプロジェクトを作成する: このオプションを選択すると、デフォルトの設定で新しいプロジェクトが作成されます。
    • 既存のプロジェクトをチェックアウトする:これは、例えばSVNからプロジェクトをチェックアウトするなど、リポジトリの場所からプロジェクトをチェックアウトするために使用されます。
  3. 2番目のオプション「新規Xcodeプロジェクト作成」を選択すると、Xcodeはプロジェクトの初期設定を行うように求めます:

    テンプレートを選択

    このウィザードは、プロジェクトテンプレートを選択するために使用します。 5つのオプションがあります:

    • iOS: iOSアプリケーション、ライブラリ、フレームワークの作成に使用されます。
    • watchOS: watchOSアプリケーション、ライブラリ、フレームワークの作成に使用されます。
    • tvOS: tvOSアプリケーション、ライブラリ、フレームワークの作成に使用します。
    • macOS: macOSアプリケーション、ライブラリ、フレームワーク、パッケージ、AppleScriptsなどの作成に使用されます。
    • クロスプラットフォーム:クロスプラットフォームのアプリケーション、テンプレート、およびアプリ内購入コンテンツの作成に使用されます

    アプリケーションには多くの異なるテンプレートがあることがわかります。これらのテンプレートは、開発を促進するのに役立ちます。 UIインターフェイスやクラスファイルなどの基本的なプロジェクト設定が事前に組み込まれています。

    ここでは、最初のオプションiOSを使用します。

    1. マスター詳細アプリケーション:

      このテンプレートには、結合されたマスターおよび詳細インターフェースが含まれています。マスターには、詳細インターフェースに関連するオブジェクトが含まれています。マスターでオブジェクトを選択すると、詳細インターフェースが変更されます。この種類のUIは、iPadの設定、メモ、連絡先アプリケーションで確認できます。

    2. ページベースのアプリケーション:

      このテンプレートは、ページベースのアプリケーションの作成に使用されます。ページは、1つのコンテナによって保持される異なるビューです。

    3. シングルビューアプリケーション:

      これは通常のアプリケーション開発テンプレートです。これは初心者がアプリケーションフローを学ぶのに適しています。

    4. タブ付きアプリケーション:

      このテンプレートは、アプリケーションの下部にタブを作成します。各タブには異なるUIと異なるナビゲーションフローがあります。このテンプレートは、時計、iTunes Store、iBooks、App Storeなどのアプリで使用されています。

    5. ゲーム:

      これはゲーム開発の出発点です。 SceneKit、SpriteKit、OpenGL ES、Metalなどのゲームテクノロジーをさらに進化させることができます。

  4. この例では、 シングルビューアプリケーション

    プロジェクトの作成

    ウィザードを使用すると、プロジェクトのプロパティを定義できます。

    • 製品名:プロジェクト/アプリケーションの名前
    • 組織名:あなたが関与している組織の名前
    • 組織識別子:バンドル識別子で使用される一意の組織識別子。逆ドメイン名サービス記法に従うことが推奨されます。
    • バンドル識別子: このフィールドは非常に重要です。それはあなたのプロジェクト名と組織識別子に基づいており、賢明に選択します。バンドルIDは、将来、デバイスにアプリケーションをインストールし、iTunes Connectにアップロードするために使用されます(これは、App Storeに公開するアプリケーションをアップロードする場所です)。これは、アプリケーションを識別するためのユニークなキーです。
    • 言語:使用したいプログラミング言語。ここでObjective-Cを選択しないとSwiftに変更できます。
    • デバイス:アプリケーションでサポートされているデバイスで、後で変更できます。それは、iPhone、iPad、およびユニバーサルを示しています。ユニバーサルアプリケーションはiPhoneとiPadデバイスをサポートしていますので、1種類のデバイスでのみアプリを実行する必要がない場合はこのオプションを選択することをおすすめします。
    • コアデータを使用する:プロジェクトでコアデータモデルを使用する場合は、選択したものとしてマークし、 .xcdatamodel 用のファイルを作成します。あらかじめわからない場合は、このファイルを後で追加することもできます。
    • ユニットテストを含める:これはユニットテストターゲットを設定し、ユニットテストのためのクラスを作成する
    • UIテストを含める:これは、UIテストターゲットを設定し、UIテスト用のクラスを作成する

    [ 次へ]をクリックすると、プロジェクトディレクトリを作成する場所を尋ねられます。
    Createをクリックすると、既に定義されたプロジェクト設定でXcode UIが表示されます。いくつかのクラスとストーリーボードファイルを見ることができます。

    これは、シングルビューアプリケーションの基本的なテンプレートです。

    ウィンドウの左上で、シミュレータが選択されていることを確認し(たとえば、ここに示すように「iPhone 6」など)、三角形のRUNボタンを押します。

    ここに画像の説明を入力

  1. 新しいアプリケーションはSimulatorを開きます(最初に実行するには時間がかかることがありますが、最初にエラーが発生した場合は2回試す必要があります)。このアプリケーションは、作成されたアプリケーションのデバイスシミュレーションを提供します。実際のデバイスのように見えます!実際のデバイスのようないくつかのアプリケーションが含まれています。向き、位置、振る舞いジェスチャー、メモリ警告、In-Callステータスバー、指のタッチ、ロック、再起動、家庭などをシミュレートすることができます。

    まだテンプレートを変更していないので、白いアプリケーションが表示されます。

だからあなた自身を始める。それは長期的なものであり、あなたを待っている新しい機会がたくさんあります!

次にどこに行くのか分からない場合は、Appleの「 Jump Right In 」チュートリアルを試してみてください。最初のいくつかのステップをすでに実行していますので、頭をはずしましょう。

こんにちは世界

Xcodeを設定した後、最初のiOSを起動して実行することは難しくありません。
次の例では、

  • 新しいプロジェクトを開始する
  • ラベルを追加する
  • コンソールにメッセージを出力します。
  • シミュレータで実行する

新しいプロジェクトを開始する

Xcodeのようこそ画面が表示されたら、新しいXcodeプロジェクトを作成を選択します 。また、既に開いている場合は、[Xcode]メニューから[ファイル|新規|プロジェクト... ]を実行することもできます。

ここに画像の説明を入力

単一ビューアプリケーションを選択し、 次へをクリックします。

ここに画像の説明を入力

製品名 (または本当に必要なもの)の "HelloWorld"と、 言語の下にSwiftが選択されていることを確認します。

  • ユニバーサルとは、アプリがiPhoneとiPadの両方で動作することを意味します。
  • Use Core Dataは、永続的なデータストレージを意味し、Hello Worldアプリケーションでは不要です。
  • この例では単体テストUIテストを行っていませんが、追加する習慣に慣れることはありません。

ここに画像の説明を入力

既存のフォルダを選択するか、Xcodeプロジェクトを保存する新しいフォルダを作成します。これは将来デフォルトになります。ここでは「Xcodeプロジェクト」と呼ばれるものを作成しました。次に[ 作成 ]をクリックします 。必要に応じてソース管理を選択できます( GitHubなどのサイトと同期するときに使用します)。この例ではソース管理は不要です。

ここに画像の説明を入力

ラベルを追加する

これは、Xcodeプロジェクトのファイル構造です。

プロジェクトナビゲータでMain.storyboardを選択します。

ここに画像の説明を入力

Xcodeの右下にあるオブジェクトライブラリの検索フィールドに「label」と入力します。その後、 UILabel をストーリーボードView Controllerにドラッグします。一般的に左上隅の領域に配置します。

ここに画像の説明を入力

ストーリーボードでラベルが選択されていることを確認してから、 属性インスペクタでテキストを「Hello、World!」に変更します。テキストの長さが長くなったので、ストーリーボードのラベルのサイズを変更して位置を変更する必要があります。

ここに画像の説明を入力

または、ストーリーボードのラベルをダブルクリックして「Hello、World!」に編集します。とにかく、ストーリーボードは次のようになります。

ここに画像の説明を入力

コードの追加

Project NavigatorでViewController.swiftを選択します。

ここに画像の説明を入力

viewDidLoad() メソッドにprint("Successfully created my first iOS application.") を追加しprint("Successfully created my first iOS application.") 。このように見えるはずです。

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        
        // print to the console when app is run
        print("Successfully created my first iOS application.")
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
}
 

シミュレータでのアプリの実行

ここに画像の説明を入力

実行ボタンを押して、アプリケーションをビルドして実行します。この例では、現在のシミュレータデバイス(「スキーム」と呼ばれます)はiPhone 6s Plusにデフォルト設定されています。新しいバージョンのXcodeはデフォルトの新しいスキームになります。名前をクリックすると、他のスキームを選択することもできます。私たちは単にデフォルトに固執します。

シミュレータは最初の実行を開始するまでに時間がかかります。一度実行すると、次のようになります。

ここに画像の説明を入力

シミュレータメニューでは、 ウィンドウ/スケールを選択して小さくするか、⌘cmd+ 1/2/3/4/5を100%/ 75%/ 50%/ 33%/ 25%のスケールでそれぞれ押します。

Xcodeのデバッグ領域(下部)には、「最初のiOSアプリケーションが正常に作成されました」と印刷されている必要があります。コンソールに接続します。 「初めてiOSアプリケーションを作成しました。」メッセージは、 コード部分の追加でプログラムで印刷した文字列です。

ここに画像の説明を入力

続ける

次に自動レイアウトの制約について学ぶ必要があります。これらは、ストーリーボード上にコントロールを配置するのに役立ちます。これにより、デバイスのサイズや方向性が良好になります。

Xcodeインターフェイス

Xcodeには、ナビゲーター(赤色)、デバッグエリア(緑色)、ユーティリティー(青色)の3つの作業領域があります。 Xcodeメインウィンドウ

ワークスペースウィンドウには常にエディタ領域が含まれます。プロジェクトでファイルを選択すると、その内容がエディタ領域に表示されます。ここで、Xcodeはファイルを適切なエディタで開きます。たとえば、上記の画像では、ワークスペースウィンドウの左側にあるナビゲータ領域で選択されているスワイプコードファイルのMainViewController.swiftエディタエリアが表示されます。

ナビゲータエリア

ナビゲータ領域

ナビゲータウィンドウには、次の8つのオプションがあります。

  • プロジェクトナビゲータ。プロジェクト内のファイルを追加、削除、グループ化、その他の方法で管理するか、エディタ領域でそのファイルの内容を表示または編集するファイルを選択します。
  • シンボルナビゲータ。プロジェクト内のシンボルをリストまたは階層として参照します。フィルタバーの左側にあるボタンを使用すると、表示されるシンボルをクラスとプロトコルのみ、プロジェクト内のシンボルのみ、またはコンテナのみの組​​み合わせに制限できます。
  • ナビゲータの検索検索オプションとフィルタを使用すると、プロジェクト内の文字列をすばやく見つけることができます。
  • 課題ナビゲータ。プロジェクトのオープン、分析、ビルド時に発生する診断、警告、エラーなどの問題を表示します。
  • テストナビゲータ。ユニットテストの作成、管理、実行、レビュー
  • ナビゲータをデバッグします。実行中のスレッドおよび関連するスタック情報を、プログラムの実行中に指定された時点または時刻で調べます。
  • ブレークポイントナビゲータ。トリガ条件などの特性を指定してブレークポイントを微調整します。
  • レポートナビゲータビルド、実行、デバッグ、継続的な統合、およびソース管理タスクの履歴を表示します。

編集者

Xcodeのほとんどの開発作業は、エディタ領域で行われます。エディタ領域は、ワークスペースウィンドウ内で常に表示されるメイン領域です。最も頻繁に使用するエディタは次のとおりです。

  • ソースエディタ。ソースコードの作成と編集。 ソースエディタ
  • インタフェースビルダ。ユーザーインターフェイスファイルをグラフィカルに作成および編集します。 インタフェースビルダー
  • プロジェクトエディタビルドオプション、ターゲットアーキテクチャ、アプリエンタイトルメントの指定など、アプリの構築方法を表示および編集します。 プロジェクトエディタ

ツールバーの右側にあるエディタ設定ボタンを使用して、特定のタスクのエディタ領域を設定します。 ここに画像の説明を入力

  • 標準エディタ。エディタ領域を選択したファイルの内容で埋めます。
  • アシスタントエディタ。標準のエディタペインにコンテンツに論理的に関連するコンテンツを含む別のエディタペインを表示します。また、コンテンツを変更することもできます。
  • バージョンエディタ。選択したファイルと別のファイルの別のバージョンを別のペインに表示します。このエディタは、プロジェクトがソース管理下にある場合にのみ機能します。

ユーティリティエリアのリソースと要素

作業領域ウィンドウの右端にあるユーティリティ領域では、以下のリソースにすばやくアクセスできます。インスペクタ:エディタで開いたファイルの特性を表示および変更するプロジェクトで使用するための既製リソースのライブラリ

ユーティリティ領域の上部パネルにはインスペクタが表示されます。一番下のペインにはライブラリへのアクセス権があります。

ユーティリティエリア


最初のパネル(赤で強調表示)はインスペクタバーです 。これを使用して現在のタスクに最も適したインスペクタを選択します。インスペクタバーに2人のインスペクタが常に表示されます(追加のインスペクタは一部のエディタで使用可能です)。

  • ファイルインスペクタ。選択したファイルのメタデータを表示および管理します。通常、ストーリーボードやその他のメディアファイルをローカライズし、ユーザーインターフェイスファイルの設定を変更します。
  • クイックヘルプ。ファイル内のシンボル、インタフェース要素、またはビルド設定の詳細を表示します。たとえば、クイックヘルプには、メソッドの簡潔な説明、メソッドがどこでどのように宣言されているか、そのスコープ、必要なパラメータ、プラットフォームとアーキテクチャの可用性が表示されます。

ライブラリバー (2番目は赤で強調表示されています)を使用して、すぐに使用できるプロジェクト用のライブラリのライブラリにアクセスします。

  • ファイルテンプレート。一般的なタイプのファイルとコード構造のテンプレート。
  • コードスニペット。クラス宣言、コントロールフロー、ブロック宣言、一般的に使用されているAppleテクノロジのテンプレートなど、ソフトウェアで使用する短いソースコード。
  • オブジェクト。あなたのアプリのユーザーインターフェースの項目。
  • メディア。グラフィック、アイコン、サウンドファイルなどを含むファイル。

ライブラリを使用するには、適切な領域に直接ドラッグします。たとえば、コードスニペットを使用するには、ライブラリからソースエディタにドラッグします。ファイルテンプレートからソースファイルを作成するには、テンプレートをプロジェクトナビゲータにドラッグします。

選択したライブラリに表示される項目を制限するには、関連するテキストをフィルタバーのテキストフィールド(下のペイン)に入力します。たとえば、テキストフィールドに "button"と入力すると、Objectsライブラリのすべてのボタンが表示されます。

ワークスペースツールバーでタスクを管理する

ワークスペースウィンドウの一番上にあるツールバーを使用すると、頻繁に使用されるコマンドにすばやくアクセスできます。 実行ボタンは、製品をビルドして実行します。 停止ボタンは実行中のコードを終了します。 [ Scheme]メニューでは、ビルドして実行する製品を設定できます。 アクティビティビューアは、ステータスメッセージ、ビルドの進捗状況、およびプロジェクトに関するその他の情報を表示することで、現在実行中のタスクの進行状況を表示します。

エディタ設定ボタン (3つのボタンの最初のグループ)はエディタ領域を設定し、 ワークスペース設定ボタン (3つ目のボタンの第2グループ)はオプションのナビゲータ、デバッグ、ユーティリティ領域を表示または非表示にします。

画像

[ 表示]メニューには、ツールバーを表示または非表示するコマンドが含まれています。

隠す

3Dタッチ