iPhoneアプリの開発

 Xcodeを使った簡単なiPhoneアプリ作成マニュアル

どうもおはこんばんちわ。けーてぃーです。

iPhoneアプリを作成する機会があったので記録として書き記しておくよ。(備忘録になりますし)

実際どんな感じで作るの？ってのが伝わればいいかなって思って。

iPhoneアプリ開発例をすっごい雑に書いていきますｗ

アプリを作るために用意するもの

• Mac
• Apple ID アカウント
• Xcode

Mac・・・基本的には必須です　これがないと始まらない

Apple ID・・・持ってない人は作りましょう

Xcode(エックスコード)・・・統合開発環境　アプリ作成に必要な開発ツール

 

下ごしらえのApple IDを取得してXcodeのインストールは済んでるものとして進めます。

注意

Xcodeのバージョンが古いです。現行のものとは操作や表示が違うと思います。

説明は本当に大雑把にしか書いてないので本気で作りたいなら書籍などをおすすめします。

1.Xcodeを起動し「Create a new Xcode Project」を選択します。
　プロジェクト名は好きにつけておーけー。

2.「Singe View App」を選択します。

3.左側の「Main.storybord」を選択します。

4.右側のメニューから「Label」と「Button」を探して選択し真ん中にドラッグ＆ドロップで配置します。

5.「Label」や「Button」をダブルクリックすることで、中身の文字を変えることが出来ます。ここではlabelを「こんにちは世界」に、Buttonを「ボタン」に変更しました。

6.Xcode右上の〇が2つ重なっているマークを押します。するとコードの画面に切り替わります。コード画面「ViewController」に処理を記述していきます。

7.左に配置した「Label」と「Button」をコードに結び付けます。
「Label」を選択した状態で、Controlキーを押しながらエディタの13行目辺りにドラッグ＆ドロップします。Connectionは「Outlet」に、Nameは「TestLabel」にしてください。

8.同様に「Button」も結び付けてください。その下の15行目辺りにドラッグ＆ドロップしてください。「Button」はConnectionを「Action」に、「Name」を「TestButton」にしてください。

9.「TestButton」が押されたときの処理を記述します。
17行目　@IBAction func TestButton(_ sender: Any){ の下からコードを入力していきます。画像の18行目から32行目までコードをそのまま写してください。

10.コードを打ち終わったらXcode右上の再生ボタンのようなものを押してみましょう。
　iPhoneのエミュレータ―が立ち上がりアプリが起動します。
　ボタンを押してLabelの文字が変われば成功です。お疲れさまでした。

ね？簡単でしょ？（言ってみたかっただけ）

余力のある方はコードの中身を自分好みに改造してみたり、レイアウトを整えたりするといいかもしれません。面倒なので私はやってませんがｗ

繰り返しになりますが真面目にやるなら書籍で学ぶと良いでしょう。

（まあこれ見て作ろうと思う人なんていないと思いますが・・・）

「2日でマスターできるiPhoneアプリ集中講座」ってな感じの

書籍があるのでそれとかどうでしょうか。

ちなみに小ネタですがiPhoneのアプリのリリース審査とかは結構厳しめらしいです。
今はどうかわからないですけど聞いた話によると、「このアプリのUIはなってない」「アプリアイコンの解像度が低すぎる」「この水着はエッチじゃん、ダメ！」「ここのラベルは何で中央揃えされてないんだ？」「これ全然作りこまれてないよね？」等々、

ちゃんと作りこまないとジョブズに叱られますアップルの審査の人に怒られるそうです。

なので面倒くさがり屋の私には向いてないかもしれないね(笑)

もちろん公開せずに自分だけで楽しむこともたしかできたはず、たぶん。

今はXamarinとかCordovaみたいなハイブリッドアプリみたいなのが良いのかもしれん。
長くなってしまったのでこの辺で。　乙です！


また気がむいたら新しくなったAndroid Studioとか触ってみようかな。