はじめに
この記事はMoney Forward Advent Calendar 2015の1日目の記事です。
こんにちは。
ついにBloodborneでプラチナトロフィーをゲットした@kengoscalです。
Dark Souls3が発売するまでにDLC「The Old Hunters」もトロコンするのが、今の生き甲斐です。
先日、Money Forwardのデザイナーさん向けにAndroidアプリ勉強会を開催したので、その内容について触れたいと思います。
目的
- デザイナーさんとAndroidエンジニア間での連携強化と、開発における多様性確保が目的です。この目的で、勉強会の講義と演習を通して達成する形をとりました。
連携強化とは
- Android開発におけるはまりポイント・用語などなどを共有することによって、デザイン段階での工数見積もり意識合わせやコミュニケーションが円滑になる、などを効果として考えました。
多様性とは
* デザイナーさんが開発視点を持つことで、多角的な開発視点をチームとして保有できるようなことを効果として考えました。
勉強会での講義内容
- gitの使い方
- Android Studio/Genymotionの使い方
- View, Layoutについて
- アニメーションについて
Gitの使い方
- githubから勉強会用のソースコードをClone, Fetch, Mergeしてもらいました
Android Studio/Genymotionの使い方
* Android Studioでコードを実行し、Genymotionでアプリを弄ってもらいました
View, Layoutについて
Viewについて
- TextView, EditText, ImageView, Button及び各Viewのパラメタについて説明しました
Layoutについて
- LinearLayout, RelativeLayout, FrameLayout, ScrollView, ListViw, GridView及び各Layoutのパラメタついて説明しました
アニメーションについて
- Viewアニメーションのアニメーター及び各パラメアについて説明しました。
講義中の写真
ちゃんと聞いてくれています。
勉強会での演習内容
Layoutの実装
-
背景が透過色の弊社ロゴと、背景が透過色の「Money Forward」画像を組み合わせたLayoutをxmlファイルで作ってもらいました
-
ここではLinearLayout/RelativeLayout/FrameLayoutの違いを覚え、また各種パラメタの使いどころというのを学んでいただきました。
-
合わせて、画面をみてマージンなどの細かいパラメタを更新してもらいました。
アニメーションの実装
-
弊社アプリにおけるカテゴリ選択時のアニメーションをxmlファイルで実装してもらいました。
-
ここではViewアニメーション内のアニメーターの組み合わせ方、アニメーションの実施タイミングといった部分をxmlファイルで実装してもらいました。
結果
- 全員が見事に実装を完成させてました。経過時間も想定より短かったのでちょっと簡単すぎたかもしれません
- 「おもしろい」「たのしい」といった言葉を聞けました。うれしかったです。
- その後、私はAndroid開発からはなれてしまい効果を測定できておりませんが、最近復帰したので楽しみにしております。
おわりに
マネーフォワードで取り組んでいるデザイナー <--> エンジニアの交流の一例を紹介させて頂きました。上述の通り、まだ実際の効果を測定していませんが、みんな勉強会を楽しめていたっぽいので、その一点で成功と考えてしまいたい自分がいます。これからも相互理解を深めていこうとおもいます。
ぜひ、他者様の事例も伺いたいので、何かあればコメント等ください！
更新内容
- 表記ゆれを修正(2015/12/09)