MacのXcodeを使ってプログラムを作るのは難しそうですよね?ですが、思っているより手軽にアプリ作成は始めやすいんです。MacのXcodeの使い方や初期設定。インストールの方法などを調べてみましたので紹介させていただきます。

MacのXcodeとは?インストール方法や初期設定・使い方を解説

目次

  1. MacのXcodeとは?
  2. MacのXcodeはむずかしい?
  3. Xcodeのダウンロードに必要なもの
  4. MacでXcodeを初期設定してみよう
  5. XcodeをMacで使う為にプロジェクトを作成
  6. MacのXcodeのInterface Builderの使い方
  7. MacのXcode完成まであと少し!
  8. MacのXcodeシュミレータを起動してみよう
  9. Xcode作ってみたユーザーの反応
  10. MacのXcodeを調べてみたまとめ

MacのXcodeとは?

MacのXcodeとは、Apple社が提供するMac OS X向けの総合開発環境の事です。ソースコードの編集やデバック機能、iosシュミレータを利用した端末での挙動確認をする事ができます。

それ以外にもiPhoneアプリの開発に必要な作業をサポートしてくれる人気のツールなんですよ。そんなMacのXcodeについてインストールから初期設定、使い方の方法などを調べました。

Macでのパワーポイントの使い方は?手順やKeynoteとの違いを調査 | MensModern[メンズモダン]

MacのXcodeはむずかしい?

アプリが開発できるMacのXcodeは難しいと思われている為、苦手意識を持っている人が多い様です。ですが、自分が作ったものがMac上で動いた時の感動はXcodeで作成した人にしかわからない達成感です。

Macでテレビを視聴する方法まとめ!おすすめチューナーを徹底比較 | MensModern[メンズモダン]

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

では、MacでXcodeを始める最初の準備である、ダウンロードに必要なものになります。「MacPC」「AppleID」「ハードディスク容量(約5GB)」を事前に準備してくださいね。ダウンロードはiTunesストアからする事ができます。

MacとWindowsでファイルを共有する方法!一番簡単なやり方は? | MensModern[メンズモダン]

MacでXcodeを初期設定してみよう

MacでXcodeの初期設定する為にまず、Xcodeを起動し、3つのメニューが出てきた内の「Get started with a playground」で、プログラミングした内容を画面で目で見て確認する事ができるようになります。

MacのXcodeの「Get started with a playground」の中にある「Create a new Xcode project」は、アプリ開発をする事ができます。「Check out an existing project」は、作ったプロジェクトを出力します。

Macでカタカナ変換を簡単に行う方法!便利なショートカットキーはある? | MensModern[メンズモダン]

XcodeをMacで使う為にプロジェクトを作成

MacでXcodeを使う為に、初期設定の第一段階としてプロジェクトを作成しましょう。プロジェクトとは開発するソフトウェアを作る材料のファイルの集めたものです。ソースコードやアプリなどに使う画像や音声ファイルをまとめて管理する事ができます。

プロジェクトを作成する方法

MacのXcodeを起動してFileメニューから「New Project」を選択します。「iOS]の「Application」を選択して初期設定するためにテンプレートにすすみます。

テンプレートを選択する方法

MacのXcodeでプロジェクトのテンプレートが表示されたら「Single View Application」を選択しNextボタンを押すとプロジェクト設定ダイアログが表示されます。

「Single View Application」は、単一のビューを持つもっともシンプルなプロジェクトになります。ここでデバイスの種類やプログラミング言語の指定などの初期設定をする事ができます。

デバイスの種類やプログラミング言語の指定と保存する方法

iPhoneに的をしぼったプログラミング言語は「Swift」になります。プロジェクトの部分がアプリの名前になりますが、日本語のアプリだからといって日本語で名前をつけると動作がおかしくなるので気を付けてください。

アプリ名は他の所で設定可能ですので、プロジェクト名は英語で入力してください。「Next」ボタンをクリックすると、プロジェクトの保存場所を聞かれますので、指定した場所へ初期設定済のプロジェクトを保存する事ができます。

Macでコピペをする方法まとめ!やり方やショートカットキーなど | MensModern[メンズモダン]

MacのXcodeのInterface Builderの使い方

MacのXkodeの保存したプロジェクトを開いてみると「ImageViewer.xcodeproj」というファイルがあります。Xcodeでプロジェクトを開く場合はこのファイルを指定してください。

Interface Builderの設定する方法

Interface Builderとはマウスでユーザーインターフェイスを取り付ける事ができる機能です。絵をかくような感覚でアプリを作るオブジェクトを設計できます。イメージビューを画面の真ん中程へビューコントローラーに移動させ右下のライブラリパレットからImage Viewを見つけてビューコントローラーにドラッグ&ドロップし移動後にイメージビューの隅を引っ張ると大きさが調節できます。

Auto Layoutの設定する方法

次はAuto Layoutの使い方です。Auto Layoutは端末の大きさや縦横の切り替わった時、画面のサイズが変わってもそれに合わせる様にビューの大きさが変わる仕組みです。画面のサイズを端末や縦横の大きさに合わせる様に選択する為には右下の設定ボタンを押しAdd New Constraintsを0に設定します。

Swiftコードの入力する方法

Interface Builderで画面を作っただけではアプリは動く事ができません。端末から受け取ったデータに対するプログラムを入力して、実際どう動くのかを指定してあげなければならないのです。SwiftはAppleが推奨しているプログラム言語です。

ナビゲーションにViewcontroller.swiftを選んでいただくと、エディタにSwiftのソースコードが出てきます。「class ViewController:UIViewController{」の下に「@IBOutlet weak varimageView:UIImageView!」と入力します。これはイメージビューをソースコード内でアクセスする為のコードで「アウトレット」と呼びます。

次にviewDidLoadメソッド内に「imageView.image=UIImage(named:"sample.jpg")と入力します。これはイメージビューのimageプロパティにsample.jpgという名前の画像を読み込んで設定する事を意味しています。これを入力する事で実際にイメージビューに画像が表示されます。

Macのユーザー名を変更する方法!アカウント名も変えられる? | MensModern[メンズモダン]

MacのXcode完成まであと少し!

アウトレットの設定

MacのXcodeのアウトレット設定機能の使い方の説明になります。ナビゲーションからMain.storyboadを選んでいただいて、中央上部の左側にある黄色の丸からイメージビューに向けてcontrolキーを押し、ドラッグしてください。(右クリックでもできます。)水色の線が引かれていくのでそのままイメージビューの上でマウスボタンを離すと表示がでます。imageViewを選んでいただいて完了となります。

画像の登録

MacのXcodeの画像の登録画面の使い方の説明になります。Finderから使用したい画像をプロジェクトウィンドウのナビゲーションにドラッグ&ドロップすると登録するためにオプションダイアログが出てきますので「Copy items if needed」にチェックを入れます。

画像ファイルをプロジェクト内にコピーするかどうかの選択になりますので、コピーしないと画像ファイルがプロジェクトフォルダでないところに保管する事になり、管理上よくないです。「finish」ボタンで登録するとナビゲーションに画像が保存されることになるので、プロジェクトで使うつもりの画像などはプロジェクトフォルダ内に一緒に保管しておきましょう。

Mac対応のマウスでおすすめは?有線・ワイヤレスなど相性がいいのは? | MensModern[メンズモダン]

MacのXcodeシュミレータを起動してみよう

アプリのビルドと実行機能の使い方

プロジェクトウィンドウの左上にある「▶」ボタンをクリックするとプロジェクトのビルドが始まり、正常にビルドが終わるとiOSシミュレータ上でアプリが実行されます。ソースコードに誤りがあるとエラー表示が出て中止されます。

インストール後にしておくと便利なこと

MacでXcodeをインストールした後に最初に設定しておくと便利な機能になります。「Line number」ソースコードに行数が表示されて、プログラミングがしやすくなります。「Double Click Navigation」ファイル選択した時に別タブで開いてくれる機能です。

Macにインストールした後に忘れずに設定する事で、ソースコードを入力する時などに手間をかけずにサクサク作業ができる様になりますので、インストール後に設定を試してみて下さい。

Macの音声を録音する方法は?内蔵マイクやアプリなど徹底調査 | MensModern[メンズモダン]

Xcode作ってみたユーザーの反応

MacのXcodeを利用しているユーザーの皆さんは最初はソースコードの作り方などに苦戦していましたが、利用していくにつれ、Xcodeの便利さを実感している様です。

Macのマイファイルとは?使い方や非表示・削除する方法など調査 | MensModern[メンズモダン]

MacのXcodeを調べてみたまとめ

MacでXcodeのインストールや使い方を紹介させていただきました。Xcodeを利用するのはそれほど難しくなさそうと感じていただけたでしょうか?Xcodeのインストールがうまくいかない場合や使い方がわからない時は「Appleサポートコミュニティ」で解決方法がわかるかもしれません。自分のアプリ設計の幅を広げて納得いく作品を作ってみてくださいね。

MacでUSBメモリをフォーマットする方法!Windowsでも使える? | MensModern[メンズモダン]
MacのIPアドレスを確認・変更する方法は?手動や自動設定ができる? | MensModern[メンズモダン]
Mac版エクセルのセル内で改行する方法は?便利なショートカットキーなどまとめ | MensModern[メンズモダン]

評価 4.5/ 5(合計6人評価)

記事へのコメント

気軽にコメントしよう!

※コメントは承認後に公開されます。

アクセスランキング

人気のあるまとめランキング

新着一覧

最近公開されたまとめ