seasar conference 2015 lt mayaa~以下略

33
Mayaaを使ったデザイナーとエンジニアの コラボレーション超成功する ただ一つの方法 @susumuis http://www.susumuis.info/ メイドカフェで ノマド最高\(^o^)↑最近こういう記事でバズりました。

Upload: susumu-ishigami

Post on 06-Jan-2017

3.482 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Seasar Conference 2015 LT Mayaa~以下略

Mayaaを使ったデザイナーとエンジニアの コラボレーションが超成功する

ただ一つの方法

@susumuis http://www.susumuis.info/

メイドカフェで

ノマド最高\(^o^)/

↑最近こういう記事でバズりました。

Page 2: Seasar Conference 2015 LT Mayaa~以下略

Mayaaとは

Mayaaってありましたよね

Seasar傘下のOSS Javaライブラリ

HTMLベースのテンプレートエンジン

Page 3: Seasar Conference 2015 LT Mayaa~以下略

みんな知ってますよね?

え、知らない?

忘れた?

Page 4: Seasar Conference 2015 LT Mayaa~以下略

before / after

Page 5: Seasar Conference 2015 LT Mayaa~以下略

2013/11

Page 6: Seasar Conference 2015 LT Mayaa~以下略

ところが、たまに聞く声

「Mayaaはめんどくさい」

「JSPで十分だよね」

「デザイナーが逃げました(T-T)」

Page 7: Seasar Conference 2015 LT Mayaa~以下略

なぜ?

なぜネガティブな声を聞くのか

僕ら幸せなのに!

Page 8: Seasar Conference 2015 LT Mayaa~以下略

なぜ?

冷静に考えてみよう

Page 9: Seasar Conference 2015 LT Mayaa~以下略

プログラマーの視点

public class Person { public String getName() { return name; } public Date getBirth() { return birth; } }

まず、モデルをつくる

Page 10: Seasar Conference 2015 LT Mayaa~以下略

プログラマーの視点

@Get @Path(“/person/{id}”); @Produces(MesiaType.TEXT_HTML) public Vieable findPerson( @PathParam(“id”) long id) { Person person = dao.findById(id); return new Vieable(“person.html”); }

コントローラをつくる

Page 11: Seasar Conference 2015 LT Mayaa~以下略

プログラマーの視点

<div> 氏名 <span m:id=“NAME_HERE”>なまえ</span>

誕生日 <span m:id=“BIRTH_HERE”>20xx/xx/

xx</span> </div>

ビューをつくる

ここで視点を 変えなければいけない

Page 12: Seasar Conference 2015 LT Mayaa~以下略

プログラマーの視点

<m:write m:id=“NAME_HERE” value=“${person.name}” /> <m:write m:id=“BIRTH_HERE” value=“${person.birth}” />

Mayaaファイルをつくる

Page 13: Seasar Conference 2015 LT Mayaa~以下略

プログラマーの視点

OTL

これでやっと1画面

Page 14: Seasar Conference 2015 LT Mayaa~以下略

デザイナーの視点

<div> 氏名 <span m:id=“NAME_HERE”>なまえ</span>

誕生日 <span m:id=“BIRTH_HERE”>20xx/xx/

xx</span> </div>

消したり移動していいのか知らない

どんな形式で出てくるのか知らない

ほかにどんなm:idがあるのか知らない

Page 15: Seasar Conference 2015 LT Mayaa~以下略

デザイナーの視点

<m:write m:id=“NAME_HERE value=“${person.name}” /> <m:write m:id=“BIRTH_HERE” value=“${person.birth}” />

Mayaa読めない(+_+;)

Page 16: Seasar Conference 2015 LT Mayaa~以下略

デザイナーの視点

public class Person { public String getName() { return name; } public Date getBirth() { return birth; } }

これが読めたらプログラマー

Page 17: Seasar Conference 2015 LT Mayaa~以下略

デザイナーの視点

OffcetLineRhinoException “getXxx” of Undefined…

意味不明なエラーが出た\(^o^)/

あー、それは、このm:idの中にこの m:id書いてないからだよ! by PG

知るかボケ!(怒)

Page 18: Seasar Conference 2015 LT Mayaa~以下略

デザイナーの視点

OTL

闇が深い

Page 19: Seasar Conference 2015 LT Mayaa~以下略

これがネガティブの原因

OTL

闇が深い

Page 20: Seasar Conference 2015 LT Mayaa~以下略

鍵は改善

デザイナーはMayaaファイルを見てもわからない

命名規則のセンスが必要

マニュアルが必要

怠ると→デザイナー死亡。。。\(^o^)/

ともに良くしていこうという努力が必要

Page 21: Seasar Conference 2015 LT Mayaa~以下略

これまでの僕の発表

はい、以上! そうですよね\(^o^)/         終わり

でも、ちょっと待って!

Page 22: Seasar Conference 2015 LT Mayaa~以下略

その費用どうする?

まさかデスマですか。。。 OTL

闇が深い

Page 23: Seasar Conference 2015 LT Mayaa~以下略

ポイントは再利用

できるだけ一つのMayaaファイルでたくさんのテンプレートを作ろう

サイトの更新頻度を多くする

たくさんのバリエーションを作る

再利用可能プロダクト:パッケージ

Page 24: Seasar Conference 2015 LT Mayaa~以下略

ここまで来ると ビジネスレイヤーの話

どうやって作るか?ではなく何を作るか:マーケ

チームビルディング         :人事

費用対効果             :経営

俺達にはどうにもできない?

Page 25: Seasar Conference 2015 LT Mayaa~以下略

エンジニアのあり方

決められたものを作る OTL

Page 26: Seasar Conference 2015 LT Mayaa~以下略

エンジニアのあり方

俺たちは人月要員ではない!

今のビジネスはIT技術抜きでは語れない

今の技術者はビジネス視点抜きでは生きられない

Page 27: Seasar Conference 2015 LT Mayaa~以下略

ビジネスを考えられる エンジニアになる!

プロジェクトの目的、費用対効果を分析

必要であれば経営層を説得!

Page 28: Seasar Conference 2015 LT Mayaa~以下略

軽い気持ちでMayaaを導入してもコラボの火はつかない

それまでの間は、互いに協力して問題に対処する熱意があるか?

その熱意を受け入れられるビジネスがあるか?

Page 29: Seasar Conference 2015 LT Mayaa~以下略

Question

エンジニアと、デザイナーのコラボを本気で実現したいか?

Page 30: Seasar Conference 2015 LT Mayaa~以下略

現場がこうなっているか?

Page 31: Seasar Conference 2015 LT Mayaa~以下略

現場をこうしたいか?

Page 32: Seasar Conference 2015 LT Mayaa~以下略

僕は6年前に Mayaaを選択したことは

大正解でした!

具体的な話は後で僕に聞いてください

Page 33: Seasar Conference 2015 LT Mayaa~以下略

会場の皆さん、ご清聴ありがとうございました susumuis.info

まさたかさん すがさん ありがとう \(^o^)/