はじめてのiPhoneアプリ作成@ 赤坂勉強会

資料作成 2012年12月16日 荒川 巧也

まず始めに・・・

1.この勉強会を開いた理由

2.アプリ開発に必要なこと

3.時計アプリ制作

本日お話する内容

１.この勉強会を開いた理由

最近スマホアプリが人気

• 人気のアプリを遊ぶだけでなく自分でもアプリを作れたら・・それをapp

storeに出して世界に公開できたら・・どんなにすごいだろう・・・

さまざまなアプリ開発本が出てます。

本屋さんの風景

でも実際には・・・いろいろ勉強が必要です。

1. Objective-C (プログラム知識)

2. Xcodeの使い方

3.サウンド

4.絵

5.マネタイズ6.and more・・・

現状として・・・• Officeソフトで個人が個人用の書類を作るようにアプリを作ることができません。。

難しいObjective-CとかXcodeとか

でも独学で勉強すると・・

そこで・・考えました！！iPhoneアプリ(もしくはiPadアプリ)制作に興味ある初心者(中級者)達が集まる勉強会を開きたい。

本日はお忙しいところご出席ありがとうございます。アプリ開発に興味あるもの同士有意義な時間を過ごしましょう。

iPhoneアプリを作るには？

• Mac

• iPhone,iPad,iPod touch (実機確認用)

• Xcode

• Developer登録(年会費8400円)

Xcode以外でもアプリ作れるよ？

Titanum Unity3D COCOS2D

今回の勉強会ははじめてのアプリ作りを想定しました

入り口として「apple純正開発ツール」であるXcodeを学ぶことでアプリ作りに興味を持つきっかけにして欲しいと考えました。

もしUnityに興味が出たら・・

Unity勉強会も実施してますのでご参加ください。

2012年11月30日実施勉強会

以上、宣伝でした。

ちなみに・・なぜiPhoneなの？Androidは？

要望があれば検討します。(でもiPhoneが好き)

2.アプリ開発に必要なこと

2.アプリ開発に必要なこと

• まず、iPhoneアプリ制作(Xcode)で使われるObjective-Cについて学ぼう。

そもそもプログラミング言語とは？

C,C++, Objective-C,C#, Java,

Ruby,Python, Javascript...

and more

目的によりいろいろな言語があります

#include <stdio.h> int main() { printf("hello, world\n"); return 0;}

<C言語>

これは・・・人間の言語と同じ

1.日本語 愛してる

3.中国語 我愛你

2.英語 I love you

4.韓国語 사랑해요

人工言語と自然言語

• 人間が話す言語は自然言語と言います。完璧な文法でなくとも単語の羅列で通じますよね？(海外旅行とか)

• コンピュータで使う言語は人工言語と言います。

完璧な文法でないとエラーになります。

Objective-Cとは？

• 1985年NeXT社が開発言語として採用した言語。

• 1997年AppleがNeXTを買収。AppleはNeXTのOS(現在のOSX)を引き継ぐことになった。

• 2008年以降iOSアプリ開発のために学習者が増えています。

この本の後半部分に詳しく書かれています。

apple製品くらいしか使われていません。

　　　　3.時計アプリ制作

ではXcode触りましょう

今日作るもの

時計アプリです。

Xcodeとは・・

Xcode

iOS シュミレーター Instruments(コード編集)

編集・確認

Xcodeとは・・

画面デザイン 画面を動かすプログラム

View Controller.h

View Controller.m

画面デザイン

具体的なプログラム

変数リスト

部品

1.Xcodeを立ち上げよう

こちらをクリック

Xcodeを立ち上げよう

今日はこれを選択

せっかくなので・・

① ② ③

④ ⑤ ⑥

今日使わない①～⑥を見てみよう。

① Master-detail Application

iPhone上では、画面(ビュー)が複数枚あり、階層的に画面推移するアプリ用のテンプレート。

②OpenGL Games

OpenGL ESという、2Dや3Dのグラッフィクスを表示する機能を使ったテンプレート。主にゲームアプリに使用。

③Page-Based Application

電子書籍のようにめくって画面が推移するアプリ用のテンプレート。

④Tabbed Application

画面下にタブがあり、それを押すことで画面が推移するアプリ用のテンプレート。

⑤Utility Application

画面が裏表あり、ボタンをタップするとひっくり返るアプリ用のテンプレート。

⑥Empty Application

最低限の情報しかないアプリ用のテンプレート。逆に言えば自分でしっかり作り込みたい時はこれを使えば細かい調整も行える。

3.時計アプリ制作

appの名前開発者の名前開発者が所属する組織名前

iPhoneにする。

3.時計アプリ制作

アプリの向き

アイコンのセット

スプラッシュ画面

3.時計アプリ制作

MainStoryboard.storyboard をダブルクリック

3.時計アプリ制作

クリック

選択

3.時計アプリ制作

ドラッグして挿入

3.時計アプリ制作00:00:00にする。

3.時計アプリ制作選択

3.時計アプリ制作

connect押す。

3.時計アプリ制作

View Controller.mを選択

#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController- (void)viewDidLoad{ [super viewDidLoad];! // Do any additional setup after loading the view, typically from a nib. [NSTimer scheduledTimerWithTimeInterval:0.1 target:self selector:@selector(update) userInfo:nil repeats:YES];}-(void)update{ NSDate *now = [NSDate date]; NSDateFormatter *df = [[NSDateFormatter alloc] init]; [df setDateFormat:@"HH:mm:ss"]; self.timeLabel.text = [df stringFromDate:now]; }-(void)didReceiveMemoryWarning{ [super didReceiveMemoryWarning];}

@end

3.時計アプリ制作View Controller.mに入力してください。

3.時計アプリ制作

#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController- (void)viewDidLoad{ [super viewDidLoad];! // Do any additional setup after loading the view, typically from a nib. [NSTimer scheduledTimerWithTimeInterval:0.1 target:self selector:@selector(update) userInfo:nil repeats:YES];}-(void)update{ NSDate *now = [NSDate date]; NSDateFormatter *df = [[NSDateFormatter alloc] init]; [df setDateFormat:@"HH:mm:ss"]; self.timeLabel.text = [df stringFromDate:now]; }-(void)didReceiveMemoryWarning{ [super didReceiveMemoryWarning];}

@end

NSTimerで繰り返し呼び出す関数を指定繰り返す間合い(秒数)を指定

呼び出す関数を指定 ( この場合はupdate)

繰り返す：YES

NSDateで現在の日時を示します。

時・分・秒の形式として表示

「現在の日時」を「時・分・秒」形式でラベルに表示

3.時計アプリ制作 (完成！！！)

追加(ここまでできれば時計になります。)

view controller .m

お忙しいところありがとうございました。

• 本日の勉強会に関してご質問などありましたら、tolucky0429@gmail.com (荒川巧也)までご連絡ください。

• Facebookに「iPhoneアプリ作成勉強会」を作りました(https://www.facebook.com/

groups/142697315880496/)。よろしければご登録お願いします。