Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
Submit search
EN
Uploaded by
Kenta Ohsugi
PDF, PPTX
8,850 views
デザイナーとエンジニアが話す、iOSアプリケーション開発
Sumally デザイナー 大杉 健太 / エンジニア 中元寺 武尊 2015/04/14 Apple Store 銀座
Design
◦
Read more
68
Save
Share
Embed
Embed presentation
Download
Download as PDF, PPTX
1
/ 105
2
/ 105
3
/ 105
4
/ 105
5
/ 105
6
/ 105
7
/ 105
8
/ 105
9
/ 105
10
/ 105
11
/ 105
12
/ 105
13
/ 105
14
/ 105
15
/ 105
16
/ 105
17
/ 105
18
/ 105
19
/ 105
20
/ 105
21
/ 105
22
/ 105
23
/ 105
24
/ 105
25
/ 105
26
/ 105
27
/ 105
28
/ 105
29
/ 105
30
/ 105
31
/ 105
32
/ 105
33
/ 105
34
/ 105
35
/ 105
36
/ 105
37
/ 105
38
/ 105
39
/ 105
40
/ 105
41
/ 105
42
/ 105
43
/ 105
44
/ 105
45
/ 105
46
/ 105
47
/ 105
48
/ 105
49
/ 105
50
/ 105
51
/ 105
52
/ 105
53
/ 105
54
/ 105
55
/ 105
56
/ 105
57
/ 105
58
/ 105
59
/ 105
60
/ 105
61
/ 105
62
/ 105
63
/ 105
64
/ 105
65
/ 105
66
/ 105
67
/ 105
68
/ 105
69
/ 105
70
/ 105
71
/ 105
72
/ 105
73
/ 105
74
/ 105
75
/ 105
76
/ 105
77
/ 105
78
/ 105
79
/ 105
80
/ 105
81
/ 105
82
/ 105
83
/ 105
84
/ 105
85
/ 105
86
/ 105
87
/ 105
88
/ 105
89
/ 105
90
/ 105
91
/ 105
92
/ 105
93
/ 105
94
/ 105
95
/ 105
96
/ 105
97
/ 105
98
/ 105
99
/ 105
100
/ 105
101
/ 105
102
/ 105
103
/ 105
104
/ 105
105
/ 105
More Related Content
PDF
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
by
Mayumi Narisawa
PPTX
スマートフォンサイトデザインに求められるUI/UX設計術
by
Kouichi Kuriyama
PDF
Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング
by
Kazuki Sato
PDF
Prott's design
by
Yukihiro Kobayashi
PDF
確実に良くするUI/UX設計
by
Takayuki Fukatsu
PDF
スマホサービスにおける、UIデザインのノウハウと実例
by
yosuke sato
PDF
Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf
by
theguild
PDF
エンジニアリングするデザイナーが領域を超えて見えたこと
by
Mayumi Narisawa
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
by
Mayumi Narisawa
スマートフォンサイトデザインに求められるUI/UX設計術
by
Kouichi Kuriyama
Xcodeとstoryboardのすごさを思い知る、ソースコードを書かないプログラミング
by
Kazuki Sato
Prott's design
by
Yukihiro Kobayashi
確実に良くするUI/UX設計
by
Takayuki Fukatsu
スマホサービスにおける、UIデザインのノウハウと実例
by
yosuke sato
Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf
by
theguild
エンジニアリングするデザイナーが領域を超えて見えたこと
by
Mayumi Narisawa
What's hot
PDF
ニコニコ超デザイン-Metro考察編-
by
Mizushima Kazuhiro
PDF
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
by
takaaya
PPTX
モダンなAndroidアプリ開発勉強会
by
Shoichi Kakizaki
PDF
アプリ・サービスのUI/UXのモックアップ(ワイヤフレーム)の簡単な描き方
by
Spath School
PPTX
HTML5/JavaScriptで作るAndroidアプリ開発seminar
by
kujirahand kujira
PDF
モックを作ろう!アプリのための実践系UXデザイン 先生:大塚 晃
by
schoowebcampus
PPTX
UnityでUI開発を高速化した件
by
Grenge, Inc.
PDF
部品に切り分けて考えるView構造とライブラリを上手に活用したUI実装
by
Fumiya Sakai
PDF
iOSアプリ開発のためのSwiftビギナーズ勉強会 第6回 @Co-Edo
by
Megumi Otani(Czenhe)
PDF
Approach of Prototyping for making Application User Interface about iOS
by
Fumiya Sakai
PDF
User Interface 「UI ラーニング・パターン」 - ABC2014s
by
Chihiro Tomita
PPTX
InVision勉強会資料
by
TakuyaTakemoto
PDF
「Camelog」Android開発秘話
by
Shoya Tsukada
PDF
企画したUXをプロダクトに反映するディレクション
by
LINE Corporation
PDF
Fundamentals of Swift & Redux (ReduxとSwiftの組み合わせ)
by
Fumiya Sakai
PDF
開発に知っておいて欲しいUX/UIデザインの考え方
by
neokigao
PDF
UIも大事だよ。という話。@Opt Group Tech Day
by
Tetsuya Takeda
PDF
UIは「習うより慣れろ」
by
tomo tsubota
PDF
ABC2016 Spring: Mobile App UX & Design Sprint
by
Nobuya Sato
ニコニコ超デザイン-Metro考察編-
by
Mizushima Kazuhiro
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
by
takaaya
モダンなAndroidアプリ開発勉強会
by
Shoichi Kakizaki
アプリ・サービスのUI/UXのモックアップ(ワイヤフレーム)の簡単な描き方
by
Spath School
HTML5/JavaScriptで作るAndroidアプリ開発seminar
by
kujirahand kujira
モックを作ろう!アプリのための実践系UXデザイン 先生:大塚 晃
by
schoowebcampus
UnityでUI開発を高速化した件
by
Grenge, Inc.
部品に切り分けて考えるView構造とライブラリを上手に活用したUI実装
by
Fumiya Sakai
iOSアプリ開発のためのSwiftビギナーズ勉強会 第6回 @Co-Edo
by
Megumi Otani(Czenhe)
Approach of Prototyping for making Application User Interface about iOS
by
Fumiya Sakai
User Interface 「UI ラーニング・パターン」 - ABC2014s
by
Chihiro Tomita
InVision勉強会資料
by
TakuyaTakemoto
「Camelog」Android開発秘話
by
Shoya Tsukada
企画したUXをプロダクトに反映するディレクション
by
LINE Corporation
Fundamentals of Swift & Redux (ReduxとSwiftの組み合わせ)
by
Fumiya Sakai
開発に知っておいて欲しいUX/UIデザインの考え方
by
neokigao
UIも大事だよ。という話。@Opt Group Tech Day
by
Tetsuya Takeda
UIは「習うより慣れろ」
by
tomo tsubota
ABC2016 Spring: Mobile App UX & Design Sprint
by
Nobuya Sato
Viewers also liked
PDF
バグのことは嫌いになってもXcodeのことは嫌いにならないでください。
by
Daisuke Yamashita
PDF
はじめてのiOSアプリ開発 ①
by
Nagamine Hiromasa
PDF
IOS/Androidアプリの3つの大事な設計方針
by
Ken Morishita
PDF
GTMF2016:株式会社Tooセッション 「CSゲーム開発現場での UXデザイン室の取り組みと UIデザイナーの専門性」by 株式会社カプコン
by
Game Tools & Middleware Forum
PDF
Apple審査を一発通過!iOS開発経験0でも出来るじげん流Swift開発のすべて
by
Masaru Gushiken
PPTX
QAエンジニアを通じて弊社の開発環境がより良くなる日 〜 OpenSTF 編 〜
by
gree_tech
PDF
理想のWEB開発
by
エンジニア勉強会 エスキュービズム
PDF
iOSアプリ開発 脱初心者に向けて
by
Kosuke Ogawa
PDF
ドワンゴの新卒エンジニアが新規サービスを立ち上げるまで
by
Kazunari Kida
PPTX
2012 05-19第44回cocoa勉強会発表資料
by
OCHI Shuji
PDF
watchOS 2 新機能の細かい話
by
Shuichi Tsutsumi
PDF
第7回 カジュアル Swift 勉強会 @ 青葉台 オープニング #cswift
by
Tomohiro Kumagai
PDF
㉚Xcodeを覚えよう!簡単なアプリを作ってみよう!
by
Nishida Kansuke
PDF
Objective-C/Swift コードの共用
by
Yoichiro Sakurai
PDF
オプショナル型。〜なんとなく付ける ! ? 撲滅〜 改訂版
by
Tomoki Hasegawa
PDF
㉙iPhoneアプリ開発の基礎知識を覚えよう
by
Nishida Kansuke
PDF
エンジニアとデザイナーのあいだ
by
U-dai Yokoyama
PPTX
de:code エスキュービズム勉強会0620
by
エンジニア勉強会 エスキュービズム
PDF
ぼくがかんがえたさいきょうのMvc
by
karupanerura
PDF
2014年からSwiftを振り返る! #cswift
by
Tomohiro Kumagai
バグのことは嫌いになってもXcodeのことは嫌いにならないでください。
by
Daisuke Yamashita
はじめてのiOSアプリ開発 ①
by
Nagamine Hiromasa
IOS/Androidアプリの3つの大事な設計方針
by
Ken Morishita
GTMF2016:株式会社Tooセッション 「CSゲーム開発現場での UXデザイン室の取り組みと UIデザイナーの専門性」by 株式会社カプコン
by
Game Tools & Middleware Forum
Apple審査を一発通過!iOS開発経験0でも出来るじげん流Swift開発のすべて
by
Masaru Gushiken
QAエンジニアを通じて弊社の開発環境がより良くなる日 〜 OpenSTF 編 〜
by
gree_tech
理想のWEB開発
by
エンジニア勉強会 エスキュービズム
iOSアプリ開発 脱初心者に向けて
by
Kosuke Ogawa
ドワンゴの新卒エンジニアが新規サービスを立ち上げるまで
by
Kazunari Kida
2012 05-19第44回cocoa勉強会発表資料
by
OCHI Shuji
watchOS 2 新機能の細かい話
by
Shuichi Tsutsumi
第7回 カジュアル Swift 勉強会 @ 青葉台 オープニング #cswift
by
Tomohiro Kumagai
㉚Xcodeを覚えよう!簡単なアプリを作ってみよう!
by
Nishida Kansuke
Objective-C/Swift コードの共用
by
Yoichiro Sakurai
オプショナル型。〜なんとなく付ける ! ? 撲滅〜 改訂版
by
Tomoki Hasegawa
㉙iPhoneアプリ開発の基礎知識を覚えよう
by
Nishida Kansuke
エンジニアとデザイナーのあいだ
by
U-dai Yokoyama
de:code エスキュービズム勉強会0620
by
エンジニア勉強会 エスキュービズム
ぼくがかんがえたさいきょうのMvc
by
karupanerura
2014年からSwiftを振り返る! #cswift
by
Tomohiro Kumagai
Similar to デザイナーとエンジニアが話す、iOSアプリケーション開発
PPTX
iPhoneアプリ開発の歩き方〜Swift編〜
by
Yusuke SAITO
PDF
Xamarinの概要
by
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
PDF
Swiftアプリ制作入門 かんたんシューティングゲーム
by
聡 中川
PPTX
AbemaTV モバイルアプリの開発体制と開発プロセスの話
by
Yuji Hato
PPTX
Macで始めるxamarin(続編)
by
Kouzou Takahashi
PDF
第1回 コデアルiOSアプリ勉強会
by
codeal
PDF
Xcode 7 の新しいところ #cm_ios9
by
Tomohiro Kumagai
PDF
Start up xcode ver JP
by
qohj
PDF
DevLOVE iPhoneアプリ勉強会
by
Toshimitsu Takahashi
PDF
iOS 9 Bootcamp #6 UIKit
by
Shingo Hiraya
PDF
デザインにもこだわったUIの事始め (Episode1)
by
Fumiya Sakai
PDF
iQONの開発手法 at iQONエンジニアセミナー
by
Imamura Masayuki
PDF
Beginning iPhone Vol2
by
Sachiko Kajishima
PDF
Outlayout ios2開発会議20150528
by
Takeshi Sato
KEY
iPhoneアプリ開発を楽に楽しくするサイトまとめ
by
Hiramatsu Ryosuke
PDF
DevIO Auto Layout 道場スライド
by
kakegawa-atsushi
PDF
iPhone develop for Beginner
by
Sachiko Kajishima
PDF
㉛Xcodeを覚えよう!簡単なアプリを作ってみよう!②
by
Nishida Kansuke
PPTX
iphoneアプリ開発 その1:導入〜初アプリ
by
Satoru Murakami
PDF
⑬I phoneアプリを作ってみよう!(超初心者向け)
by
Nishida Kansuke
iPhoneアプリ開発の歩き方〜Swift編〜
by
Yusuke SAITO
Xamarinの概要
by
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
Swiftアプリ制作入門 かんたんシューティングゲーム
by
聡 中川
AbemaTV モバイルアプリの開発体制と開発プロセスの話
by
Yuji Hato
Macで始めるxamarin(続編)
by
Kouzou Takahashi
第1回 コデアルiOSアプリ勉強会
by
codeal
Xcode 7 の新しいところ #cm_ios9
by
Tomohiro Kumagai
Start up xcode ver JP
by
qohj
DevLOVE iPhoneアプリ勉強会
by
Toshimitsu Takahashi
iOS 9 Bootcamp #6 UIKit
by
Shingo Hiraya
デザインにもこだわったUIの事始め (Episode1)
by
Fumiya Sakai
iQONの開発手法 at iQONエンジニアセミナー
by
Imamura Masayuki
Beginning iPhone Vol2
by
Sachiko Kajishima
Outlayout ios2開発会議20150528
by
Takeshi Sato
iPhoneアプリ開発を楽に楽しくするサイトまとめ
by
Hiramatsu Ryosuke
DevIO Auto Layout 道場スライド
by
kakegawa-atsushi
iPhone develop for Beginner
by
Sachiko Kajishima
㉛Xcodeを覚えよう!簡単なアプリを作ってみよう!②
by
Nishida Kansuke
iphoneアプリ開発 その1:導入〜初アプリ
by
Satoru Murakami
⑬I phoneアプリを作ってみよう!(超初心者向け)
by
Nishida Kansuke
デザイナーとエンジニアが話す、iOSアプリケーション開発
11.
バックエンド エンジニア フロントエンド エンジニア デザイナー
65.
実装で使用するもの Xcode AppCode 開発をする ソフト GitHubSketch
66.
1. 構成を考えていく
67.
デザインとパーツの対応付けをしていく
68.
縦方向へ様々な項目をリスト表示する場合は UITableViewを使う UITableView
69.
様々な項目を好きなレイアウトで表示する場合は UICollectionViewを使う UICollectionView
70.
画像表示にはUIImageViewを使う UIImageView
71.
文字表示にはUILabelを使う UILabel
72.
既存のパーツをカスタマイズして自分でパーツを作ることも可能 Custom
73.
UISwitch / UISlider
/ UITextField UIActivityIndicatorView UISegmentControl / UIWebView UIToolBar / UIRefreshControl ... 他にも様々なパーツが用意されている
74.
2. Xcodeを使ってパーツのレイアウトを組む
75.
Auto Layout って何?
76.
デザインの 指示 を解釈していく ・幅
64px ・アスペクト比 1:1 ・上から32pxの間隔 ・全体の中心(横)
77.
アイコンと 中央を揃える(横) 間は6px デザインの 指示 を解釈していく
79.
視覚的にレイアウトを実装できるツールが内蔵されている
81.
3. コードを書く
82.
通信処理 多言語対応(日本語・英語) 画面遷移 アニメーション コードを書く必要のある処理
83.
Swift の登場でよりiOS開発は身近になった delegate.application?(app, willFinishLaunchingWithOptions:options) Swift Objective-C if ([delegate
respondsToSelector: @selector(application:willFinishLaunchingWithOptions:)]) { [delegate application:app willFinishLaunchingWithOptions:options]; }
84.
4. デザインとのズレを修正する
85.
デザインの上にスクリーンショットを重ねる
86.
スクリーンショットの透明度を下げる
87.
拡大して差を測る
88.
5. デザイナーに確認してもらう
89.
1. デザイナーに ブランチ名
を伝える 2. 実際に実機などでチェックしてもらう 3. 修正する デザイン確認の流れ
90.
6. コードレビュー
91.
GitHub上でコードレビューを行う
92.
追加した行は緑 / 削除した行は赤でハイライトされる
93.
各行についてやりとりができる
Download