【初心者】iPhoneアプリを作ってみる【講座】

今回作るのは
「おみくじアプリ」
実用性もクソもないけどそこまで難しくはないはず

Xcodeを起動してプロジェクト作成画面に行く
そして
「single view application」
を選択してNext

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

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

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

最初は設定画面になると思うんだけど
devicesがiphoneになっていることを確認して欲しい
なっていなかったら手動でiphoneを選ぶと大丈夫

ボタン等のUIはMain.storyboardで作って配置していく
もちろん画面遷移もここで作ることが出来る

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

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

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

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

とか色々なUIがある

LabelとButtonをドラッグアンドドロップで貼り付けると
こうなる

パーツをダブルクリックすると
文字を編集することが出来るので各々好きな文字を入れる

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

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

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

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

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

画面右上にある奴ね

そうすると画面が分割されて
こうなる

2（左向き三角と右向き三角）
の箇所で編集するファイルを切り替えることが出来る

ラベルを変数として扱うために
controlキーを押しながらパーツを
ViewController.hの@interfaceと@endの間にドラッグアンドドロップするんだけど

この時の注意として
変数は波括弧の中に書かないといけないから
予め自分で波括弧を記述しておく

もしかしたらcontrolキーではないかもしれない
俺はキーの配置を入れ替えているから
controlキーでダメだった人はキーボードの左下のキーのどれかで試行錯誤して欲しい

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

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

それでConnectを押せばおｋ

そうすると

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

}

@end

こうなるはず

ちなみに関数の宣言は波括弧の外でする
本当はここで
関数の宣言も書かないといけないんだろうけど
多分書かなくても問題ないような気がする

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

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

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

それでConnectを押せばおｋ

connectionの意味なんだけど

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

関数を追加したら

@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 {
}
の中身を書いていく

NSArray *tmp =@[@”大吉”,@”中吉”,@”小吉”,@”凶”];
これはtmpという変数に配列で文字列を入れている処理


int num = arc4random() % 4;
これはnumという変数にランダムの数字を入れている
intはnumという変数は数値しか入れてはいけないというルールを定義する為に書いてある
arc4randomについては自分で検索して欲しい

result.text = [tmp objectAtIndex:num];
さっきラベルにresultという変数を定義したけど
.textを付けることによって変数の中身を書き換えることが出来る
そうすることで”結果は…”という文字列は
ボタンを押した時にresult.textに代入した文字に変化する

tmp objectAtIndex:num
変数tmpの◯番目の配列を呼び出すことが出来る
その為にさっきランダムの数字をnumという変数にぶちこんだ

これで完成
あとは左上にある再生ボタンを押すと
iOSシミュレータの上でアプリが実行されるようになる

人居ないなｗ

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

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