vasily i os-20140403
TRANSCRIPT
![Page 1: Vasily i os-20140403](https://reader030.vdocuments.pub/reader030/viewer/2022020110/55a3974b1a28ab9e7a8b47b0/html5/thumbnails/1.jpg)
2014/04/03荒井 勇輔
iOSチーム開発~デザイナー/CSとのスムーズなチーム開発~
14年4月3日木曜日
![Page 2: Vasily i os-20140403](https://reader030.vdocuments.pub/reader030/viewer/2022020110/55a3974b1a28ab9e7a8b47b0/html5/thumbnails/2.jpg)
自己紹介
• 名前 : 荒井 勇輔• Facebook : ararajp
• PHP5年, Ruby1年, Objective-C1年半Perl, JavaScriptなど少々
• 株式会社VASILYで「iQON」のiOSアプリを担当14年4月3日木曜日
![Page 3: Vasily i os-20140403](https://reader030.vdocuments.pub/reader030/viewer/2022020110/55a3974b1a28ab9e7a8b47b0/html5/thumbnails/3.jpg)
チーム開発 ≠
エンジニアチーム
14年4月3日木曜日
![Page 4: Vasily i os-20140403](https://reader030.vdocuments.pub/reader030/viewer/2022020110/55a3974b1a28ab9e7a8b47b0/html5/thumbnails/4.jpg)
ProducerPlanner
Growth HackerDesignerEngineerEditorCS etc...
14年4月3日木曜日
![Page 5: Vasily i os-20140403](https://reader030.vdocuments.pub/reader030/viewer/2022020110/55a3974b1a28ab9e7a8b47b0/html5/thumbnails/5.jpg)
今回はアジャイルやリーンといった開発プロセスの話ではありません
工数削減、品質向上のためにデザイナー、CSとのどのようなやり取りをしているかを具体的に紹介します
14年4月3日木曜日
![Page 6: Vasily i os-20140403](https://reader030.vdocuments.pub/reader030/viewer/2022020110/55a3974b1a28ab9e7a8b47b0/html5/thumbnails/6.jpg)
デザイナーとのiOS開発
14年4月3日木曜日
![Page 7: Vasily i os-20140403](https://reader030.vdocuments.pub/reader030/viewer/2022020110/55a3974b1a28ab9e7a8b47b0/html5/thumbnails/7.jpg)
デザイナーの悩み
14年4月3日木曜日
![Page 8: Vasily i os-20140403](https://reader030.vdocuments.pub/reader030/viewer/2022020110/55a3974b1a28ab9e7a8b47b0/html5/thumbnails/8.jpg)
「1pxこだわりたい」
「フォント、サイズにもこだわりをもってます」
「スタイルガイドを用意するリソース...ない」
「実機で見てみたらイメージと違う...ごめんなさい」
etc...
14年4月3日木曜日
![Page 9: Vasily i os-20140403](https://reader030.vdocuments.pub/reader030/viewer/2022020110/55a3974b1a28ab9e7a8b47b0/html5/thumbnails/9.jpg)
エンジニアの悩み
14年4月3日木曜日
![Page 10: Vasily i os-20140403](https://reader030.vdocuments.pub/reader030/viewer/2022020110/55a3974b1a28ab9e7a8b47b0/html5/thumbnails/10.jpg)
「この色って何だろう...」
「ここのフォントは...」
「マージンいくつ?」
「実装上、画像はこんな感じで書き出して!」
「ズレてたごめん...」
etc...
14年4月3日木曜日
![Page 11: Vasily i os-20140403](https://reader030.vdocuments.pub/reader030/viewer/2022020110/55a3974b1a28ab9e7a8b47b0/html5/thumbnails/11.jpg)
解決へのアプローチ
14年4月3日木曜日
![Page 12: Vasily i os-20140403](https://reader030.vdocuments.pub/reader030/viewer/2022020110/55a3974b1a28ab9e7a8b47b0/html5/thumbnails/12.jpg)
共通の認識+ツール
14年4月3日木曜日
![Page 13: Vasily i os-20140403](https://reader030.vdocuments.pub/reader030/viewer/2022020110/55a3974b1a28ab9e7a8b47b0/html5/thumbnails/13.jpg)
共通認識実装も考えて画像書き出しは基本的にエンジニアが行う
書き出す手間を減らすためボタン/アイコンは共通設計
サイズに迷わない
14年4月3日木曜日
![Page 14: Vasily i os-20140403](https://reader030.vdocuments.pub/reader030/viewer/2022020110/55a3974b1a28ab9e7a8b47b0/html5/thumbnails/14.jpg)
ResizerRetina用の@2xを書き出したら、Resizerを作って画像生成ドラックアンドドロップだけでとても簡単
14年4月3日木曜日
![Page 15: Vasily i os-20140403](https://reader030.vdocuments.pub/reader030/viewer/2022020110/55a3974b1a28ab9e7a8b47b0/html5/thumbnails/15.jpg)
「SPECCTR」を使用することにより、デザイナーの手間をかけずにマージン、スタイル、サイズをデザインファイルに追加
エンジニアが測定する手間が無くなり、デザインとのズレも削減
14年4月3日木曜日
![Page 16: Vasily i os-20140403](https://reader030.vdocuments.pub/reader030/viewer/2022020110/55a3974b1a28ab9e7a8b47b0/html5/thumbnails/16.jpg)
LiveViewデスクトップ画面を実機に表示させつつデザインを作成これにより実機で見た時にイメージと違うという乖離を削減
アニメーション等についてはエンジニアが早めにモックを作って動作確認
14年4月3日木曜日
![Page 17: Vasily i os-20140403](https://reader030.vdocuments.pub/reader030/viewer/2022020110/55a3974b1a28ab9e7a8b47b0/html5/thumbnails/17.jpg)
CSとのiOS開発
14年4月3日木曜日
![Page 18: Vasily i os-20140403](https://reader030.vdocuments.pub/reader030/viewer/2022020110/55a3974b1a28ab9e7a8b47b0/html5/thumbnails/18.jpg)
「お問い合わせがたくさん...」
「技術的なことで何とも...」
「返信したかな?」
「過去にも同じようなのがきた」
etc...
14年4月3日木曜日
![Page 19: Vasily i os-20140403](https://reader030.vdocuments.pub/reader030/viewer/2022020110/55a3974b1a28ab9e7a8b47b0/html5/thumbnails/19.jpg)
Zendeskで解決
14年4月3日木曜日
![Page 20: Vasily i os-20140403](https://reader030.vdocuments.pub/reader030/viewer/2022020110/55a3974b1a28ab9e7a8b47b0/html5/thumbnails/20.jpg)
ユーザーサポートツール
特定のメールアドレス宛の問い合わせを分類、タグ付けして、ユーザー対応することができる
ユーザー対応の品質や調査なども画面上で行える
ただし有料
14年4月3日木曜日
![Page 21: Vasily i os-20140403](https://reader030.vdocuments.pub/reader030/viewer/2022020110/55a3974b1a28ab9e7a8b47b0/html5/thumbnails/21.jpg)
Zendeskのメリットユーザー問い合わせのたびにメールアドレスを検索して過去のやりとりを探す手間が省ける(自動的にスレッド形式になる)
複数人でCS対応することができる(担当を決めれる、メールの誤送信も防止できる)
問い合わせごとにタグをつけて管理することができる
よくある問い合わせをまとめたヘルプページがつくれる14年4月3日木曜日
![Page 22: Vasily i os-20140403](https://reader030.vdocuments.pub/reader030/viewer/2022020110/55a3974b1a28ab9e7a8b47b0/html5/thumbnails/22.jpg)
ヘルプページ作成で同じような問い合わせを減らす
Zendeskによるヘルプページの作成
エンジニア主導ではなくサポート担当が直接編集エンジニアの対応コストがゼロ
14年4月3日木曜日
![Page 23: Vasily i os-20140403](https://reader030.vdocuments.pub/reader030/viewer/2022020110/55a3974b1a28ab9e7a8b47b0/html5/thumbnails/23.jpg)
最近ではアプリのレビューをトラッキングしてくれるAppBotを導入問い合わせメールで届かない声もデイリーで拾っている
14年4月3日木曜日
![Page 24: Vasily i os-20140403](https://reader030.vdocuments.pub/reader030/viewer/2022020110/55a3974b1a28ab9e7a8b47b0/html5/thumbnails/24.jpg)
まとめ
14年4月3日木曜日
![Page 25: Vasily i os-20140403](https://reader030.vdocuments.pub/reader030/viewer/2022020110/55a3974b1a28ab9e7a8b47b0/html5/thumbnails/25.jpg)
チームメイトの悩みを知り課題を解決していきましょう
エンジニアだけでなく周りと協力することでiOSの開発も捗ります
便利なツールどんどん使っていきましょう
14年4月3日木曜日
![Page 26: Vasily i os-20140403](https://reader030.vdocuments.pub/reader030/viewer/2022020110/55a3974b1a28ab9e7a8b47b0/html5/thumbnails/26.jpg)
https://www.wantedly.com/projects/5530
VASILYではiOSエンジニアを募集しています興味、やる気のある方はぜひオフィスに
遊びにきてください
14年4月3日木曜日