今回はMacを使用してiPhoneアプリとAndroidアプリの開発の初歩を解説して行きたいと思います。
プログラムは一切行わないので、初心者の方でも安心して開発することができますよ。
1. プロジェクトファイルの作成
まずはXcodeを開きます。Xcodeがない方はAppStoreにてダウンロードして下さい。Xcodeを開いたら新しくプロジェクトファイルを作成するので「Create a new Xcode project」をクリックします。
すると、テンプレートを選ぶ画面に移ります。
今回は「Hello World」と表示するだけなので「Single View Application」を選択、クリックします。
選択したテンプレートの設定を行います。
Product Name：作成するプロジェクトの名前になります「Hello World」
Organaization Name：作成者、または会社の名前になります「あなたの名前」
Company Identifer：アプリを公開する際の識別子になります。通常はURLの逆にするみたいです「あなたのURLの逆」
Class Prefix：今回はそのままでいいです
Device：対象とするデバイスになります「Universal」
以上で設定が終わりました。
「NEXT」を押すと設定が完了してプロジェクトの画面へと遷移します。
2. 実際に画面を作る
今回のiPhoneアプリであればプログラムは必要ありません。
いろいろファイルがありますが、画面の構成を行っている「Main_iPhone.storyboard」を選択します。
すると、iPhoneの画面のようなものが表示されます。
ここの上に部品を配置することでプログラムをせずにiPhoneアプリを作ることができます。
それでは、実際に部品を置いてみましょう。
3. 部品の配置
右下にある部品の一覧から「Label」を選びます。選択したらiPhoneの画面上選択した部品をへドラッグ＆ドロップして配置します。
いい感じの場所に配置したら「Label」をダブルクリックして文字を編集します。
今回は「Hello World」と入力しておきましょう。
これで画面の設定が終わりました。
これだけでもう立派なiPhoneアプリです。実際にエミュレータで動かして挙動を確認してみましょう。
4. エミュレータで動かしてみる
エミュレータは左上の「iPhone Retina（3.5-inch）」という部分で選択できます。今回は「iPhone Retina（4-inch）」を選択します。
選択し終えたら、「▶」のボタンを押して実行します。
すると、エミュレータが起動して先ほど設定した画面と同じものが表示されるかと思います。これだけでiPhoneに文字を表示することができるようになりました。
同じようにiPad版も作成してみましょう。
ipadの画面は「Main_iPad.storyboard」になります。「Main_iPad.storyboard」を選択して、先ほどと同じように「Label」の部品を画面に配置します。
iPhoneでは文字をダブルクリックして編集しましたが、iPadでは少々入力を変えてみます。
先ほど「Label」を選んだ上の方になにやらいろいろあるかと思います。この画面ですと「No Selection」が表示されている部分です。
配置した「Label」をクリックして、選択した状態にしたあと、この部分を見てみると色々設定すること項目が現れます。表示されていない方は、上のアイコンの左から4番目の下矢印っぽいアイコンをクリックしてみてください。
「Label」と左上に書かれたエリアにラベルの設定が現れます。「Text」項目の下に「Label」と入力されているかと思いますので、この部分を「Hello World」に変更して見てください。すると、配置した画面のラベルのテキストも変更されるかと思います。
サイズが合わない場合は配置した画像を選択してサイズを調整することで綺麗に表示されるようになります。
さて、そこまで終えたらiPhoneと同じようにエミュレータで動かしてみます。
エミュレータの選択を「iPad」に変更して実行します。※エラーが出た場合は、「■」を押してエミュレータを一度終了します。
エミュレータが起動すると、iPadの画面に先ほど設定した文字が表示されていることが確認できます。
以上が、iPhoneアプリ開発の第一歩になります。
全くプログラムをせずにアプリを作ることができました。もちろん、今回の作成内容をすべてプログラムで実装することも可能です。
iPhoneアプリは難しい、プログラムできないと作れないと思っている方、そんなことは必ずしもありません。まずは簡単なアプリでも作っていくことでその楽しみを発見できるかもしれません。
では、同じようなアプリをAndroidで作成したらどうなるのでしょうか。
5. Androidでも作成してみる
先程作成したアプリと同じ内容のものを今度はAndroidでも作成してみましょう。
iPhoneアプリの開発はXcodeで行いましたが、Androidの開発はEclipseというアプリを使って作成していきます。
6. プロジェクトの作成
AndroidのアプリもiPhoneと同様にプロジェクトファイルの設定から行います。
「ファイル」から「新規」、「Androidアプリケーション・プロジェクト」を選択します。
選択したら、プロジェクトの設定を行っていきます。
アプリケーション名：作成するアプリケーションの名前「HelloWorld」
プロジェクト名：作成するプロジェクトの名前「HelloWorld」
パッケージ名：アプリリリース時に使う識別子「URLの逆とアプリ名」
以上を設定したら、「次へ」をクリックします。今回は対象バージョンなどはデフォルトのままにしておきます。
プロジェクトの設定後はアイコンの設定などいろいろ画面が出ますがとりあえず「次へ」を押して構いません。
プロジェクトファイルの作成が終わると次のような画面になります。
ここまで来たらほぼ完成しています。あとは実機で確認するだけです。
今回はAndroidの実機確認は割愛しますが、以上のような手順で作成することでアプリを簡単に作ることができます。
Macはアプリ開発に最適
 |
| お手頃な価格のMac mini |
iPhone、Androidの開発にはそれぞれ専用のアプリが必要になります。Windowsでは現状Xcodeが提供されていないため、Macを購入する必要があります。しかし、Macを1台持っているとiPhoneアプリだけでなくAndroidアプリの両方の開発が可能となります。
昔はMacというと何十万もする端末でしたが、今ではMacMini
だ購入できますので、ちょっとした開発には十分かもしれません。
だ購入できますので、ちょっとした開発には十分かもしれません。
アプリ開発は難しい、敷居が高いと感じることが多いかと思います。しかし、今回のように簡単なアプリであればプログラムをすることなく作成することができるので、みなさんもこれを気にアプリ開発を行ってみてはいかがでしょうか。
