小規模な開発チームでデザイナーがネイティブ実装に関わった実例とメリット、そして躓いたポイントをご紹介します。

1. デザイナーがネイティブ実装に
関わるメリットとコツ
白鳥 友里恵
株式会社トルテ / デザイナー
全部、環境構築のせいだ。
2017.06.14

2. 白鳥 友里恵
Shiratori Yurie / Designer
・2014年度入社
・Simplog
・Ameba Ownd
・株式会社トルテ( 絶賛開発中 )
https://github.com/Swaaan
@shiratoriyurie

3. デザイナーが
コードを書くべきか。
最近よく聞く話

4. 「これからの時代、書くでしょ!!!」
「コストに見合わないから辞めました...」
「フルスタックデザイn（ry」
いろんな意見

5. 好きに
すればいいと思う。

6. デザイナーとエンジニアが
ストレスなく開発に集中できること
でもそもそも大事なのは

7. ①デザイナーが実装に関わるメリッ
ト
②デザイナーが実装で躓くポイント
今日お話すること

8. 今日お話すること
①デザイナーが実装に関わるメリッ
ト
②デザイナーが実装で躓くポイント

9. エンジニアとの共通言語や
実装を想像して考慮できる
デザインが増えた
良かったこと

10. 「ここのfontってサイズいくつですか？」
「ちょっと高さを変えてみたいんだけど...」
「アイコンの表示確認お願いします(5回目」
デザイナーがよく聞くこと

11. 「余白の取り方ってそうじゃないんだよね」
「いま確認の時間取れないのであとで＞＜」
エンジニアを困らせてしまうこと

12. 心苦しい。
（開発リソースが少ないとなおさら）

13. フロントの時は自分で確認できた

14. ブラックボックス
（フォントサイズすら自分で確認できない><）
デザイナーにとってアプリ開発は

15. 職種に関係なく
属人性を減らすことが重要
（できるひとがやればいい！）
サービスの品質を上げるために

16. 色や文字サイズ、文言の調整
アイコンフォントの更新
余白の調整
たまにコンポーネントを見ておく
（文法とか理解しなくても簡単にいじれる！）
わたしがやっていること

17. 「実装に集中できる」
「確認の出戻しが減った」
「相互理解が強くなる」
エンジニアに喜ばれること

18. 挑戦してよかった

19. 何から始めればいいの？
とは言え...
（最初の設定とか難しそう...）

20. ①デザイナーが実装に関わるメリッ
ト
②デザイナーが実装で躓くポイント
今日お話すること

21. デザイナーが想定するもの
Git Xcode

22. まずは本で勉強してみる

23. よし、実践だ。

24. Gitから落としてきたものの...

25. エラーだらけで
ビルドもできない...
（データは揃っているはずなのに！）

26. 原因は本に書いてない

27. （やっぱりデザイナーにはハードル高いのかも...）

28. 環境構築
デザイナーの心が折れる原因

29. あれ、意外と簡単そう...？

30. 環境構築のフローはRead meに書いてある

31. 鵜呑みにすると爆死します
（その通りにやってもできないことがほとんど）

32. Gitの外に管理されてる
ものがあることを知らない
（特にライブラリ周り、これがないとビルドできない）
デザイナーがコケるポイント

33. しかもターミナルが必要
（デザイナーがビビりがちな真っ黒画面！）

34. Xcodeでビルドできない
↓
そもそもCocoapodsが入ってない
そもそもBundlerが入ってない
そもそもgemが入ってない
そもそもRubyのバージョンが古い
デザイナーの環境に足りないものあるある

35. 原因は本に書いてない

36. チームのエンジニアに聞く
チームごと、サービスごとに環境は違うし
いきなり全部ひとりで理解するのは無理！
やっぱり大切なのは

37. デザイナーが使うことによる
エンジニアへのメリットを
しっかり伝える。
頼むときのポイント

38. 自分でフォント確認とビルドして
プルリク送れるようになりたいんです！
頼むときは具体的に
⭕️
❌ コード触ってみたいんですけど...

39. でもやっぱり怖いですよね

40. 教えてもらって
必ず身に付けること
無理はせず
（だんだん一人で解決できることが増える）

41. 困ったことは記録しておく
（同じことを聞かないように）

43. 意外と悪いやつじゃない

44. $ gem install bundler
意外とエンジニアが知らないこと
↑デザイナーは最初、こいつを入力しなくていいことすらわからない

45. 1. 属人性をなくすと開発がストレスフリーに
2. わからないことは恥ずかしがらずに聞く
3. 環境構築は大変なので落ち込まない
まとめ

46. 開発は自由だ！

47. Thank you !