chevron_left

デザイナーのための iOSアプリ開発入門

PREMIUM
第4回

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

2014年1月30日 60min

スライド資料

会員登録して、全てのスライドを見よう

1 / 27

授業の概要

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

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

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

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

チャプター

play_arrow
自己紹介&アジェンダ
03:39
play_arrow
Storyboardってなに?
04:22
play_arrow
画面遷移(push/modal/custom)
01:25
play_arrow
画面について
00:34
play_arrow
・画面
01:18
play_arrow
・ビュー/ビューコントローラ
03:22
play_arrow
・UIViewController
02:16
play_arrow
・継承?
03:06
play_arrow
・プログラマのすること
04:49
play_arrow
実演
00:20
play_arrow
・Storyboardで画面遷移を実装
03:17
play_arrow
・シミュレータで動きを確認
02:05
play_arrow
・トランジションを変更
02:29
play_arrow
・ビューコントローラを追加
04:21
play_arrow
まとめ
00:41
play_arrow
Q:1画面1ビューコントローラーの例外というのは、どういう場合でしょうか?
01:24
play_arrow
Q:各ビューへのイベントなどを受けるのが、ビューコントローラーというイメージでしょうか?
01:55
play_arrow
Q:画面の名前付けでの失敗談がありましたら、お願いします。
01:15
play_arrow
Q:Androidでも同じように作成できますか?
00:35
play_arrow
Q:goBackメソッドの定義だけで、処理を書かなくても戻れるのですか?
01:00
play_arrow
Q:Storyboadで部品を配置して、更にコードでも配置位置などのコードも書いた方がいいのですか?
01:40
play_arrow
Q:goBackではなく、ボタンで戻る事は出来ないんですか?
00:55
play_arrow
Q:ビューが沢山あると、MBAよりiMac等画面の大きい方が開発しやすいですか?
01:15
play_arrow
Q:Storyboardの位置やサイズなど、UI部品情報をコードに変換する方法があれば楽なのですが、そういう方法はありませんか?
01:24
play_arrow
Q:Storyboardで大まかな動きを作成して、後でコードでトランジション等の細かい動作を追加・変更していく事は出来ますか?
01:11
play_arrow
Q:ビューコントローラーの中身はxmlのようですが、これをテキストエディタ等で検索置換などして、編集する事は可能ですか?
02:04
play_arrow
Q:画面遷移でデータの受け渡しをするには、何が一番簡単ですか?
02:30
play_arrow
Q:Backボタンは、Javascriptのhistorybackみたいな、遷移元に戻るコードはあるんですか?
02:16
play_arrow
課題発表