ささお1iosアプリ開発の始め方第2回です。前回はプロジェクトを立ち上げるところまで進めましたね。前回がまだの方はこちら今回は、アプリの開発を進めて行きます!さて、今回作るのはボタンをタップすると、画面の色が変わるアプリです!!シンプルですが、始めにはぴったりだと思います。前回のプロジェクトを開いてください。『Main.storyboard』を開いてください。builderとは見た目を作る機能のことです。StoryBoardをぎょぎょっといじって行きます。Main.storyboardを開くとこのような画面が出てくると思います。UIButtonを使う!『UIButton』とは簡単に言うとボタンのことです!UIButtonについてはこちらをどうぞ!やや難しめです!アプリについていて、タップするとなんらかの動きがあるものの多くがUIButtonです。Interfaceのことです。アプリに必須のパーツです!!iosアプリの見た目の開発では四角い画面にパーツをくっつけて行います。UIButtonを貼る準備をします。1のマークをクリックしてください。2に『button』と入力してください。するとUIButtonが出てきます。UIButtonをくっつけます!ドラッグ&ドロップで画面の真ん中あたりにいい感じに置きます。ドラッグ&ドロップをご存じない方はこちら!!https://www.google.co.jp/url?sa=t&rct=j&q=&esrc=s&source=web&cd=3&cad=rja&uact=8&sqi=2&ved=0ahUKEwi_vuLgj8TQAhXFVbwKHYdWCeoQFggjMAI&url=https%3A%2F%2Fja.wikipedia.org%2Fwiki%2F%25E3%2583%2589%25E3%2583%25A9%25E3%2583%2583%25E3%2582%25B0%25E3%2583%25BB%25E3%2582%25A2%25E3%2583%25B3%25E3%2583%2589%25E3%2583%25BB%25E3%2583%2589%25E3%2583%25AD%25E3%2583%2583%25E3%2583%2597&usg=AFQjCNEfoaN2YiA5I3uniQirCTdRkiQPDQ&sig2=j9EmcoNRQZsAKgvVrne4cQ&bvm=bv.139782543,d.dGc次に、おいたUIButtonに色をつけましょう。inspectorとは見た目をカスタマイズすることができる機能が詰まったところです。1配置したUIButtonをクリックして、選択状態にしましょう。2右上のホームベースのようなマークをクリックしましょう。3少し下にスクロールすると、Backgroundというところがあるので、そこでお好きな色を選択してください。次に、実際コードを書いて行きます。Editor今まで、コードについて全く触れてきませんでしたが、ここでようやくコードを書きます。プログラミングです!次にやることは、UIButtonをタップした時の動きを書くことです。今回は画面の色を変化させます。そのためには、storyboard上にあるUIButtonをコードと紐付けます!まずは右上の輪っかが二つ重なっているボタンをクリックしてください。すると、画面が大きく変化したと思います。このように、画面が二つに割れたはずです。(始めたばかりの方は、エディターの色は白いと思います。ドラッグ』で画像と同じような位置でドロップしてください。するとグレーの小さい画面が出てくるので、そこを編集します。