Submit Search
Upload
小さな会社(チーム)で クールなアプリをつくる方法 Gunosy UI Design Study #1
•
2 likes
•
2,916 views
佐藤 俊太郎
Follow
Gunosy UI Design Study #1 にて発表したスライドです。 タイトル仰々しいですが、ただデザインにまつわる開発話です。
Read less
Read more
Technology
Report
Share
Report
Share
1 of 46
Download now
Download to read offline
Recommended
Plannahのチーム開発とdeploy gateの紹介
Plannahのチーム開発とdeploy gateの紹介
Kenji Kinukawa
Plannahプロジェクトの開発環境とdeploy gateの紹介
Plannahプロジェクトの開発環境とdeploy gateの紹介
Kenji Kinukawa
Mob Programming ってなんですか?
Mob Programming ってなんですか?
Toshiyuki Ando
MobProgramming at ヴァル研究所 - 紹介
MobProgramming at ヴァル研究所 - 紹介
Toshiyuki Ando
MobProgramming at クリエーションライン
MobProgramming at クリエーションライン
Toshiyuki Ando
MobProgrammingを体験してみよう!
MobProgrammingを体験してみよう!
Toshiyuki Ando
モブプログラミングを体験しよう at Agile Japan 2017 愛媛サテライト
モブプログラミングを体験しよう at Agile Japan 2017 愛媛サテライト
Toshiyuki Ando
ProttUserMeetupVol.7TOKYO_デザインプロセスとテクニック
ProttUserMeetupVol.7TOKYO_デザインプロセスとテクニック
Junichi Suzuki
Recommended
Plannahのチーム開発とdeploy gateの紹介
Plannahのチーム開発とdeploy gateの紹介
Kenji Kinukawa
Plannahプロジェクトの開発環境とdeploy gateの紹介
Plannahプロジェクトの開発環境とdeploy gateの紹介
Kenji Kinukawa
Mob Programming ってなんですか?
Mob Programming ってなんですか?
Toshiyuki Ando
MobProgramming at ヴァル研究所 - 紹介
MobProgramming at ヴァル研究所 - 紹介
Toshiyuki Ando
MobProgramming at クリエーションライン
MobProgramming at クリエーションライン
Toshiyuki Ando
MobProgrammingを体験してみよう!
MobProgrammingを体験してみよう!
Toshiyuki Ando
モブプログラミングを体験しよう at Agile Japan 2017 愛媛サテライト
モブプログラミングを体験しよう at Agile Japan 2017 愛媛サテライト
Toshiyuki Ando
ProttUserMeetupVol.7TOKYO_デザインプロセスとテクニック
ProttUserMeetupVol.7TOKYO_デザインプロセスとテクニック
Junichi Suzuki
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
Mayumi Narisawa
アプリのUXについて ~ 勉強会レポート
アプリのUXについて ~ 勉強会レポート
Atsushi Takahashi
知識ゼロからモバイルアプリをデザインして失敗した話
知識ゼロからモバイルアプリをデザインして失敗した話
FujishiroRumi
[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -
[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -
de:code 2017
とりあえず30分でひととおり分かった気にはなれるアジャイル入門
とりあえず30分でひととおり分かった気にはなれるアジャイル入門
陽一 滝川
まずはできるところから始める UnitTestとテストができる実装について
まずはできるところから始める UnitTestとテストができる実装について
Fumiya Sakai
コミュニティアプリのリニューアルから考えた モバイルUXデザインとUIデザイン
コミュニティアプリのリニューアルから考えた モバイルUXデザインとUIデザイン
Makiko Ito
iOSアプリで気になった動きや表現を上手にアレンジして活用してみる
iOSアプリで気になった動きや表現を上手にアレンジして活用してみる
Fumiya Sakai
Approach of Prototyping for making Application User Interface about iOS
Approach of Prototyping for making Application User Interface about iOS
Fumiya Sakai
最速でリリースするためのAndroidアプリデザイン
最速でリリースするためのAndroidアプリデザイン
Naoki Aoyama
信頼されるチームの生成過程
信頼されるチームの生成過程
Takeshi Fukasawa
メディアアプリでよく見る無限スクロールするタブの動きへの考察
メディアアプリでよく見る無限スクロールするタブの動きへの考察
Fumiya Sakai
アプリ開発におけるテキスト装飾のアイデア集
アプリ開発におけるテキスト装飾のアイデア集
Fumiya Sakai
Do not-install-software
Do not-install-software
shinobu tsutsui
使う人によってレイアウトを最適化するAndroidアプリ
使う人によってレイアウトを最適化するAndroidアプリ
TomomiKondo
新卒2ヶ月でAIを社会実装させた3つのデザイン(修正前)
新卒2ヶ月でAIを社会実装させた3つのデザイン(修正前)
NodokaFujimoto
新卒2ヶ月でAIを社会実装させた3つのデザイン
新卒2ヶ月でAIを社会実装させた3つのデザイン
NodokaFujimoto
Windowsアプリ開発の実務で使うUnitTest
Windowsアプリ開発の実務で使うUnitTest
keitasudo1
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
takaaya
「Camelog」Android開発秘話
「Camelog」Android開発秘話
Shoya Tsukada
iOSオジサンは JSオジサンを これからも覗きにくる
iOSオジサンは JSオジサンを これからも覗きにくる
佐藤 俊太郎
Source kittenについて
Source kittenについて
佐藤 俊太郎
More Related Content
Similar to 小さな会社(チーム)で クールなアプリをつくる方法 Gunosy UI Design Study #1
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
Mayumi Narisawa
アプリのUXについて ~ 勉強会レポート
アプリのUXについて ~ 勉強会レポート
Atsushi Takahashi
知識ゼロからモバイルアプリをデザインして失敗した話
知識ゼロからモバイルアプリをデザインして失敗した話
FujishiroRumi
[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -
[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -
de:code 2017
とりあえず30分でひととおり分かった気にはなれるアジャイル入門
とりあえず30分でひととおり分かった気にはなれるアジャイル入門
陽一 滝川
まずはできるところから始める UnitTestとテストができる実装について
まずはできるところから始める UnitTestとテストができる実装について
Fumiya Sakai
コミュニティアプリのリニューアルから考えた モバイルUXデザインとUIデザイン
コミュニティアプリのリニューアルから考えた モバイルUXデザインとUIデザイン
Makiko Ito
iOSアプリで気になった動きや表現を上手にアレンジして活用してみる
iOSアプリで気になった動きや表現を上手にアレンジして活用してみる
Fumiya Sakai
Approach of Prototyping for making Application User Interface about iOS
Approach of Prototyping for making Application User Interface about iOS
Fumiya Sakai
最速でリリースするためのAndroidアプリデザイン
最速でリリースするためのAndroidアプリデザイン
Naoki Aoyama
信頼されるチームの生成過程
信頼されるチームの生成過程
Takeshi Fukasawa
メディアアプリでよく見る無限スクロールするタブの動きへの考察
メディアアプリでよく見る無限スクロールするタブの動きへの考察
Fumiya Sakai
アプリ開発におけるテキスト装飾のアイデア集
アプリ開発におけるテキスト装飾のアイデア集
Fumiya Sakai
Do not-install-software
Do not-install-software
shinobu tsutsui
使う人によってレイアウトを最適化するAndroidアプリ
使う人によってレイアウトを最適化するAndroidアプリ
TomomiKondo
新卒2ヶ月でAIを社会実装させた3つのデザイン(修正前)
新卒2ヶ月でAIを社会実装させた3つのデザイン(修正前)
NodokaFujimoto
新卒2ヶ月でAIを社会実装させた3つのデザイン
新卒2ヶ月でAIを社会実装させた3つのデザイン
NodokaFujimoto
Windowsアプリ開発の実務で使うUnitTest
Windowsアプリ開発の実務で使うUnitTest
keitasudo1
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
takaaya
「Camelog」Android開発秘話
「Camelog」Android開発秘話
Shoya Tsukada
Similar to 小さな会社(チーム)で クールなアプリをつくる方法 Gunosy UI Design Study #1
(20)
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
アプリのUXについて ~ 勉強会レポート
アプリのUXについて ~ 勉強会レポート
知識ゼロからモバイルアプリをデザインして失敗した話
知識ゼロからモバイルアプリをデザインして失敗した話
[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -
[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -
とりあえず30分でひととおり分かった気にはなれるアジャイル入門
とりあえず30分でひととおり分かった気にはなれるアジャイル入門
まずはできるところから始める UnitTestとテストができる実装について
まずはできるところから始める UnitTestとテストができる実装について
コミュニティアプリのリニューアルから考えた モバイルUXデザインとUIデザイン
コミュニティアプリのリニューアルから考えた モバイルUXデザインとUIデザイン
iOSアプリで気になった動きや表現を上手にアレンジして活用してみる
iOSアプリで気になった動きや表現を上手にアレンジして活用してみる
Approach of Prototyping for making Application User Interface about iOS
Approach of Prototyping for making Application User Interface about iOS
最速でリリースするためのAndroidアプリデザイン
最速でリリースするためのAndroidアプリデザイン
信頼されるチームの生成過程
信頼されるチームの生成過程
メディアアプリでよく見る無限スクロールするタブの動きへの考察
メディアアプリでよく見る無限スクロールするタブの動きへの考察
アプリ開発におけるテキスト装飾のアイデア集
アプリ開発におけるテキスト装飾のアイデア集
Do not-install-software
Do not-install-software
使う人によってレイアウトを最適化するAndroidアプリ
使う人によってレイアウトを最適化するAndroidアプリ
新卒2ヶ月でAIを社会実装させた3つのデザイン(修正前)
新卒2ヶ月でAIを社会実装させた3つのデザイン(修正前)
新卒2ヶ月でAIを社会実装させた3つのデザイン
新卒2ヶ月でAIを社会実装させた3つのデザイン
Windowsアプリ開発の実務で使うUnitTest
Windowsアプリ開発の実務で使うUnitTest
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
「Camelog」Android開発秘話
「Camelog」Android開発秘話
More from 佐藤 俊太郎
iOSオジサンは JSオジサンを これからも覗きにくる
iOSオジサンは JSオジサンを これからも覗きにくる
佐藤 俊太郎
Source kittenについて
Source kittenについて
佐藤 俊太郎
Bond の v4 について
Bond の v4 について
佐藤 俊太郎
`redux`と`flux`を比べてみたときの個人的な感想
`redux`と`flux`を比べてみたときの個人的な感想
佐藤 俊太郎
yidev 第18回勉強会 「業務でSwiftで3ヶ月開発してきたので一旦振り返り」
yidev 第18回勉強会 「業務でSwiftで3ヶ月開発してきたので一旦振り返り」
佐藤 俊太郎
サーバサイドで動的にhtml生成していたりjQueryをガッツし使っている既存プロジェクトにAngularJSを部分的につっこんでみた @jscafe21
サーバサイドで動的にhtml生成していたりjQueryをガッツし使っている既存プロジェクトにAngularJSを部分的につっこんでみた @jscafe21
佐藤 俊太郎
Createjsについて@jsCafe20
Createjsについて@jsCafe20
佐藤 俊太郎
flasherがはじめてiOS開発をしてみて
flasherがはじめてiOS開発をしてみて
佐藤 俊太郎
Introduction for cocos2d
Introduction for cocos2d
佐藤 俊太郎
More from 佐藤 俊太郎
(9)
iOSオジサンは JSオジサンを これからも覗きにくる
iOSオジサンは JSオジサンを これからも覗きにくる
Source kittenについて
Source kittenについて
Bond の v4 について
Bond の v4 について
`redux`と`flux`を比べてみたときの個人的な感想
`redux`と`flux`を比べてみたときの個人的な感想
yidev 第18回勉強会 「業務でSwiftで3ヶ月開発してきたので一旦振り返り」
yidev 第18回勉強会 「業務でSwiftで3ヶ月開発してきたので一旦振り返り」
サーバサイドで動的にhtml生成していたりjQueryをガッツし使っている既存プロジェクトにAngularJSを部分的につっこんでみた @jscafe21
サーバサイドで動的にhtml生成していたりjQueryをガッツし使っている既存プロジェクトにAngularJSを部分的につっこんでみた @jscafe21
Createjsについて@jsCafe20
Createjsについて@jsCafe20
flasherがはじめてiOS開発をしてみて
flasherがはじめてiOS開発をしてみて
Introduction for cocos2d
Introduction for cocos2d
Recently uploaded
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
taisei2219
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
sugiuralab
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
Toru Tamaki
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
iPride Co., Ltd.
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
Toru Tamaki
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
Ryo Sasaki
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
Toru Tamaki
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Yuma Ohgami
Postman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By Daniel
danielhu54
Recently uploaded
(9)
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Postman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By Daniel
小さな会社(チーム)で クールなアプリをつくる方法 Gunosy UI Design Study #1
1.
Gunosy UI Design
Study #1 小さな会社(チーム)で クールなアプリをつくる方法
2.
- @ushisantoasobu - 所属
: 株式会社ピースオブケイク - エンジニア(主にフロント) - 昔デザイナーぽいことやってた(固めの会社で) - タイポグラフィが好きだった 自己紹介
3.
4.
今日話すこと - 小さなチームでのiOSアプリ開発備忘録 - できるだけ「モダンなUI」を標榜した -
小さなチーム = デザイナー/エンジニア 1人ずつ - 開発期間 = 3ヶ月くらい(去年末から) - 「エンジニア目線」での話
5.
ちなみにこのアプリの顛末については 聞かないように !!
6.
1. 素振り、大事
7.
常日頃から、プロジェクト前から
8.
- 自社の既存サービスで気にいらない点 - Cocoa
Controls などから使えそうなもの - 自前でなんかこしらえる(後述)
9.
https://www.cocoacontrols.com/
10.
こういったものを 素振り としてストックしておいて スタードダッシュをかける
11.
プロジェクト開始前に自分でやってみたいことをまとめたメモ
12.
それらを採用すること自体が目的にならないように !!
13.
2. コンテキストの共有
14.
開発をしていると デザインで設計しきれないことだとか やってみないとわからないことというのが たくさん出てくる
15.
なるべく早く意思決定したい
16.
Tumblrっぽいのが いいんじゃないのかなぁ あー、 それいいですね。
17.
これくらいの会話が滞りなくできるくらい デザインに関するコンテキストを共有できるのが望ましい
18.
エンジニアからデザインの提案ができる (実装できるものでないと意味ないのでこれは大きい)
19.
どうやってコンテキストを共有する??
20.
デザイナーがエンジニア(僕)の席の後ろを通る度に 「こんなのやってみたいなー」 「こういうのいいよね」 と他所のアプリを見せながら僕の頭に刷り込んでいく
21.
デザイナーがエンジニア(僕)の席の後ろを通る度に 「こんなのやってみたいなー」 「こういうのいいよね」 と他所のアプリを見せながら僕の頭に刷り込んでいく (参考にならない。やり方はなんでもいい!!)
22.
3. 先走る (力技も必要)
23.
小さなチーム(に限った話ではないかも)だと デザインはついつい優先度低くなりがち
24.
開発の最後のほうって、 「 の不具合の対応に追われたり」 「仕様で考慮漏れあったところの実装」 なんかで、あとでやろうと思ってた デザインの挑戦的な部分なんて結局やらない
25.
プロジェクト前半のほうに 時間的肉体的に少し無理をしてでも 実装してしまう
26.
すでに実装されたものについて 文句いってくる人はいない(いわせない)
27.
ただしデザイン設計の重要になってくる !!
28.
http://qiita.com/ushisantoasobu/items/fb1e7c2672f6ae815109
29.
閑話休題 : エンジニアにつくらせる
30.
もしこういったデザイナーであるなら - なにかデザインで実現したいものがある - でも技術について詳しくないので自分ではつくれない
31.
たとえば、次の Pull To
Refresh だとか
32.
こんなエンジニアをつかまて - UIとかアニメーションとか好き - Githubでなんか自分でつくったもの公開してみたい
33.
逆もあり (エンジニアがデザイナーにアイデアを求める)
34.
https://github.com/ushisantoasobu/CocuLabel
35.
http://stackoverflow.com/questions/30420210/whats-good-algorithm-for-getting- color-to-make-text-on-image-outstanding ただし残念ながら頓挫中…
36.
4. (物理的な)距離も大事
37.
株式会社ピースオブケイクは わりかしリモートワークに積極的。 CTOはシンガポールにいる
38.
これは完全に遊んでいるところですが、 青森の山奥にいるエンジニアとビデオチャットしてるところ
39.
社内のiOSエンジニアは2人。 自分 と もう1人(日本人
/ シンガポール在住)
40.
「スマホの画面を一緒に見ながら」とか 「実際に操作している現場を共有する」とか がリモートだと難しい
41.
このプロジェクトに自分がアサインされた理由 = 「デザインまわりのやりとりはリモートだと非効率」 というのが弊社のいまのところの知見としてあるから。 iPhone6/6Plusの対応とかきつそうだった
42.
最後に…
43.
44.
最近自分が一番嬉しかったもの ①
45.
最近自分が一番嬉しかったもの ②
46.
ご静聴ありがとうございました
Download now