iOS開発を担当しているfujiwaraです。初投稿となりますが、よろしくお願いします。
今日は、iOSのアプリを作ってみたいけどどうやって作ればよいか・・という初級者の方へ向けて、「もぐら叩きアプリ」を作る動画を、解説を交えつつご紹介したいと思います。
動画は↓こちらのリンクからご覧いただけます。
【Swift・初級】もぐら叩きアプリを作ってみよう！
開発環境
まず準備するものとして、Macが必要となります。MacはAirでも可能ですが、スペック面で重く感じるかもしれません。できればProがおすすめです。
またツールとしてはXcodeが必要です。XcodeはAppStoreより無料でダウンロードできます。これが容量を30GB以上必要とするので、空き容量にはご注意を。。
初期設定
動画でいうと0:56「2.初期設定」が、おそらく何をやっているのかよくわからないかもしれませんが。。ひとまずはこういうものだと捉えていただければと思います。
１点だけ、Storyboardを削除しているのですが、これは私の個人的な開発思想が反映されています。Storyboardというのは、そこで１つ１つの画面を定義して、更に画面の遷移の仕方をそこで設計するものです。それが個人的に扱い辛く感じておりまして、Storyboardを使わずに画面を作って、画面の遷移はプログラムで制御するようにしています。ここは人によるところだと思いますので、これが正解ではないことをご理解いただければと思います。
画面デザイン
動画でいうと6:15「6.画面デザイン」からが画面のデザインになります。
画面のデザインが実はけっこう厄介です。なぜかというと、iPhoneにも色々な機種があり、機種によりディスプレイの大きさが異なります。どの機種で表示してもバランスよく配置する必要があります。そのために必要な技術がAutoLayoutです。
動画の中で、項目を配置する際、上からの距離とか左からの距離なんかを設定していますよね？それがAutoLayoutの設定になります。動画の中ではシンプルに上からや左からの距離を設定していますが、例えば、画面のちょうど中央になるよう設定するとか、全体の30%の距離になるよう設定するとか、この項目の左端に合わせるよう設定するとか、ケースバイケースで様々な設定を要します。始めのうちはAutoLayoutがうまくいかず泣かされると思います。。
プログラミング
動画でいうと19:21「10.プログラミング」からがプログラミングになります。
言語はSwiftです。ひと昔前はiOSの開発といえばObjective-Cでしたが、今はSwiftが主流です。
動画でのポイントは、プロパティと変数です。プロパティは日本語だと属性になるのですが、例えば「人間」には「性別」「年齢」「身長」などいったプロパティを持っています。そこに付随した様々な情報です。今回はisHiddenというプロパティを扱っています。これはその物を表示する・しないという情報を表します。その値は参照するだけでなく、変更することも可能です（プロパティによっては変更不可なものもありますが）。今回はそれを変更して、モグラ画像を消したり、逆に穴画像を表示したりしました。
また変数というのは様々な値を格納する器のようなものです。器には必ず型を持っています。例えばIntという型は数字だけしか格納できません。Stringという型は文字列だけしか格納できません。今回tensuという変数を作りました。これの型は何なんだと思われたかもしれませんが、、Swiftでは明示的に型を定義しなくても、宣言した時点で値を設定すると自動的にその型を判断して決めてくれます。tensuは↓始めに「0」を設定しました。そうするとInt型になります。
private var tensu = 0
まとめ
気づいたら非常に長い文章になっていたので、ここでまとめます。
この動画は、今までアプリを作ってみたいけど難しそうと思われている方が、自分でも作れるんだ！というのを実感してもらえたらなという思いで作りました。そういう方々の少しでも力になれたら幸いです。