8
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

たった2日でマスターできるiOSアプリ開発 集中講座

Last updated at Posted at 2019-11-30

じゃんけんアプリの作成

構築時環境

  • Xcode (11.2.1)
  • Swift 5
  • Mac Mojave

準備

  1. xcodeをApple Storeからインストールする
    https://apps.apple.com/jp/app/xcode/id497799835?mt=12

  2. プロジェクトの作成
    XcodeでCreate new project → Single View Appを選択する
    ProductNameを適当につける

オプション gitを使うなら

  1. Gitlabにアカウントを作成する (githubでも可)
    https://gitlab.com/

  2. GitLabと連携
    Projectを作成するとGitのレポジトリーが自動で生成されている
    リモートレポジトリを追加する

git remote add origin https://gitlab.com/****/****
git add .
git commit -m "Initial commit"
git push -u origin master

実装

ストーリーボードに部品を追加する

@IBOutlet weak var answerImageView: UIImageView! 
@IBOutlet weak var answerLabel: UILabel!
// じゃんけん数字
var answerNumber = 0

ボタンが押された時にじゃんけん画像を切り替える
(じゃんけんの画像は本にあるリンクからダウンロードができる)

@IBAction func shuffleAcction(_ sender: Any) {
    
    // 新じゃんけんの結果を一時的に格納する変数
    var newAnswerNumber = 0
        
    // ランダムに結果を出すが、前回と異なる場合のみ採用
    repeat {
        // 0,1,2の数値をランダムに算出(乱数)
        // arc4ramdom_uniform()の戻り値はUInt32だがswiftの標準的な整数型にキャスト(変換する)
        newAnswerNumber = Int(arc4random_uniform(3))
            
    } while answerNumber == newAnswerNumber
        
    answerNumber = newAnswerNumber
        
    if answerNumber == 0 {
        // グー
        answerLabel.text = "グー"
        answerImageView.image = UIImage(named: "gu")
    } else if answerNumber == 1{
        // チョキ
        answerLabel.text = "チョキ"
        answerImageView.image = UIImage(named: "choki")
    } else if answerNumber == 2 {
        // パー
        answerLabel.text = "パー"
        answerImageView.image = UIImage(named: "pa")
    }
        
    // 次のコードの削除
    answerNumber = answerNumber + 1
}

注意

Xcodeを画面分割(Assistant Editor)モードを使うときは、メニューバーのEditor→Assistantを選択する
Xcode11とXcode9では少し画面分割の呼び出し方が違う

8
3
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
8
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?