36
iOSエンジニアあるある storyboardの使い方がよくわからない ぐぐったらstoryboardでは出来ないって書いて あった storyboardで作業すると必ずコンフリクトする 鬱陶しいしわからづらいし、できればストーリーボードも使いたくない。“Xcode5ではstoryboardを使わなきゃいけないの!?使った人は分かると思うが、XcodeStoryboardInterface Builderは見栄え は良いけど実際はかなり使い辛い。

Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

Embed Size (px)

DESCRIPTION

社内ワークショップで使用したスライドです。 本来のスライドにはビデオが含まれていましたが、PDF化した際に失われています。

Citation preview

Page 1: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

iOSエンジニアあるあるstoryboardの使い方がよくわからない

ぐぐったらstoryboardでは出来ないって書いてあった

storyboardで作業すると必ずコンフリクトする

“鬱陶しいしわからづらいし、できればストーリーボードも使いたくない。”

“Xcode5ではstoryboardを使わなきゃいけないの!?”

“使った人は分かると思うが、XcodeのStoryboardやInterface Builderは見栄えは良いけど実際はかなり使い辛い。”

Page 2: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

お前らなにもわかってない。

Page 3: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

xcodeとStoryboardのすごさを思い知る、 ソースコードを書かないプログラミング

Page 4: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

もくじ

なにもしないアプリ

文字とボタンと画面遷移

TextFieldとちょっと深い設定

iOSアプリの基本、TableView

Page 5: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

なにもしないアプリまずはなにも機能がない真っ白なアプリを作って

起動して見ましょう。

Page 6: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

新しいプロジェクトを作成する

Page 7: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

アプリケーションの種類を選ぶ

Page 8: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

プロジェクト名等の入力

Page 9: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

完成した何もしないプロジェクト

Page 10: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

さっそく実行してみよう

Page 11: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

実行結果

Page 12: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

文字とボタンと画面遷移

画面にUIパーツを置いてみましょう。 そして簡単に画面遷移を実装してみましょう。

Page 13: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

Labelを追加してみる

Page 14: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

Labelを追加してみる

Page 15: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

Labelを追加してみる

Page 16: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

ダブルクリックで文字列編集

Page 17: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

配置もらくちん

Page 18: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

新しいview controllerを設置

Page 19: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

新しいview controllerを設置

Page 20: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

画面遷移を設定

Page 21: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

画面遷移を設定

Page 22: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

TextFieldとちょっと深い設定

storyboardの設定は、深い

Page 23: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

TextFieldとちょっと深い設定

Page 24: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

TextFieldのちょっと 深い設定

Page 25: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

やってみた

Page 26: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

iOSアプリの基本、TableView

気がついたら半分くらいこれになってる

Page 27: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

これがTableView

Page 28: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

Table Viewの右ペイン

Page 29: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

Static Cellsを選ぶ

Page 30: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

cellを選んだところ

Page 31: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

style:basic

Page 32: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

style:Right Detail

Page 33: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

style:Subtitle

Page 34: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

viewのリストから遷移を設定

Page 35: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

cellからの遷移の種類

Page 36: Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング

accessory