㉚Xcodeを覚えよう！簡単なアプリを作ってみよう！
4 likes6,629 views
https://www.facebook.com/TonosamaLabo
㉚Xcodeを覚えよう！簡単なアプリを作ってみよう！
- 2. プロジェクトを作ってみよう • XCODEでプログラムを作るときは、プロ ジェクトを作ります。 • プロジェクトには、プログラムのソース ファイルの他に、設定ファイルや、画像 データとかも含まれます。
- 3. やってみよう① • XCODEを立ち上げよう！ • New Projectをつくろう！
- 10. MEMO • フォルダ一覧と実際のフォルダの構造は違 う。 • 実フォルダの他にGROUPというのでフォ ルダ管理されてる。 • 基本的にファイル名で管理されているので、 違うフォルダだとしても、同じ名前のファ イルを置かないこと。（おけるけどコンパ イル時などにおかしくなる）
- 15. おおまかなかいせつ④ • 右の方にあるEditorは、左 が通常、真ん中が画面分割 （通称ジェントルマン）、 一番右は、押してはいけな いボタン（差分表示） • ストーリーボードを開いて いる状態で、一番右のボタ ンを押すと、戻れなくなる ので、おさないようにしよ う！ • ジェントルマンを押しっぱ なしで作業をしてるとおか しくなることがあるので、 使い終わったら左のでもと に戻すくせをつけよう！
- 16. おおまかなかいせつ⑤ • 真ん中のViewは、画 面に表示するViewを 選べます。 • ここは、押しても OK！ • なぜか、実行時だけ デバッグログのView が自動に閉じるとか の変な動作になるこ とがあるけど、根気 よく毎回おそう！
- 18. XCODEのとくちょう（独自調べ） • 設定したら反映されるが、削除しても反映 されるとは限らない。 • 削除したものを、もとにもどせるとは限 らない。 • XCODE自体の設定画面で、エディタの色 を変えられるが、おかしな現象が起きる かもしれないので、できればさわらないで おこう！
- 21. こんなかんじ！
- 27. できた！ • すっきり！
- 28. やってみよう • ツリーのアイコンが灰色になってる！ • セーブされてないサイン！ • command+sで保存しよう！
- 33. できた！ • すっきりした！
- 38. 右下のアイコン • 左が、iPhoneの高さ変えるボタン （3.5inchと4inchを切り替え） • とりあえず、3.5inchの画面にしておこ う！ • 真ん中が、auto layoutボタン。とりあえ ずさわらない。 • 右が拡大縮小ボタン。画面を拡大縮小でき る。
- 48. できた！ • 画像が追加された！
- 50. 画像の名前とか • iPhoneの画面サイズは、320x480で、retainaだと 640x960です。(4inchのiPhoneは640x1136だけどそ の話は後で） • これを自動に切り替えるには、xxxx.pngと、倍の大きさ のxxxx@2x.pngを用意します。 • プロパティで設定するファイル名には、@2xがついてな いものを指定します。
- 54. 画像のおおきさ • 画面サイズは320x480です。 • ステータスバーがあると、20引かれるの で、320x460になります。 • ナビゲーションバーがあるとさらに、44 引かれるので、320 416になります。 ※サンプル画像は、L,M,Sがそれぞれ上記の 高さに対応しています！
- 58. やってみよう③ • NavigationControlle rからタイトル画面に controlを押しながら ドラッグしてセグ ウェイをだそう • セグウェイは、 RelationShipをえら ぼう！ • くっつけると、タイ トル画面にナビゲー ションがついた！
- 60. やってみよう⑤ • タイトル画面の隣に、もう ひとつ画面を作ろう • 画像を表示させてみよう • スタートボタンから、セグ ウェイをpushでつなげよ う！
- 61. やってみよう⑥ • スタートボタンからでてるセグウェイを 削除しよう • もういっかい、セグウェイをpushでつな げよう！ • 画像もいい感じにしよう
- 64. できた！ • なんかいい感じ！
- 68. できた！ • なんかゲームみたい
- 71. ヒント② • Viewを配置すると、フォル ダみたいな感じで、Viewの 中に他の部品を入れられま す。 • そのかわり、alphaを変更 すると、中にあるやつも透 明になるから注意しよう。 • あとなんか、重ねたいのに 勝手に中に入ったりして移 動が面倒になるけど我慢し よう。 • そんなときは、左の画面の ツリーを操作するといいか も
- 73. ヒント④ • pushのセグウェイを つなげたのに、なぜ かナビゲーションバー がつかないときがあ る！ • でも、実行するとナ ビゲーションバーがつ くっていう・・・。 • そんなときは、パラ メータを自分で変更 しよう！
- 78. アイコンについて • 57x57と114x114の２種類 • Prerenderedにチェックを入れると光沢が消える！ • iconのサイズには色々種類があって細かく設定できる、 ホームのアイコン以外にも検索時のアイコンとか。でも ドラックして設定できるのはホームのやつだけ。（ほか は設定しなくてもいいと思う。）
- 79. スプラッシュについて① • 320x480,640x980,640x1136を設定する。ステータ スバーを出す場合はその分を引いたやつを設定できる。 • 640x1136を設定すると、プロジェクト全体がiPhone5 対応（4inch対応）になる。逆に、640x1136の黒い画 像をdeleteするとiPhone5対応をやめることができる。 （2013年5月より4inch対応してないとリジェクトとの こと） • とりあえず今回は一番左を削除して右の２個だけ設定し よう！
- 81. アプリの名前 • genkimorou-Info.plistのBundle display nameを変更して みよう！
- 82. できた！ • これで完成！
- 85. おわり 主催（共同開催）： 株式会社 gooya http://www.gooya.co.jp/ メドレー株式会社 http://www.medley.co.jp/ 講師：西田 寛輔 (Tonosamart) http://www.facebook.com/tonosamart