LIVE
ON AIR

21:00 - 22:00

サービスデザイン入門 -5回目- 生放送中

LIVE
ON AIR

21:45 - 22:15

新入社員向けExcel術ー関数応用ー 生放送中

デザイナーでも安心!はじめてのiOSアプリ開発

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

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

第1回目の今回は、授業前半にiOSアプリ開発に必要なもの、どんな手順でアプリを形にしていくのか、その概要を説明していきます。後半では、さまざまなUI部品を貼付ける実演を行います。

■事前準備

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

詳細を開く
デザイナーでも安心!はじめてのiOSアプリ開発
2014年1月9日公開
01:00:00
  • 自己紹介&アジェンダ
  • 01:41
  • iOSアプリ開発に必要なもの
  • 00:35
  • ・Mac
  • 01:17
  • ・Xcode
  • 01:13
  • ・iOS Developer Program
  • 01:55
  • ・iPhone/iPad
  • 01:25
  • アプリってどうやって作るの?
  • 01:25
  • ・企画
  • 01:17
  • ・デザイン
  • 01:10
  • ・プログラミング
  • 04:05
  • ・問題:「ユーザーが何かをしたら何かをする」どのようなものがありますか?
  • 06:02
  • ・デバック
  • 02:27
  • ・リリース
  • 02:48
  • 時計アプリを作るとしたら
  • 00:14
  • ・企画
  • 00:14
  • ・デザイン
  • 00:34
  • ・プログラミング
  • 01:40
  • ・問題:時間と分を表示するだけなのに0.1秒ごとに表示を更新しているのはなぜでしょう?
  • 03:11
  • ・デバック
  • 00:19
  • ・リリース
  • 00:16
  • アプリ開発実演(時計)
  • 04:45
  • 実際に動かしてみる!
  • 02:15
  • 実演(さまざまなUI部品を画面に貼る)
  • 04:09
  • シミュレータで動きを確認
  • 02:44
  • まとめ
  • 01:13
  • Q:iOSの申請の手順を、細かく教えて下さい。
  • 01:45
  • Q:アプリ開発で一番難しいところは、どこですか?
  • 01:27
  • Q:iPhoneアプリの入門書籍を購入して作っているのですが、Xcodeのバージョンが違うので混乱しています。
  • 01:24
  • Q:デザイナーがXcodeで作ったレイアウトを、プログラマーに渡したら、そのまま使って作業を進められるんですか?
  • 01:16
  • Q:複数人でiOSアプリを開発する場合、Developer Programは人数分必要なんでしょうか?
  • 00:51
  • Q:デザインをプログラマーに渡す際に、配慮しておいた方が良い事や、やめてほしい事などあれば、知りたいです。
  • 02:11
  • 課題発表
開く
デザイナーのためのXcode入門
2014年1月16日公開
01:00:00
  • 自己紹介&アジェンダ
  • 03:27
  • Xcodeを知ろう
  • 01:17
  • Xcodeで出来ること
  • 01:15
  • Xcodeの画面
  • 00:18
  • プロジェクト管理
  • 00:25
  • コーディング
  • 00:29
  • UIデザイン
  • 00:25
  • iosシュミレーター
  • 00:16
  • Xcodeの画面を見てみよう
  • 04:45
  • リソースについて
  • 00:51
  • 問題 画像以外にどんなリソースがありますか?
  • 04:06
  • リソースの適応
  • 02:01
  • Images.xcassets
  • 01:02
  • Retina
  • 01:01
  • ファイル名の付け方
  • 00:42
  • 画像フォーマット
  • 00:35
  • 同名ファイル
  • 01:30
  • 実演
  • 01:17
  • 新規プロジェクト作成
  • 02:13
  • ボタンの画像をプロジェクトに取り込む
  • 02:22
  • ストーリーボードにボタンを配置
  • 02:20
  • iosシュミレーターでボタンの動きを確認する
  • 01:35
  • attributeタブでボタンの画像を挿入する
  • 00:45
  • テキストのカラーを変える
  • 00:50
  • テキストのフォントサイズを変える
  • 01:19
  • ボタンを押した時の画像を挿入する
  • 01:40
  • 色々な設定方法
  • 03:31
  • まとめ
  • 01:05
  • Q:シュミレーター起動時のボタンの位置について。
  • 00:33
  • Q:デバイス毎の画面サイズ調整は内部で何かするんでしょうか?
  • 00:57
  • Q:レイアウトの配置までをデザイナーがやって、そのファイルを受け取ってエンジニアがコードを埋め込んでいくような分業もありなのですか?
  • 00:50
  • Q:非retinaディスプレイ端末でretina用画像を見るとどうなるんでしょうか?
  • 00:48
  • Q:imagesファイルの中のPNG画像を加工したい時について。
  • 02:05
  • Q:Xcode5の操作方法はXcode4.5と同じでしょうか。
  • 01:32
  • Q:Xcodeでレイアウト作成試み、背景画像をタイル状にrepeatするのがわかりません。
  • 01:43
  • Q:ボタンのサイズと、ボタンに当てはめた画像のサイズが違うとどうなりますか?
  • 01:32
  • Q:プロジェクトに読み込んだ画像は、新規に何処かの新規ディレクトリに、まとめて保存されてるんですか?
  • 01:36
  • Q:今回はボタンに画像を貼っていましたが、他の部品でも同じような機能があるんでしょうか?
  • 01:37
  • 課題発表
開く
プログラミングはじめの一歩
2014年1月23日公開
01:00:00
  • 自己紹介&アジェンダ
  • 04:16
  • プログラミングってなに?
  • 00:49
  • プログラミング言語
  • 01:48
  • objective-Cとは?
  • 02:34
  • オブジェクト
  • 02:38
  • 問題 この一行のコードが実行されると何が起こるでしょうか
  • 02:31
  • 文字を表示するとは
  • 01:43
  • オブジェクト
  • 01:13
  • クラス
  • 00:42
  • UILabel
  • 02:40
  • 問題 UIButtonとはどんなクラスでしょう?
  • 02:05
  • 問題 UITextFieldとはどんなクラスでしょう?
  • 00:36
  • 問題 UIWebViewとはどんなクラスでしょう?
  • 01:42
  • UILabelがlabelオブジェクトに
  • 01:43
  • コードで書くと?
  • 01:32
  • 実演
  • 00:43
  • Xcodeを立ち上げ、新規プロジェクトを作成する
  • 02:06
  • Labelを配置する
  • 01:04
  • Buttonを配置する
  • 00:40
  • アシスタント機能を使う
  • 03:36
  • viewcontroller.mにコードを書く
  • 03:59
  • 実際にiOSシミュレータで動きを確認
  • 02:42
  • まとめ
  • 00:34
  • Q:どんな書籍が入門書として適切ですか?
  • 02:35
  • Q:UIWebViewはまた使った事がないのですが、アプリリリースとしてHTMLを持っていても表示できますか?
  • 00:23
  • Q:Javascriptとのハイブリッドアプリはできますか?
  • 00:20
  • Q:本を読んで独学するのと、どこかの教室に行くのどっちがいいですか?
  • 00:10
  • Q:C言語をやってた人間がすんなりObjective-cを覚えられるような、いい書籍とかご存知でしょうか?
  • 01:34
  • Q:appleのドキュメントは、どうやって探せばいいですか?
  • 00:48
  • Q:勉強するのにあたって、向いてる人と向いてない人はいますか?
  • 01:33
  • Q:初めてアプリを作るなら、どんなアプリがお勧めですか?
  • 01:31
  • Q:どんな曲を作曲されるんですか?
  • 02:50
  • 課題発表
開く
iOSアプリの画面デザイン・遷移を驚くほど簡単にするStoryboardの使い方
2014年1月30日公開
01:00:00
  • 自己紹介&アジェンダ
  • 03:39
  • Storyboardってなに?
  • 04:22
  • 画面遷移(push/modal/custom)
  • 01:25
  • 画面について
  • 00:34
  • ・画面
  • 01:18
  • ・ビュー/ビューコントローラ
  • 03:22
  • ・UIViewController
  • 02:16
  • ・継承?
  • 03:06
  • ・プログラマのすること
  • 04:49
  • 実演
  • 00:20
  • ・Storyboardで画面遷移を実装
  • 03:17
  • ・シミュレータで動きを確認
  • 02:05
  • ・トランジションを変更
  • 02:29
  • ・ビューコントローラを追加
  • 04:21
  • まとめ
  • 00:41
  • Q:1画面1ビューコントローラーの例外というのは、どういう場合でしょうか?
  • 01:24
  • Q:各ビューへのイベントなどを受けるのが、ビューコントローラーというイメージでしょうか?
  • 01:55
  • Q:画面の名前付けでの失敗談がありましたら、お願いします。
  • 01:15
  • Q:Androidでも同じように作成できますか?
  • 00:35
  • Q:goBackメソッドの定義だけで、処理を書かなくても戻れるのですか?
  • 01:00
  • Q:Storyboadで部品を配置して、更にコードでも配置位置などのコードも書いた方がいいのですか?
  • 01:40
  • Q:goBackではなく、ボタンで戻る事は出来ないんですか?
  • 00:55
  • Q:ビューが沢山あると、MBAよりiMac等画面の大きい方が開発しやすいですか?
  • 01:15
  • Q:Storyboardの位置やサイズなど、UI部品情報をコードに変換する方法があれば楽なのですが、そういう方法はありませんか?
  • 01:24
  • Q:Storyboardで大まかな動きを作成して、後でコードでトランジション等の細かい動作を追加・変更していく事は出来ますか?
  • 01:11
  • Q:ビューコントローラーの中身はxmlのようですが、これをテキストエディタ等で検索置換などして、編集する事は可能ですか?
  • 02:04
  • Q:画面遷移でデータの受け渡しをするには、何が一番簡単ですか?
  • 02:30
  • Q:Backボタンは、Javascriptのhistorybackみたいな、遷移元に戻るコードはあるんですか?
  • 02:16
  • 課題発表
開く
スライド資料
担当の先生
受講生代表
  • 未定

    未定

受けたいランキング
新着の生放送授業
関連授業