SlideShare ist ein Scribd-Unternehmen logo
1 von 46
Downloaden Sie, um offline zu lesen
Gunosy UI Design Study #1
小さな会社(チーム)で
クールなアプリをつくる方法
- @ushisantoasobu
- 所属 : 株式会社ピースオブケイク
- エンジニア(主にフロント)
- 昔デザイナーぽいことやってた(固めの会社で)
- タイポグラフィが好きだった
自己紹介
今日話すこと
- 小さなチームでのiOSアプリ開発備忘録
- できるだけ「モダンなUI」を標榜した
- 小さなチーム = デザイナー/エンジニア 1人ずつ
- 開発期間 = 3ヶ月くらい(去年末から)
- 「エンジニア目線」での話
ちなみにこのアプリの顛末については
聞かないように
!!
1. 素振り、大事
常日頃から、プロジェクト前から
- 自社の既存サービスで気にいらない点
- Cocoa Controls などから使えそうなもの
- 自前でなんかこしらえる(後述)
https://www.cocoacontrols.com/
こういったものを 素振り としてストックしておいて
スタードダッシュをかける
プロジェクト開始前に自分でやってみたいことをまとめたメモ
それらを採用すること自体が目的にならないように
!!
2. コンテキストの共有
開発をしていると
デザインで設計しきれないことだとか
やってみないとわからないことというのが
たくさん出てくる
なるべく早く意思決定したい
Tumblrっぽいのが
いいんじゃないのかなぁ
あー、
それいいですね。
これくらいの会話が滞りなくできるくらい
デザインに関するコンテキストを共有できるのが望ましい
エンジニアからデザインの提案ができる
(実装できるものでないと意味ないのでこれは大きい)
どうやってコンテキストを共有する??
デザイナーがエンジニア(僕)の席の後ろを通る度に
「こんなのやってみたいなー」
「こういうのいいよね」
と他所のアプリを見せながら僕の頭に刷り込んでいく
デザイナーがエンジニア(僕)の席の後ろを通る度に
「こんなのやってみたいなー」
「こういうのいいよね」
と他所のアプリを見せながら僕の頭に刷り込んでいく
(参考にならない。やり方はなんでもいい!!)
3. 先走る (力技も必要)
小さなチーム(に限った話ではないかも)だと
デザインはついつい優先度低くなりがち
開発の最後のほうって、
「 の不具合の対応に追われたり」
「仕様で考慮漏れあったところの実装」
なんかで、あとでやろうと思ってた
デザインの挑戦的な部分なんて結局やらない
プロジェクト前半のほうに
時間的肉体的に少し無理をしてでも
実装してしまう
すでに実装されたものについて
文句いってくる人はいない(いわせない)
ただしデザイン設計の重要になってくる
!!
http://qiita.com/ushisantoasobu/items/fb1e7c2672f6ae815109
閑話休題 : エンジニアにつくらせる
もしこういったデザイナーであるなら
- なにかデザインで実現したいものがある
- でも技術について詳しくないので自分ではつくれない
たとえば、次の Pull To Refresh だとか
こんなエンジニアをつかまて
- UIとかアニメーションとか好き
- Githubでなんか自分でつくったもの公開してみたい
逆もあり
(エンジニアがデザイナーにアイデアを求める)
https://github.com/ushisantoasobu/CocuLabel
http://stackoverflow.com/questions/30420210/whats-good-algorithm-for-getting-
color-to-make-text-on-image-outstanding
ただし残念ながら頓挫中…
4. (物理的な)距離も大事
株式会社ピースオブケイクは
わりかしリモートワークに積極的。
CTOはシンガポールにいる
これは完全に遊んでいるところですが、
青森の山奥にいるエンジニアとビデオチャットしてるところ
社内のiOSエンジニアは2人。
自分 と もう1人(日本人 / シンガポール在住)
「スマホの画面を一緒に見ながら」とか
「実際に操作している現場を共有する」とか
がリモートだと難しい
このプロジェクトに自分がアサインされた理由 =
「デザインまわりのやりとりはリモートだと非効率」
というのが弊社のいまのところの知見としてあるから。
iPhone6/6Plusの対応とかきつそうだった
最後に…
最近自分が一番嬉しかったもの ①
最近自分が一番嬉しかったもの ②
ご静聴ありがとうございました

Weitere ähnliche Inhalte

Ähnlich wie 小さな会社(チーム)で クールなアプリをつくる方法 Gunosy UI Design Study #1

[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -
[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -
[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -
de:code 2017
 
信頼されるチームの生成過程
信頼されるチームの生成過程信頼されるチームの生成過程
信頼されるチームの生成過程
Takeshi Fukasawa
 

Ähnlich wie 小さな会社(チーム)で クールなアプリをつくる方法 Gunosy UI Design Study #1 (20)

デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード  +  現場エンジニアのコメント付きデザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード  +  現場エンジニアのコメント付き
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
 
アプリのUXについて ~ 勉強会レポート
アプリのUXについて ~ 勉強会レポートアプリのUXについて ~ 勉強会レポート
アプリのUXについて ~ 勉強会レポート
 
知識ゼロからモバイルアプリをデザインして失敗した話
知識ゼロからモバイルアプリをデザインして失敗した話知識ゼロからモバイルアプリをデザインして失敗した話
知識ゼロからモバイルアプリをデザインして失敗した話
 
[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -
[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -
[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -
 
とりあえず30分でひととおり分かった気にはなれるアジャイル入門
とりあえず30分でひととおり分かった気にはなれるアジャイル入門とりあえず30分でひととおり分かった気にはなれるアジャイル入門
とりあえず30分でひととおり分かった気にはなれるアジャイル入門
 
まずはできるところから始める UnitTestとテストができる実装について
まずはできるところから始める UnitTestとテストができる実装についてまずはできるところから始める UnitTestとテストができる実装について
まずはできるところから始める UnitTestとテストができる実装について
 
コミュニティアプリのリニューアルから考えた モバイルUXデザインとUIデザイン
コミュニティアプリのリニューアルから考えた モバイルUXデザインとUIデザインコミュニティアプリのリニューアルから考えた モバイルUXデザインとUIデザイン
コミュニティアプリのリニューアルから考えた モバイルUXデザインとUIデザイン
 
iOSアプリで気になった動きや表現を上手にアレンジして活用してみる
iOSアプリで気になった動きや表現を上手にアレンジして活用してみるiOSアプリで気になった動きや表現を上手にアレンジして活用してみる
iOSアプリで気になった動きや表現を上手にアレンジして活用してみる
 
Approach of Prototyping for making Application User Interface about iOS
Approach of Prototyping for making Application User Interface about iOSApproach of Prototyping for making Application User Interface about iOS
Approach of Prototyping for making Application User Interface about iOS
 
最速でリリースするためのAndroidアプリデザイン
最速でリリースするためのAndroidアプリデザイン最速でリリースするためのAndroidアプリデザイン
最速でリリースするためのAndroidアプリデザイン
 
信頼されるチームの生成過程
信頼されるチームの生成過程信頼されるチームの生成過程
信頼されるチームの生成過程
 
メディアアプリでよく見る無限スクロールするタブの動きへの考察
メディアアプリでよく見る無限スクロールするタブの動きへの考察メディアアプリでよく見る無限スクロールするタブの動きへの考察
メディアアプリでよく見る無限スクロールするタブの動きへの考察
 
アプリ開発におけるテキスト装飾のアイデア集
アプリ開発におけるテキスト装飾のアイデア集アプリ開発におけるテキスト装飾のアイデア集
アプリ開発におけるテキスト装飾のアイデア集
 
Do not-install-software
Do not-install-softwareDo not-install-software
Do not-install-software
 
使う人によってレイアウトを最適化するAndroidアプリ
使う人によってレイアウトを最適化するAndroidアプリ使う人によってレイアウトを最適化するAndroidアプリ
使う人によってレイアウトを最適化するAndroidアプリ
 
新卒2ヶ月でAIを社会実装させた3つのデザイン(修正前)
新卒2ヶ月でAIを社会実装させた3つのデザイン(修正前)新卒2ヶ月でAIを社会実装させた3つのデザイン(修正前)
新卒2ヶ月でAIを社会実装させた3つのデザイン(修正前)
 
新卒2ヶ月でAIを社会実装させた3つのデザイン
新卒2ヶ月でAIを社会実装させた3つのデザイン新卒2ヶ月でAIを社会実装させた3つのデザイン
新卒2ヶ月でAIを社会実装させた3つのデザイン
 
Windowsアプリ開発の実務で使うUnitTest
Windowsアプリ開発の実務で使うUnitTestWindowsアプリ開発の実務で使うUnitTest
Windowsアプリ開発の実務で使うUnitTest
 
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClipアプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
 
「Camelog」Android開発秘話
「Camelog」Android開発秘話「Camelog」Android開発秘話
「Camelog」Android開発秘話
 

Mehr von 佐藤 俊太郎

Createjsについて@jsCafe20
Createjsについて@jsCafe20Createjsについて@jsCafe20
Createjsについて@jsCafe20
佐藤 俊太郎
 
flasherがはじめてiOS開発をしてみて
flasherがはじめてiOS開発をしてみてflasherがはじめてiOS開発をしてみて
flasherがはじめてiOS開発をしてみて
佐藤 俊太郎
 

Mehr von 佐藤 俊太郎 (9)

iOSオジサンは JSオジサンを これからも覗きにくる
iOSオジサンは JSオジサンを これからも覗きにくるiOSオジサンは JSオジサンを これからも覗きにくる
iOSオジサンは JSオジサンを これからも覗きにくる
 
Source kittenについて
Source kittenについてSource kittenについて
Source kittenについて
 
Bond の v4 について
Bond の v4 についてBond の v4 について
Bond の v4 について
 
`redux`と`flux`を比べてみたときの個人的な感想
`redux`と`flux`を比べてみたときの個人的な感想`redux`と`flux`を比べてみたときの個人的な感想
`redux`と`flux`を比べてみたときの個人的な感想
 
yidev 第18回勉強会 「業務でSwiftで3ヶ月開発してきたので一旦振り返り」
yidev 第18回勉強会 「業務でSwiftで3ヶ月開発してきたので一旦振り返り」yidev 第18回勉強会 「業務でSwiftで3ヶ月開発してきたので一旦振り返り」
yidev 第18回勉強会 「業務でSwiftで3ヶ月開発してきたので一旦振り返り」
 
サーバサイドで動的にhtml生成していたりjQueryをガッツし使っている既存プロジェクトにAngularJSを部分的につっこんでみた @jscafe21
サーバサイドで動的にhtml生成していたりjQueryをガッツし使っている既存プロジェクトにAngularJSを部分的につっこんでみた @jscafe21サーバサイドで動的にhtml生成していたりjQueryをガッツし使っている既存プロジェクトにAngularJSを部分的につっこんでみた @jscafe21
サーバサイドで動的にhtml生成していたりjQueryをガッツし使っている既存プロジェクトにAngularJSを部分的につっこんでみた @jscafe21
 
Createjsについて@jsCafe20
Createjsについて@jsCafe20Createjsについて@jsCafe20
Createjsについて@jsCafe20
 
flasherがはじめてiOS開発をしてみて
flasherがはじめてiOS開発をしてみてflasherがはじめてiOS開発をしてみて
flasherがはじめてiOS開発をしてみて
 
Introduction for cocos2d
Introduction for cocos2dIntroduction for cocos2d
Introduction for cocos2d
 

Kürzlich hochgeladen

Kürzlich hochgeladen (11)

Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
 
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
 
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
 
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半        2024/04/26の勉強会で発表されたものです。新人研修 後半        2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
 
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
 
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
 
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
 
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
 
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイスLoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
 
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
 
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアルLoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
 

小さな会社(チーム)で クールなアプリをつくる方法 Gunosy UI Design Study #1