Xcodeとstoryboardの使い方

Question

このサイトを見て、この通りやったら、実機で正常に動かすことができたのですが、

Xcodeのストーリーボードを使う方法【iPhoneアプリの画面が簡単に作れる】 | TechAcademyマガジン http://techacademy.jp/magazine/1825

GUI操作できるんやんていう話。

VisualStudioの.xamlと.csの関係みたいに、
プログラムの処理については書かれていませんでした。

デザインを見ながら、コーディングすることは不可能なのでしょうか。
デザインとxamlが連動して見れて、
xamlから定義にジャンプでコードビハインドで見れるみたいな感じにはできないのでしょうか。

どこかにプログラムの処理はかかれていますよね？
h refみたいな感じで・・
ないのでしょうか？

ちなみにこれがファイル構成です。

【※あれ、画像が添付できなくなっています。こういう場合どうやって共有すれば、、、】
↓優しい方が教えてくださいました。
https://gyazo.com/3ed6ad115f9abe2391cda5fb94e10380

あと、

StoryboardとSegueの基本 - Kesin's diary http://kesin.hatenablog.com/entry/20120908/1347079921

にあるような、@で始まるコードって何でしょうか？

入門レベルですので、
これが、ネイティブアプリなのかハイブリッドアプリなのかもわかっていません。
.mとか.hはObjective-Cで書かれているファイルなのでしょうか。

PS.余談ですが、
デザイン見にくくないですか？
拡大縮小できないし、多くのページがある場合、
同じ狭い枠内でしか見れないのでしょうか。
VisualStudioだったら、何ページもタブで開くことができたのですが。。。

宜しくお願いいたします。

Comments

[Alice0225]

画像の添付に関してですが、Gyazo等使用されてはいかがでしょうか？

[b1ackc0ffee]

知りませんでした。
素敵なアプリを紹介いただき、感謝いたします。

Answer 1

どこかにプログラムの処理はかかれていますよね？

h refみたいな感じで・・
ないのでしょうか？

Xcode左側のProjectnavigator上でMain.storyboardファイルを選択した状態にし、ファイルを右クリックし

Open As → Source Codeと選択するとstoryboardのソースコード(xml)を見ることができます。

Xcodeのストーリーボードを使う方法【iPhoneアプリの画面が簡単に作れる】 | TechAcademyマガジン http://techacademy.jp/magazine/1825

上記サイトを当方の環境でも再現してみましたが、そうすると

<connections> <segue destination="yvY-qt-8IM" kind="presentation" id="IGv-nN-Tiy"/> </connections>

というような箇所がソースコード内に見つかると思います(destinationやidの中の文字列は異なると思いますが)。これがHTMLで言う所のhrefに相当します。kind内の文字列は画面遷移の方法ですね。

@で始まるコードって何でしょうか？

これは文字列型(NSString型)を扱う際に接頭辞としてつけるものです。

これが、ネイティブアプリなのかハイブリッドアプリなのかもわかっていません。

.mとか.hはObjective-Cで書かれているファイルなのでしょうか。

これは純粋なObjective-Cネイティブアプリであり、.hがヘッダファイル、.mが定義ファイルです。C#ご経験者からすると前述の@も、一つのクラスが.hと.mにわかれていることにも違和感を感じられるかもしれませんね。おそらく後発のSwiftの方がしっくりくるかもしれません。

拡大縮小できないし、多くのページがある場合、

同じ狭い枠内でしか見れないのでしょうか。

storyboard内の任意の場所で右クリックすると上記画像のようなポップアップが表示され、そこから拡大縮小ができます。