初心者に簡単なiPhoneアプリの作り方を教える【講座】

公開日: : 最終更新日:2014/10/13 Objective-C, プログラミング

1: 名無しさん 2014/03/21(金)19:52:45 ID:WScIPPpvo
ポテチ食ってるから結構書き込むのが遅くなるけど
黙々とやっていこうと思う

2: 名無しさん 2014/03/21(金)19:54:20 ID:WScIPPpvo
今回作るのは
「おみくじアプリ」
実用性もクソもないけどそこまで難しくはないはず

 

3: 名無しさん 2014/03/21(金)19:54:36 ID:Fqbm7lOXo
おけ気長にみる

 

4: 名無しさん 2014/03/21(金)19:58:08 ID:WScIPPpvo
Xcodeを起動してプロジェクト作成画面に行く
そして
「single view application」
を選択してNext
no title

 

5: 名無しさん 2014/03/21(金)20:02:22 ID:WScIPPpvo

product nameは何でもいい
俺は「omikuji2ch」にした
company identifierは
「open2ch」にした

no title

 

6: 名無しさん 2014/03/21(金)20:12:09 ID:WScIPPpvo

次の画面では保存場所を聞かれるけど各自適当にオナシャス
俺は書類フォルダにxcodeというフォルダを作った

createを押すと保存場所にomikuji2chという名前のフォルダが生成されて
関連ファイルは全部そこにぶっこまれる

スポンサーリンク

7: 名無しさん 2014/03/21(金)20:16:29 ID:WScIPPpvo
最初は設定画面になると思うんだけど
devicesがiphoneになっていることを確認して欲しい
なっていなかったら手動でiphoneを選ぶと大丈夫
no title

 

8: 名無しさん 2014/03/21(金)20:20:51 ID:WScIPPpvo
ボタン等のUIはMain.storyboardで作って配置していく
もちろん画面遷移もここで作ることが出来る
no title

 

9: 名無しさん 2014/03/21(金)20:23:30 ID:WScIPPpvo

Main.storyboardを選ぶと
この画面になるはず

ならなかったらプロジェクト作成の時に
「single view application」
以外を選んでいると思われ
no title

 

10: 名無しさん 2014/03/21(金)20:31:29 ID:WScIPPpvo

右下にあるのはボタン等を始めとするUI一覧があって

ここには
・ボタン
・文字
・テキスト入力
・スライダー
・スイッチ

とか色々なUIがある
http://open2ch.net/p/news4vip-1395399165-10.png

 

12: 名無しさん 2014/03/21(金)20:37:27 ID:WScIPPpvo
LabelとButtonをドラッグアンドドロップで貼り付けると
こうなる
no title

 

13: 名無しさん 2014/03/21(金)20:44:07 ID:WScIPPpvo
パーツをダブルクリックすると
文字を編集することが出来るので各々好きな文字を入れる
no title

 

14: 名無しさん 2014/03/21(金)20:47:17 ID:WScIPPpvo

ちなみにパーツを選択すると
パーツ自体の大きさを変えることが出来る

文字の大きさや色を変えるのは右にある奴でやることが出来る
no title

 

15: 名無しさん 2014/03/21(金)21:41:06 ID:WScIPPpvo

次は
ViewController.h
ViewController.m
の記述をする

.hファイルは変数の宣言
.mファイルは具体的な処理を書いたりする
no title

 

16: 名無しさん 2014/03/21(金)21:47:29 ID:WScIPPpvo

ここで画面を効率的に使うために
assistant editorボタンを押す

画面右上にある奴ね

no title

 

17: 名無しさん 2014/03/21(金)21:55:11 ID:WScIPPpvo
そうすると画面が分割されて
こうなる
no title

 

18: 名無しさん 2014/03/21(金)21:56:42 ID:WScIPPpvo
?2?(左向き三角と右向き三角)
の箇所で編集するファイルを切り替えることが出来る
no title

 

39: 名無しさん 2014/03/22(土)21:41:54 ID:65TW5PeV2
>>19 のドラッグ アンド ドロップ
Option キー でできました
ちなみにキーボードの設定いじってません

 

20: 名無しさん 2014/03/21(金)22:16:33 ID:WScIPPpvo
もしかしたらcontrolキーではないかもしれない
俺はキーの配置を入れ替えているから
controlキーでダメだった人はキーボードの左下のキーのどれかで試行錯誤して欲しい

 

21: 名無しさん 2014/03/21(金)22:24:32 ID:WScIPPpvo

ドラッグアンドドロップすると
こういう画面になる

Nameには変数名を入れるんだけど
俺はresultにした

それでConnectを押せばおk
no title

 

22: 名無しさん 2014/03/21(金)22:25:20 ID:WScIPPpvo

そうすると

@interface ViewController : UIViewController
{
__weak IBOutlet UILabel *result;

}

@end

こうなるはず

 

23: 名無しさん 2014/03/21(金)22:27:04 ID:WScIPPpvo
ちなみに関数の宣言は波括弧の外でする
本当はここで
関数の宣言も書かないといけないんだろうけど
多分書かなくても問題ないような気がする

 

24: 名無しさん 2014/03/21(金)22:35:41 ID:WScIPPpvo

次はボタンをおした時に関数が実行されるようにするんだけど
さっきやったみたいにドラッグアンドドロップでする

編集するファイルはViewController.mだから切り替えておいてね
no title

 

25: 名無しさん 2014/03/21(金)22:39:09 ID:WScIPPpvo

ドラッグアンドドロップすると
さっきみたいな画面になるけど
connectionがActionになっているかどうか確認して
なっていたらNameには関数名を入れる
俺はuButtonにした

それでConnectを押せばおk
no title

 

26: 名無しさん 2014/03/21(金)22:41:26 ID:WScIPPpvo

connectionの意味なんだけど

ラベルのように特に動作が無いものはOutlet
ボタンのように動作があるものはActionになるのかな

 

27: 名無しさん 2014/03/21(金)23:09:09 ID:WScIPPpvo

関数を追加したら

@implementation ViewController
– (IBAction)uButton:(id)sender {
}

– (void)viewDidLoad
{
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
}

– (void)didReceiveMemoryWarning
{
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}

@end

こうなるから次から
– (IBAction)uButton:(id)sender {
}
の中身を書いていく

 

29: 名無しさん 2014/03/21(金)23:44:56 ID:WScIPPpvo
これで完成
あとは左上にある再生ボタンを押すと
iOSシミュレータの上でアプリが実行されるようになる
no title

 

30: 名無しさん 2014/03/21(金)23:47:37 ID:WScIPPpvo

以上でアプリ制作は終わり

質問があったら受け付ける

 

31: 名無しさん 2014/03/22(土)00:09:54 ID:YHbNBCSim

人居ないなw

iOSアプリ開発は日本語の資料が少ないから
初心者の助けになればと思って書いた

役に立った人が居るのであれば嬉しい

 

32: 名無しさん 2014/03/22(土)00:30:22 ID:6rAitsP4u
iOSアプリの開発環境がないからなぁ……w

 

33: 名無しさん 2014/03/22(土)00:39:33 ID:YHbNBCSim
そこが難関だよね
ネットや2chしかしない人あるいは開発をする人にとっては
Macは使いやすいから一度家電量販店で体験して欲しい

 

35: 名無しさん 2014/03/22(土)20:45:46 ID:65TW5PeV2
Xcodeダウンロードしました!やってみます

 

37: 名無しさん 2014/03/22(土)20:55:23 ID:65TW5PeV2
MacBook Air 11だとやっぱり画面小さい感じですね

 

38: 名無しさん 2014/03/22(土)21:11:05 ID:YHbNBCSim
xcodeは結構解像度が無いとキツイから
MacBook Air 11の人は外部ディスプレイがあるといいよ
Mavericksからマルチディスプレイサポートをするようになったし

 

40: 名無しさん 2014/03/22(土)21:54:26 ID:YHbNBCSim
そうか
それは良かった
頑張って!

 

41: 名無しさん 2014/03/22(土)22:25:26 ID:65TW5PeV2
動いた!動いた!シュミレーターで!
コレ、iPhoneでも動くんですか?

 

42: 名無しさん 2014/03/22(土)22:37:11 ID:YHbNBCSim

 

43: 名無しさん 2014/03/22(土)22:45:02 ID:65TW5PeV2
>>42
ありがとうございます
やってみま…す!

 

44: 名無しさん 2014/03/22(土)22:46:59 ID:YHbNBCSim
もしかしたらというか多分有料登録が必要な気がする

 

45: 名無しさん 2014/03/23(日)00:33:29 ID:JCJx91HfT
有料なんですね
も少しシュミレーターで勉強してから考えようかなと思います
iPhoneやiPadで動いたらさぞ面白いだろなあ

 

46: 名無しさん 2014/03/23(日)00:37:11 ID:xzJrLZ7z9

このままobjective-cだけで開発を進めるのは結構しんどいよw
だからenchant.jsやunityに進んだら楽になるはず

初心者はenchant.jsが取っ付き易いと思う
http://www.ideaxidea.com/archives/2011/04/enchant_rgb_undocumented.html

 

47: 名無しさん 2014/03/23(日)06:37:21 ID:uWa3MAT4i
プログラムのプの字もわからない素人でも2chブラウザくらいのものがすぐ作れるならMac買う
引用元:http://hayabusa.open2ch.net/test/read.cgi/news4vip/1395399165/

関連記事

https---www.pakutaso.com-assets_c-2014-10-PAK86_tukamaridachicyuu20130320500-thumb-autox1000-5428

一念発起してプログラミング学びたいんだけど今から学ぶのにおすすめの言語教えてくれ

1: 以下、\(^o^)/でVIPがお送りします 2015/01/26(月) 16:26:57.4

記事を読む

https---www.pakutaso.com-assets_c-2015-05-FSC_bo-runishikihebi-thumb-1000xauto-13928

python勉強するよ!

1: 以下、\(^o^)/でVIPがお送りします 2015/05/26(火) 13:41:34.0

記事を読む

top-baner04

Webプログラミングやりたいんだけど、何から始めたら良いの?

1: 以下、\(^o^)/でVIPがお送りします 2015/10/15(木) 17:39:34.9

記事を読む

https---www.pakutaso.com-assets_c-2015-06-PAK88_tetuyaakenosyain20141123141151-thumb-1000xauto-18076 (1)

C言語PHPマスターしたけどプログラマーになりたくないでござる

1: 以下、\(^o^)/でVIPがお送りします 2015/07/06(月) 03:26:56.3

記事を読む

jbapp-autotouchforios7-01

iphoneの脱獄アプリAutoTouchでマクロを組もうとしてるんだが、エラーの意味教えてくれ

1: 以下、\(^o^)/でVIPがお送りします 2015/10/15(木) 23:01:21.7

記事を読む

reg_1

「正規表現」って見た目難しそうだけど、覚えると凄く便利だよね

1: ファルコンアロー(catv?)@\(^o^)/ 2015/11/23(月) 15:37:0

記事を読む

812be418140f1a7eaaa465294d4ed605_s

AI作りたいんだけど、どうやって作るの?

1: 以下、\(^o^)/でVIPがお送りします 2015/09/30(水) 01:08:16.0

記事を読む

https---www.pakutaso.com-assets_c-2015-06-AI_IMG_7772-thumb-1000xauto-17759

【画像あり】この論理回路がよくわからない 誰か教えてください

1: 以下、\(^o^)/でVIPがお送りします 2015/07/21(火) 15:44:53.7

記事を読む

bsYUKA150701598457

オブジェクト指向について詳しい人に聞きたいんだけど、「デザインパターン」ってなんなん?

1: 以下、\(^o^)/でVIPがお送りします 2015/10/18(日) 16:22:09.4

記事を読む

microsoft-edge-project-spartan

「Windows 10」の新ブラウザ「Microsoft Edge」はSilverlightをサポートせず

1: 海江田三郎 ★ 2015/07/04(土) 14:59:56.88 ID:???.net

記事を読む

Huawei-Mate-8-benchmark-post-launch_1
Androidのベンチマーク、10万点を突破 インフレが止まらない

1: 番組の途中ですがアフィサイトへの\(^o^)/です (ニククエ

hGJvbfh
せっかくの休みだ。原付で>>5に行く。

1: 名無しさん@おーぷん 2015/11/29(日)06:13:2

9xHNnte
XperiaZ5からdocomoのロゴだけ消せるシートが発売開始

1: 番組の途中ですがアフィサイトへの\(^o^)/です (アウアウ

bsLISA78_MBAsawaru20141018102912
子供にプログラミング教えることになりそうなんだが、どうやって教えたら良いんだ?

1: 以下、\(^o^)/でVIPがお送りします 2015/11/2

top
国内で最大容量の8THDDが2万円台に値下がり

1: 海江田三郎 ★ 2015/11/29(日) 14:43:35.

→もっと見る

PAGE TOP ↑