おためし受講中

デザイナーのためのXcode入門

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

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

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

第2回目の今回は、授業前半に、デザインした画面、ボタンなどのUIパーツをどのようにアプリに取り込んでいくのか、その具体的なやり方を説明していきます。後半では、画面への画像貼付けや、ボタンに画像を適用する実演を行います。

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

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介&アジェンダ
    03:27  (00:13 ~ )
    Xcodeを知ろう
    01:17  (03:40 ~ )
    Xcodeで出来ること
    01:15  (04:57 ~ )
    Xcodeの画面
    00:18  (06:12 ~ )
    プロジェクト管理
    00:25  (06:30 ~ )
    コーディング
    00:29  (06:55 ~ )
    UIデザイン
    00:25  (07:24 ~ )
    iosシュミレーター
    00:16  (07:49 ~ )
    Xcodeの画面を見てみよう
    04:45  (08:05 ~ )
    リソースについて
    00:51  (12:50 ~ )
    問題 画像以外にどんなリソースがありますか?
    04:06  (13:41 ~ )
    リソースの適応
    02:01  (17:47 ~ )
    Images.xcassets
    01:02  (19:48 ~ )
    Retina
    01:01  (20:50 ~ )
    ファイル名の付け方
    00:42  (21:51 ~ )
    画像フォーマット
    00:35  (22:33 ~ )
    同名ファイル
    01:30  (23:08 ~ )
    実演
    01:17  (24:38 ~ )
    新規プロジェクト作成
    02:13  (25:55 ~ )
    ボタンの画像をプロジェクトに取り込む
    02:22  (28:08 ~ )
    ストーリーボードにボタンを配置
    02:20  (30:30 ~ )
    iosシュミレーターでボタンの動きを確認する
    01:35  (32:50 ~ )
    attributeタブでボタンの画像を挿入する
    00:45  (34:25 ~ )
    テキストのカラーを変える
    00:50  (35:10 ~ )
    テキストのフォントサイズを変える
    01:19  (36:00 ~ )
    ボタンを押した時の画像を挿入する
    01:40  (37:19 ~ )
    色々な設定方法
    03:31  (38:59 ~ )
    まとめ
    01:05  (42:30 ~ )
    【後半】質疑応答
    Q:シュミレーター起動時のボタンの位置について。
    00:33  (44:07 ~ )
    Q:デバイス毎の画面サイズ調整は内部で何かするんでしょうか?
    00:57  (44:40 ~ )
    Q:レイアウトの配置までをデザイナーがやって、そのファイルを受け取ってエンジニアがコードを埋め込んでいくような分業もありなのですか?
    00:50  (45:37 ~ )
    Q:非retinaディスプレイ端末でretina用画像を見るとどうなるんでしょうか?
    00:48  (46:27 ~ )
    Q:imagesファイルの中のPNG画像を加工したい時について。
    02:05  (47:15 ~ )
    Q:Xcode5の操作方法はXcode4.5と同じでしょうか。
    01:32  (49:20 ~ )
    Q:Xcodeでレイアウト作成試み、背景画像をタイル状にrepeatするのがわかりません。
    01:43  (50:52 ~ )
    Q:ボタンのサイズと、ボタンに当てはめた画像のサイズが違うとどうなりますか?
    01:32  (52:35 ~ )
    Q:プロジェクトに読み込んだ画像は、新規に何処かの新規ディレクトリに、まとめて保存されてるんですか?
    01:36  (54:07 ~ )
    Q:今回はボタンに画像を貼っていましたが、他の部品でも同じような機能があるんでしょうか?
    01:37  (55:43 ~ )
    課題発表
      (57:20 ~ )