デザイナーがネイティブ実装に関わるメリットとコツ

スタートアップのサービスデザインをする上で、デザイナーがネイティブ実装に実際に関わった体験と、それを通して感じたメリットを紹介。合わせて実装に関わる際、デザイナーが躓きやすいポイントもまとめました。

これから開発に挑戦して見たい方などのお役に立てば幸いです。

Transcript

1. デザイナーがネイティブ実装に 関わるメリットとコツ 白鳥 友里恵 株式会社トルテ / デザイナー 全部、環境構築 せいだ。 2017.06.14
2. 白鳥 友里恵 Shiratori Yurie / Designer ・2014年度入社 ・Simplog ・Ameba Ownd ・株式会社トルテ( 絶賛開発中 ) https://github.com/Swaaan @shiratoriyurie
3. デザイナーが コードを書くべきか。 最近よく聞く話
4. 「これから 時代、書くでしょ!!!」 「コストに見合わないから辞めました...」 「フルスタックデザイn（ry」 いろんな意見
5. 好きに すれ いいと思う。
6. デザイナーとエンジニアが ストレスなく開発に集中できること でもそもそも大事な
7. 1.デザイナーが関わるメリット 2.デザイナーが躓くポイント
8. 1.デザイナーが関わるメリット 2.デザイナーが躓くポイント
9. エンジニアと 共通言語や 実装を想像して考慮できる デザインが増えた よかったこと
10. 「ここ fontってサイズいくつですか？」 「ちょっと高さを変えてみたいんだけど...」 「アイコン 表示確認お願いします(5回目」 デザイナーがよく聞くこと
11. 「余白 取り方ってそうじゃないんだよ 」 「いま確認 時間取れない であとで＞＜」 エンジニアを困らせてしまうこと
12. 心苦しい。 （開発リソースが少ないとなおさら）
13. フロント 時 自分で確認できた
14. ブラックボックス デザイナーにとってアプリ開発 （フォントサイズすら自分で確認できない><）
15. 職種に関係なく 属人性を減らすことが重要 サービス 品質を上げるために （できる とがやれ いい！）
16. 色や文字サイズ、文言 調整 アイコンフォント 更新 余白 調整 コンポーネントを見てからデザイン わたしがやっていること
17. 「実装に集中できる」 「確認 出戻しが減った」 「相互理解が強くなる」 エンジニアに喜 れること
18. 挑戦してよかった
19. 何から始めれ いい ？ と 言え... （ビルドとか設定とか難しそう...）
20. 1.デザイナーが関わるメリット 2.デザイナーが躓くポイント
21. 全部、 環境構築 せいだ。
22. デザイナーが想定するも Git Xcode
23. まず 勉強してみる
24. よし、実践だ。
25. Gitから落としてきたも ...
26. エラーだらけで ビルドもできない...
27. 原因 本に書いてない
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 !