おためし受講中

iOSアプリの画面デザイン・遷移を驚くほど簡単にするStoryboardの使い方

この授業では、プログラミング経験はないけどiOSアプリ開発には興味がある!というデザイナーさん、ディレクターさんに向けて、「iOSア プリ開発って実際にどういうことをしているの?」ということを分かりやすく説明していきます。

プログラマーが何をしているのかが分かれば、デザイナーやディレクターとのやり取りも今よりもっとスムーズになるはず。アプリ開発ができるようになるには本授業だけでは足りないですが、プログラマーの「キモチ」を理解できるようになります。

授業は4回で構成されます。各授業では、前半で講義、後半は実演という形で進めていきます。授業が始まる前に、各自お持ちのMacにAppStoreよりXcodeをダウンロードして、インストールしておくとより効果的に学べます。
(ダウンロードURL→ https://itunes.apple.com/jp/app/xcode/id497799835)

第4回目の今回は、XcodeのStoryboardを使った授業を行います。画面のデザイン、画面の遷移を驚くほど分かりやすく組み立てられるStoryboardの魔法を体験してみましょう。後半では、Storyboardを使って実際に画面遷移を行います。

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介&アジェンダ
    03:39  (00:12 ~ )
    Storyboardってなに?
    04:22  (03:51 ~ )
    画面遷移(push/modal/custom)
    01:25  (08:13 ~ )
    画面について
    00:34  (09:38 ~ )
    ・画面
    01:18  (10:12 ~ )
    ・ビュー/ビューコントローラ
    03:22  (11:30 ~ )
    ・UIViewController
    02:16  (14:52 ~ )
    ・継承?
    03:06  (17:08 ~ )
    ・プログラマのすること
    04:49  (20:14 ~ )
    実演
    00:20  (25:03 ~ )
    ・Storyboardで画面遷移を実装
    03:17  (25:23 ~ )
    ・シミュレータで動きを確認
    02:05  (28:40 ~ )
    ・トランジションを変更
    02:29  (30:45 ~ )
    ・ビューコントローラを追加
    04:21  (33:14 ~ )
    まとめ
    00:41  (37:35 ~ )
    【後半】質疑応答
    Q:1画面1ビューコントローラーの例外というのは、どういう場合でしょうか?
    01:24  (38:36 ~ )
    Q:各ビューへのイベントなどを受けるのが、ビューコントローラーというイメージでしょうか?
    01:55  (40:00 ~ )
    Q:画面の名前付けでの失敗談がありましたら、お願いします。
    01:15  (41:55 ~ )
    Q:Androidでも同じように作成できますか?
    00:35  (43:10 ~ )
    Q:goBackメソッドの定義だけで、処理を書かなくても戻れるのですか?
    01:00  (43:45 ~ )
    Q:Storyboadで部品を配置して、更にコードでも配置位置などのコードも書いた方がいいのですか?
    01:40  (44:45 ~ )
    Q:goBackではなく、ボタンで戻る事は出来ないんですか?
    00:55  (46:25 ~ )
    Q:ビューが沢山あると、MBAよりiMac等画面の大きい方が開発しやすいですか?
    01:15  (47:20 ~ )
    Q:Storyboardの位置やサイズなど、UI部品情報をコードに変換する方法があれば楽なのですが、そういう方法はありませんか?
    01:24  (48:35 ~ )
    Q:Storyboardで大まかな動きを作成して、後でコードでトランジション等の細かい動作を追加・変更していく事は出来ますか?
    01:11  (49:59 ~ )
    Q:ビューコントローラーの中身はxmlのようですが、これをテキストエディタ等で検索置換などして、編集する事は可能ですか?
    02:04  (51:10 ~ )
    Q:画面遷移でデータの受け渡しをするには、何が一番簡単ですか?
    02:30  (53:14 ~ )
    Q:Backボタンは、Javascriptのhistorybackみたいな、遷移元に戻るコードはあるんですか?
    02:16  (55:44 ~ )
    課題発表
      (58:00 ~ )