https://bitbank.connpass.com/event/97311/

1. @momoyagi
あたしデザイナーだけど
ナントカ.jsと
仲良く出来たよ

2. momoyagi
グラフィックとUI/UXデザイナー
たまにイラストや漫画を描いたり
する何でもやるマン
自己紹介
株式会社ビットファクトリー

3. follow me ! @uniqys
DAppsの開発をもっと簡単に、
もっと身近にする為のプロジェ
クト。
こんなことしてます

4. follow me ! @quragebrowser
DAppsを遊びやすくするための
ウォレット付きブラウザ。
キュレーションメディアも運用
こんなことしてます

5. WHY?
なぜデザイナーがここに？

6. 発端
私「このNode.jsってなんなんですか」
エ「NuxtがNodeでDockerなんだ」
私「ほお？？？？？？」
エ「Nodeの勉強会あるからいってき」
私「おっLT枠あるやん！5分とか楽勝やろ！」

7. 反省
あらゆるjsに初心者すぎて、技術LTどころではなかった
そんな経緯もありつつデザイナーがjsを触る話します

8. デザイナー、jsに触れる
エ「ちょっと実装の余裕ないんだよな～」
私「おっ👀」
エ「おっ(＾ω＾)リソース居るやん」

9. デザイナー、jsに触れる
とか言ってる間に
環境が整った すごい

10. デザイナー、jsに触れる
- ストラクチャ組んで
- ワイヤーフレーム作る
- 見た目をいい感じにしたカンプを作る
- あとは自分で実装
作業の詳細は割愛

11. デザイナー、jsに触れる
ほぼ無知の状態でも
ノリで触って実装出来てしまう世界が最高
その後、エンジニア氏の目論見通りか
ホイホイと実装系のタスクを拾っていく私

12. 作業中のよくある問題
でも

13. 作業中のよくある問題
やっぱり困ったこともある

14. 作業中のよくある問題

15. 作業中のよくある問題
でも Slack #dev で呼びかけると
誰かが反応して助けてくれる

16. 作業中のよくある問題
私「なんとなくわかったけど、なんでNode.jsなの?」
エ「本番は違う」
私「？？？？？？」

17. 作業中のよくある問題
席に来てくれたり、説明してくれたり

18. 作業中のよくある問題
気がついたら5人位に取り囲まれてる

19. 作業中のよくある問題
大体、知識不足とバックグラウンドの違いによ
っておこる理解不足からくる困りごと

20. 作業中のよくある問題
-「進捗どうですか」しにくるエンジニア
- 何か困ったら「助けて〜」と言える環境
困っても開発にコミットできる安心感で
モチベもageage

21. まとめ
- 環境さえ整えばエンジニアが負担していた
領域をデザイナーが負担できる
- 細かい調整でのコミュニケーションコストを
減らせる
- こだわりの再現にストレスがない
- 困ったら助けてくれる環境って大事

22. まとめ
初心者が興味持ち始めたら
やさしくしてください

23. ありがとうございました
momoyagi