Submit Search
Upload
iPhone開発者初心者向け資料「XcodeのStoryboardで画面を作ろう!」
•
18 likes
•
37,449 views
Toshio Ehara
Follow
2013/2/3の勉強会で使った資料です。 iPhone開発者初心者向けです 内容は 「XcodeのStoryboardを使って 簡単なじゃんけんゲーム」を作るです。
Read less
Read more
Report
Share
Report
Share
1 of 86
Download now
Download to read offline
Recommended
Ημερίδα Σχολικής Συμβούλου Προσχολικής 38ης Περιφέρειας Ανάπτυξη βασικών γνώσ...
Ημερίδα Σχολικής Συμβούλου Προσχολικής 38ης Περιφέρειας Ανάπτυξη βασικών γνώσ...
mary pap
オプショナル型。〜なんとなく付ける ! ? 撲滅〜 改訂版
オプショナル型。〜なんとなく付ける ! ? 撲滅〜 改訂版
Tomoki Hasegawa
はじめてのiOSアプリ開発 ①
はじめてのiOSアプリ開発 ①
Nagamine Hiromasa
㉚Xcodeを覚えよう!簡単なアプリを作ってみよう!
㉚Xcodeを覚えよう!簡単なアプリを作ってみよう!
Nishida Kansuke
Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング
Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング
Kazuki Sato
バグのことは嫌いになってもXcodeのことは嫌いにならないでください。
バグのことは嫌いになってもXcodeのことは嫌いにならないでください。
Daisuke Yamashita
㉙iPhoneアプリ開発の基礎知識を覚えよう
㉙iPhoneアプリ開発の基礎知識を覚えよう
Nishida Kansuke
iOSアプリの画面デザイン・遷移を驚くほど簡単にするStoryboardの使い方
iOSアプリの画面デザイン・遷移を驚くほど簡単にするStoryboardの使い方
schoowebcampus
Recommended
Ημερίδα Σχολικής Συμβούλου Προσχολικής 38ης Περιφέρειας Ανάπτυξη βασικών γνώσ...
Ημερίδα Σχολικής Συμβούλου Προσχολικής 38ης Περιφέρειας Ανάπτυξη βασικών γνώσ...
mary pap
オプショナル型。〜なんとなく付ける ! ? 撲滅〜 改訂版
オプショナル型。〜なんとなく付ける ! ? 撲滅〜 改訂版
Tomoki Hasegawa
はじめてのiOSアプリ開発 ①
はじめてのiOSアプリ開発 ①
Nagamine Hiromasa
㉚Xcodeを覚えよう!簡単なアプリを作ってみよう!
㉚Xcodeを覚えよう!簡単なアプリを作ってみよう!
Nishida Kansuke
Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング
Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング
Kazuki Sato
バグのことは嫌いになってもXcodeのことは嫌いにならないでください。
バグのことは嫌いになってもXcodeのことは嫌いにならないでください。
Daisuke Yamashita
㉙iPhoneアプリ開発の基礎知識を覚えよう
㉙iPhoneアプリ開発の基礎知識を覚えよう
Nishida Kansuke
iOSアプリの画面デザイン・遷移を驚くほど簡単にするStoryboardの使い方
iOSアプリの画面デザイン・遷移を驚くほど簡単にするStoryboardの使い方
schoowebcampus
2011年5月28日 Android勉強会プレゼン資料
2011年5月28日 Android勉強会プレゼン資料
Eiichi Yoshikawa
Xcode 再入門「Xcode の検索機能」 #さいたまdev
Xcode 再入門「Xcode の検索機能」 #さいたまdev
Tomohiro Kumagai
Swift 3.0 の新しい機能(のうちの9つ)
Swift 3.0 の新しい機能(のうちの9つ)
Tomohiro Kumagai
Swiftビギナーズ
Swiftビギナーズ
Masaru Gushiken
Objective-C/Swift コードの共用
Objective-C/Swift コードの共用
Yoichiro Sakurai
de:code エスキュービズム勉強会0620
de:code エスキュービズム勉強会0620
エンジニア勉強会 エスキュービズム
理想のWEB開発
理想のWEB開発
エンジニア勉強会 エスキュービズム
2014年からSwiftを振り返る! #cswift
2014年からSwiftを振り返る! #cswift
Tomohiro Kumagai
第7回 カジュアル Swift 勉強会 @ 青葉台 オープニング #cswift
第7回 カジュアル Swift 勉強会 @ 青葉台 オープニング #cswift
Tomohiro Kumagai
TestFlightみたいなのを自作する
TestFlightみたいなのを自作する
Tomoki Hasegawa
ぼくがかんがえたさいきょうのMvc
ぼくがかんがえたさいきょうのMvc
karupanerura
iOSアプリ開発のためのSwiftビギナーズ勉強会 第6回 @Co-Edo
iOSアプリ開発のためのSwiftビギナーズ勉強会 第6回 @Co-Edo
Megumi Otani(Czenhe)
「レガシーコード」とはいったい?
「レガシーコード」とはいったい?
Hiroyuki Ohnaka
デザイナーとエンジニアが話す、iOSアプリケーション開発
デザイナーとエンジニアが話す、iOSアプリケーション開発
Kenta Ohsugi
Swift 3 で新しくなったところ - 表面から見えにくいところを中心に紹介 #ISAOcorp
Swift 3 で新しくなったところ - 表面から見えにくいところを中心に紹介 #ISAOcorp
Tomohiro Kumagai
iOSアプリ開発 脱初心者に向けて
iOSアプリ開発 脱初心者に向けて
Kosuke Ogawa
<Yahoo!プロモーション広告>「iPhone 6」発売後はどうなる? 関連キーワード検索傾向
<Yahoo!プロモーション広告>「iPhone 6」発売後はどうなる? 関連キーワード検索傾向
Yahoo! JAPAN Marketing Solution
第1回 始めてみよう Web 動画 〜 基礎編 まずは iPhone から
第1回 始めてみよう Web 動画 〜 基礎編 まずは iPhone から
Katz Ueno
(エンジニアから見た) 最近のスマートウォッチ事情
(エンジニアから見た) 最近のスマートウォッチ事情
Tomoya Yamamoto
HTML5で作るiPhoneアプリケーション
HTML5で作るiPhoneアプリケーション
だいすけ ふるかわ
StoryboardでUIを使いまわす
StoryboardでUIを使いまわす
Masaki Fuke
Beginning iPhone Vol2
Beginning iPhone Vol2
Sachiko Kajishima
More Related Content
Viewers also liked
2011年5月28日 Android勉強会プレゼン資料
2011年5月28日 Android勉強会プレゼン資料
Eiichi Yoshikawa
Xcode 再入門「Xcode の検索機能」 #さいたまdev
Xcode 再入門「Xcode の検索機能」 #さいたまdev
Tomohiro Kumagai
Swift 3.0 の新しい機能(のうちの9つ)
Swift 3.0 の新しい機能(のうちの9つ)
Tomohiro Kumagai
Swiftビギナーズ
Swiftビギナーズ
Masaru Gushiken
Objective-C/Swift コードの共用
Objective-C/Swift コードの共用
Yoichiro Sakurai
de:code エスキュービズム勉強会0620
de:code エスキュービズム勉強会0620
エンジニア勉強会 エスキュービズム
理想のWEB開発
理想のWEB開発
エンジニア勉強会 エスキュービズム
2014年からSwiftを振り返る! #cswift
2014年からSwiftを振り返る! #cswift
Tomohiro Kumagai
第7回 カジュアル Swift 勉強会 @ 青葉台 オープニング #cswift
第7回 カジュアル Swift 勉強会 @ 青葉台 オープニング #cswift
Tomohiro Kumagai
TestFlightみたいなのを自作する
TestFlightみたいなのを自作する
Tomoki Hasegawa
ぼくがかんがえたさいきょうのMvc
ぼくがかんがえたさいきょうのMvc
karupanerura
iOSアプリ開発のためのSwiftビギナーズ勉強会 第6回 @Co-Edo
iOSアプリ開発のためのSwiftビギナーズ勉強会 第6回 @Co-Edo
Megumi Otani(Czenhe)
「レガシーコード」とはいったい?
「レガシーコード」とはいったい?
Hiroyuki Ohnaka
デザイナーとエンジニアが話す、iOSアプリケーション開発
デザイナーとエンジニアが話す、iOSアプリケーション開発
Kenta Ohsugi
Swift 3 で新しくなったところ - 表面から見えにくいところを中心に紹介 #ISAOcorp
Swift 3 で新しくなったところ - 表面から見えにくいところを中心に紹介 #ISAOcorp
Tomohiro Kumagai
iOSアプリ開発 脱初心者に向けて
iOSアプリ開発 脱初心者に向けて
Kosuke Ogawa
<Yahoo!プロモーション広告>「iPhone 6」発売後はどうなる? 関連キーワード検索傾向
<Yahoo!プロモーション広告>「iPhone 6」発売後はどうなる? 関連キーワード検索傾向
Yahoo! JAPAN Marketing Solution
第1回 始めてみよう Web 動画 〜 基礎編 まずは iPhone から
第1回 始めてみよう Web 動画 〜 基礎編 まずは iPhone から
Katz Ueno
(エンジニアから見た) 最近のスマートウォッチ事情
(エンジニアから見た) 最近のスマートウォッチ事情
Tomoya Yamamoto
HTML5で作るiPhoneアプリケーション
HTML5で作るiPhoneアプリケーション
だいすけ ふるかわ
Viewers also liked
(20)
2011年5月28日 Android勉強会プレゼン資料
2011年5月28日 Android勉強会プレゼン資料
Xcode 再入門「Xcode の検索機能」 #さいたまdev
Xcode 再入門「Xcode の検索機能」 #さいたまdev
Swift 3.0 の新しい機能(のうちの9つ)
Swift 3.0 の新しい機能(のうちの9つ)
Swiftビギナーズ
Swiftビギナーズ
Objective-C/Swift コードの共用
Objective-C/Swift コードの共用
de:code エスキュービズム勉強会0620
de:code エスキュービズム勉強会0620
理想のWEB開発
理想のWEB開発
2014年からSwiftを振り返る! #cswift
2014年からSwiftを振り返る! #cswift
第7回 カジュアル Swift 勉強会 @ 青葉台 オープニング #cswift
第7回 カジュアル Swift 勉強会 @ 青葉台 オープニング #cswift
TestFlightみたいなのを自作する
TestFlightみたいなのを自作する
ぼくがかんがえたさいきょうのMvc
ぼくがかんがえたさいきょうのMvc
iOSアプリ開発のためのSwiftビギナーズ勉強会 第6回 @Co-Edo
iOSアプリ開発のためのSwiftビギナーズ勉強会 第6回 @Co-Edo
「レガシーコード」とはいったい?
「レガシーコード」とはいったい?
デザイナーとエンジニアが話す、iOSアプリケーション開発
デザイナーとエンジニアが話す、iOSアプリケーション開発
Swift 3 で新しくなったところ - 表面から見えにくいところを中心に紹介 #ISAOcorp
Swift 3 で新しくなったところ - 表面から見えにくいところを中心に紹介 #ISAOcorp
iOSアプリ開発 脱初心者に向けて
iOSアプリ開発 脱初心者に向けて
<Yahoo!プロモーション広告>「iPhone 6」発売後はどうなる? 関連キーワード検索傾向
<Yahoo!プロモーション広告>「iPhone 6」発売後はどうなる? 関連キーワード検索傾向
第1回 始めてみよう Web 動画 〜 基礎編 まずは iPhone から
第1回 始めてみよう Web 動画 〜 基礎編 まずは iPhone から
(エンジニアから見た) 最近のスマートウォッチ事情
(エンジニアから見た) 最近のスマートウォッチ事情
HTML5で作るiPhoneアプリケーション
HTML5で作るiPhoneアプリケーション
Similar to iPhone開発者初心者向け資料「XcodeのStoryboardで画面を作ろう!」
StoryboardでUIを使いまわす
StoryboardでUIを使いまわす
Masaki Fuke
Beginning iPhone Vol2
Beginning iPhone Vol2
Sachiko Kajishima
⑬I phoneアプリを作ってみよう!(超初心者向け)
⑬I phoneアプリを作ってみよう!(超初心者向け)
Nishida Kansuke
Wankuma0402
Wankuma0402
c-mitsuba
oF勉強会資料(図形)
oF勉強会資料(図形)
Atelier Frameworks
第1回windows phoneアプリ開発のハンズオンセミナー
第1回windows phoneアプリ開発のハンズオンセミナー
hyoromo
oF勉強資料(アドオン編)
oF勉強資料(アドオン編)
Atelier Frameworks
初心者向けMacユーザー勉強会
初心者向けMacユーザー勉強会
Takuma Morikawa
はじめてのWord pressプラグイン勉強会
はじめてのWord pressプラグイン勉強会
Takahiro Nakahata
iPhone develop for Beginner
iPhone develop for Beginner
Sachiko Kajishima
苫小牧高専 ソフトウェアテクノロジー部 enchant.jsでゲーム作り 1
苫小牧高専 ソフトウェアテクノロジー部 enchant.jsでゲーム作り 1
Takuya Mukohira
スマホ向けWebアプリ開発について~初級編~
スマホ向けWebアプリ開発について~初級編~
Wataru Asai
ゲーム開発講座1
ゲーム開発講座1
takanori uoi
everevo × Open Graph
everevo × Open Graph
Tetsuwo OISHI
iPhoneアプリ無料勉強会 vol3
iPhoneアプリ無料勉強会 vol3
codeal
Appsheet基礎講座.pptx
Appsheet基礎講座.pptx
ssuser5f5987
Css nite(2010.09.23)
Css nite(2010.09.23)
Yoshiki Ushida
⑭iPhoneアプリを作ってみよう!(超初心者向け)その2
⑭iPhoneアプリを作ってみよう!(超初心者向け)その2
Nishida Kansuke
WordPress プラグイン Infinite Scroll を試してみた
WordPress プラグイン Infinite Scroll を試してみた
Yuji Nojima
はじめてのAndroidアプリ
はじめてのAndroidアプリ
Mayumi Chikaoka
Similar to iPhone開発者初心者向け資料「XcodeのStoryboardで画面を作ろう!」
(20)
StoryboardでUIを使いまわす
StoryboardでUIを使いまわす
Beginning iPhone Vol2
Beginning iPhone Vol2
⑬I phoneアプリを作ってみよう!(超初心者向け)
⑬I phoneアプリを作ってみよう!(超初心者向け)
Wankuma0402
Wankuma0402
oF勉強会資料(図形)
oF勉強会資料(図形)
第1回windows phoneアプリ開発のハンズオンセミナー
第1回windows phoneアプリ開発のハンズオンセミナー
oF勉強資料(アドオン編)
oF勉強資料(アドオン編)
初心者向けMacユーザー勉強会
初心者向けMacユーザー勉強会
はじめてのWord pressプラグイン勉強会
はじめてのWord pressプラグイン勉強会
iPhone develop for Beginner
iPhone develop for Beginner
苫小牧高専 ソフトウェアテクノロジー部 enchant.jsでゲーム作り 1
苫小牧高専 ソフトウェアテクノロジー部 enchant.jsでゲーム作り 1
スマホ向けWebアプリ開発について~初級編~
スマホ向けWebアプリ開発について~初級編~
ゲーム開発講座1
ゲーム開発講座1
everevo × Open Graph
everevo × Open Graph
iPhoneアプリ無料勉強会 vol3
iPhoneアプリ無料勉強会 vol3
Appsheet基礎講座.pptx
Appsheet基礎講座.pptx
Css nite(2010.09.23)
Css nite(2010.09.23)
⑭iPhoneアプリを作ってみよう!(超初心者向け)その2
⑭iPhoneアプリを作ってみよう!(超初心者向け)その2
WordPress プラグイン Infinite Scroll を試してみた
WordPress プラグイン Infinite Scroll を試してみた
はじめてのAndroidアプリ
はじめてのAndroidアプリ
More from Toshio Ehara
iPhoneアプリを Javaで書くよ?
iPhoneアプリを Javaで書くよ?
Toshio Ehara
Java初心者勉強会(2015/08/07)資料
Java初心者勉強会(2015/08/07)資料
Toshio Ehara
Java電卓勉強会資料
Java電卓勉強会資料
Toshio Ehara
BABELで、ES2015(ES6)を学ぼう!
BABELで、ES2015(ES6)を学ぼう!
Toshio Ehara
AngularJSで業務システムUI部品化
AngularJSで業務システムUI部品化
Toshio Ehara
traceur-compilerで ECMAScript6を体験
traceur-compilerで ECMAScript6を体験
Toshio Ehara
traceur-compilerで未来のJavaScriptを体験
traceur-compilerで未来のJavaScriptを体験
Toshio Ehara
AngularJS入門の巻2
AngularJS入門の巻2
Toshio Ehara
JenkinsをJava開発でこんな感じで使っています
JenkinsをJava開発でこんな感じで使っています
Toshio Ehara
AngularJS入門の巻
AngularJS入門の巻
Toshio Ehara
AngularJS+TypeScriptを試してみた。
AngularJS+TypeScriptを試してみた。
Toshio Ehara
AngularJSのDirectiveで俺俺タグつくっちゃお
AngularJSのDirectiveで俺俺タグつくっちゃお
Toshio Ehara
HTML5のCanvas入門 - Img画像を編集してみよう -
HTML5のCanvas入門 - Img画像を編集してみよう -
Toshio Ehara
BACKBONEJS+SCSS+JavaEE(JAX-RS) 今風のWebアプリをNetBeansで入門!
BACKBONEJS+SCSS+JavaEE(JAX-RS) 今風のWebアプリをNetBeansで入門!
Toshio Ehara
福岡のIT勉強会情報の集め方(LT資料)
福岡のIT勉強会情報の集め方(LT資料)
Toshio Ehara
BACKBONE.JSによるWebアプリケーション開発について
BACKBONE.JSによるWebアプリケーション開発について
Toshio Ehara
BACKBONE.JSにJasmineでテストコード書いてみた (LT資料)
BACKBONE.JSにJasmineでテストコード書いてみた (LT資料)
Toshio Ehara
JavaScriptのテストコード 一緒に勉強しませんか??
JavaScriptのテストコード 一緒に勉強しませんか??
Toshio Ehara
【未発表】Backbone.jsとJavaEE7でWebアプリを作ろう!(第1回) 〜GETで一覧編〜
【未発表】Backbone.jsとJavaEE7でWebアプリを作ろう!(第1回) 〜GETで一覧編〜
Toshio Ehara
LT Leap MotionとJavaScriptで遊ぼう!
LT Leap MotionとJavaScriptで遊ぼう!
Toshio Ehara
More from Toshio Ehara
(20)
iPhoneアプリを Javaで書くよ?
iPhoneアプリを Javaで書くよ?
Java初心者勉強会(2015/08/07)資料
Java初心者勉強会(2015/08/07)資料
Java電卓勉強会資料
Java電卓勉強会資料
BABELで、ES2015(ES6)を学ぼう!
BABELで、ES2015(ES6)を学ぼう!
AngularJSで業務システムUI部品化
AngularJSで業務システムUI部品化
traceur-compilerで ECMAScript6を体験
traceur-compilerで ECMAScript6を体験
traceur-compilerで未来のJavaScriptを体験
traceur-compilerで未来のJavaScriptを体験
AngularJS入門の巻2
AngularJS入門の巻2
JenkinsをJava開発でこんな感じで使っています
JenkinsをJava開発でこんな感じで使っています
AngularJS入門の巻
AngularJS入門の巻
AngularJS+TypeScriptを試してみた。
AngularJS+TypeScriptを試してみた。
AngularJSのDirectiveで俺俺タグつくっちゃお
AngularJSのDirectiveで俺俺タグつくっちゃお
HTML5のCanvas入門 - Img画像を編集してみよう -
HTML5のCanvas入門 - Img画像を編集してみよう -
BACKBONEJS+SCSS+JavaEE(JAX-RS) 今風のWebアプリをNetBeansで入門!
BACKBONEJS+SCSS+JavaEE(JAX-RS) 今風のWebアプリをNetBeansで入門!
福岡のIT勉強会情報の集め方(LT資料)
福岡のIT勉強会情報の集め方(LT資料)
BACKBONE.JSによるWebアプリケーション開発について
BACKBONE.JSによるWebアプリケーション開発について
BACKBONE.JSにJasmineでテストコード書いてみた (LT資料)
BACKBONE.JSにJasmineでテストコード書いてみた (LT資料)
JavaScriptのテストコード 一緒に勉強しませんか??
JavaScriptのテストコード 一緒に勉強しませんか??
【未発表】Backbone.jsとJavaEE7でWebアプリを作ろう!(第1回) 〜GETで一覧編〜
【未発表】Backbone.jsとJavaEE7でWebアプリを作ろう!(第1回) 〜GETで一覧編〜
LT Leap MotionとJavaScriptで遊ぼう!
LT Leap MotionとJavaScriptで遊ぼう!
iPhone開発者初心者向け資料「XcodeのStoryboardで画面を作ろう!」
1.
iPhoneアプリ開発入門 XcodeのStoryboardで画面を作ろう!
2013年2月3日(日) iPhone開発初心者向け資料 +α
2.
自己紹介 twitter ID :
itokami1123 お昼の仕事はHTML5/CSS3/JavaScriptです。 Webの仕事なんですけどクライアント側処理 をメインにしてます。 何かお仕事があれば是非どうぞ!! iPhoneアプリは通勤中に作ってます。
3.
iPhoneアプリ作りのきっかけ 最初は新しい仕事の為(転職の為) 2011年まで古い技術(Java1.4とCOBOLとメー カ独自データベース製品など)しか触った事が なく段々と将来に不安になりました・・・
4.
そこでHTML5とiPhone開発の勉強を
独学で始めました。
5.
福岡にはhtml5+α@福岡や iDevQ(iOS Developer Community)
など素敵な勉強会があって 色々と助けてもらいました。 勉強会の検索は http://azusaar.appspot.com/ がお勧めです!
6.
おかげさまで 無事転職出来ました。 素敵な職場です。 感謝してます。
7.
今でもiPhoneアプリを作る理由 作るのが楽しい! 子供向けに学習ソフトを作っています。どう やったら子供達が楽しく苦手なものを克服出 来るのかを考えるのがとても楽しいです! iPhoneさえあればどんな子にでも学習のチャ ンスを与える事がでます!
8.
宣伝です! http://www.itokami1123.com/soft/ で
色々ソフトを公開してます! リジェクト中
9.
少し悩みが。。 福岡でもAndroidは集まって開発するグループ があるんですけどiPhoneアプリ(特に初心者 向け)の集まりは少ないんです。 福岡のiPhoneアプリ制作者の集まりができた らいいなぁ。。
10.
そこで iPhoneアプリ開発者が少しでも増えたらいい なと思い、入門を説明したいと思います! (難しいツッコミは、ご勘弁を。。) この資料ではメニューとゲーム2画面のじゃ んけんゲームを作りたいと思います。
11.
まずは。。 Xcodeをインストールしてください! すみません。。説明は省略しますね。
12.
Xcodeを起動 Xcodeのアイコンをクリックします! 今日は Version 4.5.2
を使用します。
13.
新規作成 Create a new
Xcode projectをクリックしま す。なんだか英語が一杯ですね。。
14.
アプリの雛形選択 今回はSingle View Applicationを選んでみまし た。
15.
初期入力
今回のアプリに関する情報をいれます。 上二つチェックをつけて Nextを押します。 めも:Company Identifierは、ドメイン名を逆さにしたものが推奨されているようです。 (例:example.comの場合は、com.exampleとなる)
16.
ソース管理? とりあえず気にせずチェックをはずして Createボタンを押します!
17.
じゃ∼ん 出て来ました!
18.
いきなり動かす! 再生ボタンをクリックすると。。
19.
なにもでません。。 でもiPhoneらしくものが出て来ましたね。 これが iOSシミュレータです!
20.
メニュー作り! さっそくメニューを作ってみましょう! Storyboardのファイルをクリックすると
21.
この白い画面が最初に出てた画面みたいですね。
さっそく編集してみましょう。
22.
右下に色々あるよ 背景を作ってみます。 Image
Viewをドラッグします。
23.
画像を選ぶ Imageで画像を選べるみたいですけど
登録が必要ですね。
24.
画像を登録 画像が入っているフォルダを ドラッグして投げ込みます!
25.
画像が登録されます。 Copyにチェックをつけると このアプリのソースの方に
png画像がコピーされます
26.
背景画像 前に置いた背景に画像をつけました!
27.
タイトルをつけよ∼
背景と同じ様に Image Viewを ドラッグします png画像を指定します
28.
そういえば いっつもUse Autolayoutを
OFFで作ってます。 (使い方が分かりません。。) そして タイトルの高さ幅、 位置を指定します
29.
スタートボタン Round Rect Buttonをドラッグします!
30.
ボタンを編集 Customを選ぶと
画像がつけれます。
31.
メニューが出来たので 続いてゲーム画面を作りましょう!
32.
ゲーム画面の枠を作る ViewControllerをドラッグ!
33.
補足:拡大と縮小
右下の虫眼鏡で 切り替えます。
34.
ゲーム画面の背景 ゲーム画面もメニュー画面と 同じ様に作ります。
35.
操作ボタン
Round Rect Button をドラッグ ゲームの操作ボタンを置きます。 ぐー、ちょき、ぱーの3つです。
36.
ボタンの画像設定 typeをcustomにしてImageを設定します!
37.
では画面遷移を作って行きましょう!
38.
画面遷移 ctlを押しながらドラッグすると線が!
39.
画面遷移2 modalを選ぶと 矢印ができました。
40.
動かしてみましょう∼
41.
メニュー画面の上にゲーム画面が表示されます!
42.
突然ですが 残念なお知らせです。 こっから先はプログラムがないと
ゲームになりません。
43.
Storyboardとコード Storyboardの画面とコードは どうやってつながってるの?
44.
紐づけたいViewCotrollerを選んで Classと書いている所に指定すればOK
45.
それではゲーム画面用のプログラムを
用意してみましょう!
46.
File -> New
-> Cocoa Touch -> Objective-C class を選んで Next!
47.
ViewControllerを作成 ゲーム画面用としてGameViewControllerを作成 注意:Subclass
of は UIViewController
48.
そのままcreateをクリック
49.
ゲーム画面のViewControllerのClassに GameViewController設定します。
50.
勝ち負けの表示 勝敗を表示するLabelを貼ります。
51.
最初は非表示 HiddenをOnすると 非表示になります
52.
相手の手 相手の手をImageViewで配置して
Hiddenにしておきます
53.
ここまでで動かしてみましょう! hiddenは表示されない事が確認出来ます。
54.
hidden(非表示)の勝ち負けのラベルなど 表示されていない事が分かりますね!
55.
それではじゃんけんのボタンと プログラムを繋いでみましょう!
56.
じゃんけんボタン
「Assistant」ボタン Storyboard右上に ある人の顔みたいな アイコンを押します。
57.
右側にソースが 右側に設定したGameViewControllerが
出てきました!
58.
難しそうな文字がいっぱいですが気にせず じゃんけんボタンをctlを押しながら @interfaceと@endの間にドラッグします。
59.
ConnectionをAction(動作) TypeをUIButton(ボタン) EventをTouch Up Inside(ボタンを触った) ArgumentsをSender(押されたボタン) NameはjankenDidPush(好きな名前)にします。
60.
jankenDidPushと言う 関数が出来ました!
61.
他のじゃんけんボタンは さっき作った関数名にくっつけます。 どのじゃんけんボタンを 押しても同じ関数を呼ぶ様になりました。
62.
相手の手 じゃんけんですので 相手の手が必要ですね!
63.
arc4random()%3 って書くと0から2の範囲 で適当な数値を返してくれます。 じゃんけんボタンを押した時の処理の 先頭にかきましょう!
64.
hiddenで隠していた手を表示する為には 各Image Viewをプログラムと接続しないといけな いです。ctlを押しながら GameViewController.h にドラッグします。
65.
ConnectionをOutlet、TypeをUIImageCiew、 StorageをWeakのまま変えず Nameに好きな名前をつけます。 上の場合はぐーなので “guu”とつけました。
66.
ちょき、ぱーも入れて GameViewController.hは こんな感じになりました。
67.
相手の手を表示してみましょう!
68.
if は もしも 〇〇 だったらという 意味です。
69.
うごかしてみましょう!
70.
ボタンを押すと相手がじゃんけんを 出す様になりました!
71.
そういえば、自分が押した手が 何かiPhoneが分かりませんね??
72.
Tag Tagを使うと区別が出来ます。 ぐーは0、ちょきは1、パーは2にします。 プログラムでTagの数字が拾えるんです。
73.
かち!まけ!あいこ!の3つの文字も プログラムに繋いでおきます。
74.
自分の手と相手の手の組み合 わせで結果を表示します。
75.
2回目おすとなんだかおかしいですね。。
76.
前の表示が残っているからです。 前の表示を全部非表示にして やりなおせばOKです。
77.
ゲームから メニューに戻る機能を つけましょう∼ こっから画像が変わってますけど
気にしないでね
78.
前回同様、ボタンをドラッグします。
79.
メニューのボタンと同様に customを選びボタンを Image画像を変更します
80.
メニュー画面に戻るボタンを ctl押しながらドラッグします。
81.
下記のように設定します
Connection : Action Type : UIButton Event : Touch Up Inside Arguments : Sender Nameは好きにつけれます。 今回は、 “backToMenuBtnDidPush”とつけました。
82.
GameViewController.hは こんな感じになりました
83.
こんどは、GameViewController.m の backToMenuBtnDidPush関数にゲーム画面を閉じる 命令を書きます。 [self dismissViewControllerAnimated:YES completion:nil];
84.
動かしてみましょう!
85.
これでおしまいです!
86.
最後まで見て頂き ありがとうございました! 間違いご指摘などありましたら twitterで@itokami1123まで
Download now