FiNCさんで開催されたCollabo Tipsという勉強会に行ってきました。

connpass

Collabo Tips(コラボチップス) – connpass

  • デザイナとエンジニアは切っても切り離せない職業
  • 垣根を取り払いたい人のための勉強会

Togetter

@koogawaさんがまとめてくださっています。仕事早い!
2016/8/3 #CollaboTips(コラボチップス) – Togetterまとめ

グラフィックレコーディング

会場ではリアルタイムに発表内容が絵でまとめられていました。すごい!
IMG_7452 2

ストレッチ

勉強会の前にストレッチタイムがありました。体が伸びて気持ちよかったです。

LT

お互いのツールを使ってみよう

Motoki Naritaさん
iOSエンジニア

  • マサカリ禁止!
  • エンジニア/デザイナそれぞれが大切にしていることを知ることが大事
  • ツールが大事なのでは
    • Xcode, Sketch, PhotoShop…
  • エンジニアもデザイナも仕事は、問題を解決すること, 良い解決方法を提供すること
  • お互いのツールを使ってみる
    • 完璧に使える必要はない
  • エンジニア/デザイナどっちがやるべきなのか曖昧な仕事はいっぱいある
    • お互いに歩み寄ると、お互いにできる仕事が多くなる!

デザイナーさん向けSizeClass

yucovin(SAKUMA Nino)さん
デザイナ兼iOSアプリエンジニア

  • 同じようなデザインでも、画面サイズによって制約を変えたいことがある
  • 工数やメンテナンスのしやすさも大事
  • SizeClassを使えばStoryboardを使って画面サイズごとに異なる制約を変えることができる
  • SizeClass使ってみよう!
  • Xcode8でももっと便利になっている

エンジニア主導でMaterial Design化を進めた話

Hiroyuki Setoさん
ノハナ Androidエンジニア

エンジニアでもデザインがちょっと楽しくなるフォントのはなし

cocoponさん
Developer/Designer

  • あるある
    • デザイナがラインハイトの変更をしたいけど、エンジニアがめんどくさがって変更しない
    • もったいない
  • エンジニアがフォント沼にはまった話
  • エンジニアリングもデザイナも同じぐらい深くて面白い
  • お互いの領域のおもしろさを知って

コードが書けるようになる

yoneappさん
フリーランス iOS & Rails

  • コードが書けるとは
    • 自分が作りたいものが作れること
    • 報酬がもらえるようになること
  • Webは難度低〜高の技術が必要
    • まずは、HTML+CSSからはじめてみよう
  • アプリは難度中〜高の技術が必要
  • バックエンドにチャレンジにするには、サービスをリリースしてみるといい
  • エンジニアとデザイナで教え合うことが大事

GitHubすら知らなかったデザイナーがデプロイするまでなったわけ

Ryo Usamiさん
Wantedly デザイナ

  • Wantedlyでもデザイナもコードを書く
    • Rails
    • iOS
    • Android
  • 何のためにデザイナがデプロイするのか
    • 仕組みとして良いUIを保てるようにするため
  • Development Flow
    • デプロイする前にデザイナのチェックがる
    • UILGだとデプロイ
    • デザインの保守のためにコードの提案までしていく
  • どうやったらコードを読めるようになるのか
    • issueはすべて、diffも9割みている
  • すべては良いプロダクトにするため

Creativeな時間を確保せよ!

Kenさん
Androidエンジニア

  • FiNC
  • Creativeな時間を確保する
  • Creativeとは”こだわり”
  • Less is more
  • iPhone4sは名機
    • デザインを分解すると少ないパーツでできている
  • アプリで考えると
    • いろんなコンポーネントを作りまくらずに、できるだけ共通化する
  • God is in detail
    • 細かいところに時間をかけられる様にしておく
  • 共通化によりこだわるべきところが見えてくる
  • 共通化はエンジニアとデザイナが協力しないといけない

自分でできることを増やしてみるというのは結構楽しかったという新米iOS開発者の小話

ReikoGotouさん

  • 先方がデザインして、開発だけ担当している
  • デザインがイケてなくて開発のモチベが上がらないことがある
  • デザイナには…
    • HIGを読んでもらう
    • 全部だと200ページ以上あって大変なので、読んで欲しい場所を指定した
    • iOS標準のアプリを使ってもらう
    • そこに正解のデザインがある
  • 企画xデザインの段階でHIGを理解してもらっていると開発も楽
  • デザイン部に頼むより自分でやったほうが速いことがある
    • 素材の書き出しなど、デザインの変更がないものは自分でやったほうが速い
    • Sketchを使ってみた
  • Sketch
    • iOSアプリ設計のために作られたようなツール
    • 学習時間は2時間ですむくらい簡単

共創をドライブさせる

共創をドライブさせる、ユーザーを向いたモノづくり

yoshiki_kojima_7さん

  • technical-creator.comというブログを書いている
  • モバイルアプリの開発現場は徐々に肥大化してきている
  • コラボレーションツールが大事
    • コミュニケーション
    • ドキュメント共有
    • プロジェクト・タスク管理
    • プロトタイピング
  • ツールの導入では根本的な問題は解決しない
  • チームを支えるのはユーザ
  • ユーザには簡単に会える
  • いいものを作りたい
    • 広告主、上司、株主 < ユーザ
  • アベンジャーズを目指そう!
  • iOSエンジニア募集中

1年間で起きたデザイナーとエンジニアの変化

h_matsuhisaさん

  • みんなのウエディング
  • みんなの大切な日を増やす
  • 買収を契機にいろいろ変わった
    • サービスのParlからRailsに移行
    • ユーザ価値の設計をGitHubのissue上で議論している
    • プロトタイプの導入
    • デザインガイドライン
    • アジャイル
    • 1週間スプリント
    • できるだけ小さいチームで開発する
  • 起きた変化を考える
    • エンジニアがデザイナの仕事をするようになった
    • デザイナはより深いことができるようになった

デザイナーだけどコーディングできないとダメ?

mazco/matsu_saoさん
デザイナ

  • はてな
  • コーディングをはじめたのは1年前
  • デザイナーもコーディングできないといけないのか?
    • どっちでも良いと思う
    • プロに任せたほうが良いのでは
  • 問題点の整理が大事
  • 会社と個人の興味が一致しているので、いまはコーディングしている
  • できることが増えると話題がひろがって楽しい!

エンジニアからデザイナーさんへお願いしたいこと

tomomasa_masuzawaさん
エンジニア

  • フォントは大きめに、できればシステム設定にも対応してほしい
    • 画面にいっぱい情報を出すために小さくするのはやめて
    • IBのデフォルト値は17pt
  • 独自フォントはやめたほうがいい
    • Dynamic Typeが動かない
  • ボタンには文字を入れましょう
    • iOSでは文字が入っている
    • Androidでは文字が入っていない
    • プラットフォームごとの違いも考慮しよう
  • iOSとAndroidの操作系は別物なのでUIを別にしよう
  • 見えない機能はつかわれない
      - Long Pressは気づかれない

新米デザイナーが学んだこと

おかぴーさん
デザイナ

  • 高校の時は仕訳帳ばかり書いていた
  • デザイナーになって苦労してきたこと
    • 指示書がぐちゃぐちゃ
    • 素材の命名がぐちゃぐちゃ
    • 素材のサイズが間違っている
  • 開発スピードが遅くなる
  • ガイドライン
    • Zeplinを使ってデザイン指示
  • コミュニケーション
    • 密に 席が近い
    • 漏れなく デザインレビュー会
    • 丁寧に 指示書
  • エンジニアもデザイナに寄り添ってほしい

Sketchとその仲間たち

Daiki Matsudateさん
iOSエンジニア

  • Zeplin
    • エンジニアがほしい情報が全てある
  • Simpli
    • エンジニアがUIを作るには時間がかかる
    • 自動でUIパーツを作ってくれる
    • StoryboardにD&Dで配置するだけでいい
    • 画像を自動でAssets Catalogに入れてくれるので便利

エンジニアには本当にデザインのセンスが無いのか?

akio0911さん
iOSエンジニア

  • デザインの原則
  • ソースコードに似ている!
    • 反復 = シンタックス
    • 整列 = インデント
  • エンジニアはきれいなコードを書きたいと思っている
    • この感覚をデザインに持ち込めばいい
  • アプリのアイコンを作ってみた
    • 作ればわかる

懇親会

豪華なケータリングと🍺をいただきました。ごちそうさまでした!
IMG_7453

cocoponさんの発表で紹介されていた本を見せていただきました(もう売ってないらしい…)
IMG_7457

FiNCさんのオフィスを見学させていただきました。
おしゃれオフィスで、エンジニアには高級な机と椅子が提供されるらしい。(羨ましい..!)

オフィス内に簡単なジムのようなものがあって、仕事終わりに運動できるらしいです。(羨ましい..!!!)
IMG_7460

[`evernote` not found]
Pocket