2017.09.29
iOS iPhone Swift Xcode アプリ ゲーム 色彩チェック
【まとめ】 最後に、今まで書いたコードを全て掲載します。Outlet接続がうまくできていればコピペでも 動くはずです。 実際にコードを記述したのはGameViewController.swiftとResultViewController.swift の2つのファイルですので、その2つを載せます。 G …More Read
2017.09.11
iOS iPhone Swift Xcode アプリ ゲーム 色彩チェック
【Swift3.0対応】色彩チェックアプリを作成してみよう!⑦ 前回までで色彩チェックゲームの作成は終わったのですが、重大な欠陥が 一つ見つかったので、それを直したいと思います。 それは、、、 「シミュレータではiPhone7のサイズでやっていたが、ゲーム画面の最初のボタンが 他の画面サイズでははみ …More Read
2017.09.07
iOS iPhone Swift Xcode アプリ ゲーム 色彩チェック
【Swift3.0対応】色彩チェックアプリを作成してみよう!⑥ 前回の続きです。これが最後になります! 前回まででゲーム画面の実装は9割以上終了となります。 最後は画面遷移と、異なるViewController間へのデータの受け渡し を実装したいと思います。 【STEP11】残り時間が0秒になった際 …More Read
2017.09.01
iOS iPhone Swift Xcode アプリ ゲーム 色彩チェック
【Swift3.0対応】色彩チェックアプリを作成してみよう!⑤ 前回の続きです。前回はランダムに色が表示され、かつ1つのボタンだけ異なる色に することができました。今回はスコアが進むにつれてボタンの数が増えていく機能や、 色の違いが分かりづらくなっていって難易度が上がるという部分を実装したいと思いま …More Read
2017.08.14
iOS iPhone Swift Xcode アプリ ゲーム 色彩チェック
【Swift3.0対応】色彩チェックアプリを作成してみよう!④ 前回の続きからです。前回は配置したボタンが正しく画面上に表示され、 ランダムな1つのボタンだけがタップに反応するというところまで行いました。 ただし、現状では赤色のボタンしか表示されませんでしたね。 この部分をランダムな色になるようにコ …More Read
2017.08.14
iOS iPhone Swift Xcode アプリ ゲーム 色彩チェック
【Swift3.0対応】色彩チェックアプリを作成してみよう!③ それでは前回の続きです。前回はボタンのインスタンス生成まで行いましたので、次はそれを画面上に 描画するところから始めます。 【STEP5】ボタンのサイズと座標を決定し、画面に描画するメソッドを定義する 以下の条件でボタンを均等に配置した …More Read
2017.08.03
iOS iPhone Swift Xcode アプリ ゲーム 色彩チェック
【Swift3.0対応】色彩チェックアプリを作成してみよう!② 今回はインターネット上でよく見かける色彩チェックサイト「The Color!」というサイトを基にして アプリを作っていきたいと思います。 皆さんも本家のサイトを一度試してみて、どういう機能を実装していけばいいのか想像してみてくださいね! …More Read
2017.08.03
iOS iPhone Swift Xcode アプリ ゲーム 色彩チェック
【Swift3.0対応】色彩チェックアプリを作成してみよう!① 今回はインターネット上でよく見かける色彩チェックサイト「The Color!」というサイトを基にして アプリを作っていきたいと思います。 皆さんも本家のサイトを一度試してみて、どういう機能を実装していけばいいのか想像してみてくださいね! …More Read
2016.11.29
AutoLayout iOS iPhone Swift Xcode アプリ 初心者 電卓
iPhoneに入っている電卓アプリと同じ画面を作ってみるよ ストーリーボードを使って電卓アプリの画面を作ってみますよ! 目指すはiPhoneにプリインストールされている例のヤツです。 なお、様々な画面サイズに対応させるためにAuto Layoutをフンダンに利用していくことにします。 前回、iPho …More Read
2016.11.29
AutoLayout iOS iPhone Swift Xcode アプリ 初心者 電卓
iPhoneに入っている電卓アプリと同じ画面を作ってみるよ ストーリーボードを使って電卓アプリの画面を作ってみますよ! 目指すはiPhoneにプリインストールされている例のヤツです。 なお、様々な画面サイズに対応させるためにAuto Layoutをフンダンに利用していくことにします。 前回、iPho …More Read