*

【初心者用ハンズオン】 iPhoneアプリを作ろう! (その1:Hello Worldを表示し、それを自分のiPhoneで実行)

公開日: : 最終更新日:2018/12/06 アプリ開発 , , , ,

 

 

「【初心者用ハンズオン】iPhoneアプリを作ろう!」

https://www.pref.hiroshima.lg.jp/site/innovation/iphone-app.html

というハンズオンで、講師を務めることになりました。

 

せっかくなので、

ハンズオン用に作った資料をもとに、

ハンズオンの内容をこのブログに残すことにしました。

 

 

 

 

準備

 

まず、以下を用意してください

 

Mac

     ※Windowsパソコンは不可です。

    

OS: macOS Sierra 10.12.6

 

Xcode 9.0 をインストール

   ダウンロードサイト

 https://itunes.apple.com/jp/app/xcode/id497799835?mt=12

   

・ライトニング-USBケーブル(MaciPhoneを接続するケーブルのこと)

 

iPhone iOS 11

 

 

 

Xcodeを立ち上げる

 

 

Create a new Xcode projectをクリック

スクリーンショット 2017 10 23 22 25 00

 

Single View App  ―> Next

 スクリーンショット 2017 10 23 22 25 18

 スクリーンショット 2017 10 23 22 25 26

Product Name :アプリの名前

Team : Noneのまま (後で変更する)

Organization Name: 自分の名前

Organization Identifier: 自分が所属している団体

Language: Swift

Use Core Data: デフォルトのまま(チェックなし)

Include Unit Tests: デフォルトのまま(チェックあり)

Include UI Tests: デフォルトのまま(チェックあり)

 

Nextをクリック

 

 

どこかに保存する。

Createをクリック

 

 

 

Hello World を表示

 

・画面左側のMain.storyboard を開く

スクリーンショット 2017 10 23 22 26 27

 

・画面右下のLabelをドラッグして真ん中へ持って行く

 スクリーンショット 2017 10 23 22 26 35

 

・画面真ん中に「Label」が配置される

スクリーンショット 2017 10 23 22 26 44

 

・Textを「Hello World !」に変えてみる。 

・Color、Font、Alignment などをいじってみる。

 スクリーンショット 2017 10 23 22 26 49

・左上で、iPhoneの種類を選ぶ

・ビルドする(プレイボタンのようなものを押す)

 スクリーンショット 2017 10 23 22 26 55

・シミュレータが起動

無事「Hello World」と表示 

スクリーンショット 2017 10 23 22 27 01

 

 

 

自分のiPhoneに転送

 

MacとiPhoneを繋げる

 

右上の iPhoneのところをクリック

 

 スクリーンショット 2017 10 23 22 27 07

自分のiPhoneを選択

スクリーンショット 2017 10 23 22 27 14


 

Xcode > Preferences

 スクリーンショット 2017 10 23 22 27 19

 

Accounts  >  [+]をクリック

 スクリーンショット 2017 10 23 22 27 27

 

Apple ID  >  Continue

スクリーンショット 2017 10 23 22 27 36

 

Apple ID と パスワードを入力し、Sign in

 スクリーンショット 2017 10 23 22 27 42

 

 

左上の「Test」

Signing  > Team > 自分の名前を選ぶ

 

スクリーンショット 2017 10 23 22 27 50

 

ビルドする

 

キーチェンのアクセス許可は

「常に許可」

 スクリーンショット 2017 10 23 22 27 56

 

こんなエラーが出たら、

iPhoneがロックされてるので、普通に戻そう。

 スクリーンショット 2017 10 23 22 28 02

 

 

 

ビルド成功

 

自分のiPhoneが、こう表示されます。

 

 スクリーンショット 2017 10 23 22 28 07

 

 

 

 

今回は、「Hello World」を自分のiPhoneで表示するまでをお送りしました。

 

 

続く。

その2:BMI計算アプリを作ろう
http://tatsuya1970.com/?p=10404

 

  

  

 

 

ad

    この記事が気に入りましたら、ぜひTwitter、facebookボタンをお願いします。
    ブログを書くモチベーションになります。よろしくお願いします。

  • このエントリーをはてなブックマークに追加
この記事が良かったらビットコインで寄付をお願いします。
ビットコイン投げ銭ウィジェット



関連記事

40代素人オッサン初めてのiPhoneアプリ開発チャレンジ日記(その3)〜EIN申請の巻

   素人がiPhoneアプリ開発に挑戦するシリーズ第3話。 今日はEIN申

記事を読む

40代素人オッサン初めてのiPhoneアプリ開発チャレンジ日記(その2)

    前回のチャレンジ日記から3ヶ月。 http://tatsuya

記事を読む

オリジナルiPhoneアプリ、リリース1年経過レポート

2011年8月4日にリリースした 生まれて初めて作ったオリジナルiPhoneアプリ 「Mind-

記事を読む

【iPhoneアプリ開発備忘録】Objective-cで処理を一定時間止めたい

  質問: Objective-cで、処理を一定時間止めるにはどうしたらいいですか? ゲームの

記事を読む

オリジナルiPhoneアプリ、リリース1ヶ月経過レポート

生まれて初めて作ったオリジナルiPhoneアプリ 「Mind-Reading」 http:/

記事を読む

ad

Message

メールアドレスが公開されることはありません。

ad

生成AIで作ったキャラクターをLive2Dで加工しUnityで動かす(まばたき、話す)

  ChatGPT(DALL-E3)で作ったキャラクターをもとに、Ch

24時間のトランジットならビザなしで中国に入国できる(上海浦東空港での体験)

中国での入国を伴うトランジットについて、私は事前にググりまくって情報を

『東京都同情塔』を読んで

ChatGPTを活用して作ったという芥川賞受賞作「東京都同情塔」を読了

『ボーはおそれている』を観て

    3月1日の映画の日はミッドサマーの監督の最新作を鑑賞(ミッド

生成AIを使ったテレビニュース風の動画の作り方(HeyGen + Canva)

  イベントの宣伝用にこんな動画を作りました。   誰でも簡単に作れ

→もっと見る

    • 1676184総閲覧数:
    • 71今日の閲覧数:
    • 211昨日の閲覧数:
    • 1現在オンライン中の人数:
    • 2014年4月29日カウント開始日:
PAGE TOP ↑