【iOSアプリ開発】「たった2日でマスターできる iOSアプリ開発講座」 1日目 〜オリジナルじゃんけんアプリを作ろう〜

スポンサーリンク
PC創作
マイケル
マイケル

あ〜〜〜

マイケル
マイケル

アプリ作ってみて〜〜〜

エレキベア
エレキベア

唐突クマね

マイケル
マイケル
仕事でシステム開発はしてるけどさー
マイケル
マイケル
やっぱ自分の好きなもの作りたいよね
エレキベア
エレキベア

そんな君はこれを読むといいクマ


たった2日でマスターできる iOSアプリ開発集中講座 Xcode 9/Swift 4対応

Book
マイケル
マイケル
これは…iOSアプリ開発の教本!
エレキベア
エレキベア

だいぶ前に買ってやってないからあげるクマ

マイケル
マイケル
新版でてるのはそういうことか….
エレキベア
エレキベア

気にするなクマ
なんか2日でマスターできるらしいクマ

マイケル
マイケル
それじゃ早速1日目にトライだ!!
スポンサーリンク

1日目の内容

この本は、2日間で7つのアプリを作りながら覚えていく構成になっています。

1日目の内容としては実際に3つのアプリを作成することになっており、
作成するのは以下の3つのアプリです。

・じゃんけんアプリ

ボタンを押すとグーチョキパーをランダムで表示するアプリ。
「XCodeの使い方」「Swiftの基本的な書き方」を身につけます。

・楽器演奏アプリ

楽器の画像をタッチすると音が鳴るアプリ。
音声の再生手法を身につけます。

・地図検索アプリ

地名を入れて検索すると検索結果の場所を表示するアプリ。
googleMapを扱うライブラリの使い方を身につけます。

マイケル
マイケル
本の通り作ったら簡単にアプリができたよ!
エレキベア
エレキベア

なかなか楽しいクマね

マイケル
マイケル
しかしこれだけだと物足りないな〜
マイケル
マイケル
というわけでじゃんけんアプリを少しカスタマイズしてみたぜ!

\デデーーン/

Elajan1
マイケル
マイケル

エレキベアとじゃんけん勝負できるようにしてみました!

エレキベア
エレキベア
アプリデビュークマ〜〜!!!

選んだ手をエレキベアの下に表示し、同時にエレキベアの手を変えます。
その後勝敗判定をして、メッセージを表示することで勝負できるようにしています。

Elejan2

簡単な作り方の手順は以下になります。

1.部品をコードと紐づける
Ctrlボタンを押してソースコードエリアにドラッグすることで部品を紐付けすることができます。

Janken setumei1

2.ボタンがタッチされた時のアクションを作成する
こちらもCtrlボタンを押してソースコードエリアにドラッグすることで部品を紐付けすることができます。
アクション内では、共通のじゃんけん処理を呼び出すようにしています。
「グー:0」「チョキ:1」「パー:2」として数字を渡しています。

Janken setumei2

3.じゃんけん処理のメソッドを作成する
以下の処理を記述したメソッドを作成します。
① エレキベアの出す手をランダムで表示させます。
② 引数として受け取った手をエレキベアコメントの下に表示します。
③ エレキベアの手と受け取った手から勝敗を決定してエレキベアコメントを表示させます。

Janken setumei3
マイケル
マイケル
たったこれだけでじゃんけんアプリが作れちゃうんだぜ!
エレキベア
エレキベア
すごいクマ〜〜〜…ん?
エレキベア
エレキベア
下のハートマークは何クマ?
マイケル
マイケル
これかい?これはね…
Elejan3
マイケル
マイケル
●●●(彼女の名前)かわいいボタンだよ
エレキベア
エレキベア
うわあああああああああああ

【iOSアプリ開発】「たった2日でマスターできる iOSアプリ開発講座」 1日目 〜オリジナルじゃんけんアプリを作ろう〜 完

コメント