Download - 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること
![Page 1: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/1.jpg)
1
プロジェクトの炎上を防ぐために フロントエンドエンジニアとして
できること
株式会社グッドパッチ フロントエンドエンジニア
右寺 隆信 @migi
![Page 2: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/2.jpg)
2
自己紹介
![Page 3: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/3.jpg)
3
右寺 隆信 (ミギテラ タカノブ)今まで、いろんな会社で いろんなことをやってきました。
ウェブサービス企画→法人営業→ウェブデザイナ→ ウェブディレクタ→フロントエンドエンジニア→ ソシャゲディレクタ→ゲームデザイナ→ フロントエンドエンジニア(←いまここ)
器用貧乏です。
![Page 4: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/4.jpg)
44
趣味は、ポーカー・人狼・ボドゲなど
去年、CodeIQさんで人狼の記事書いたので 興味がある方はどうぞ。
https://codeiq.jp/magazine/2014/03/6714/
![Page 5: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/5.jpg)
5
について
![Page 6: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/6.jpg)
1. Goodpatch : 会社概要
日本で数少ないUIデザイン専門の会社。デザインによって、企業の価値やブランドをあげることを目指している。 webサービスからスマートフォンアプリケーションまで、上流から下流までUX・UIの企画設計、実装を行う。 大手メーカー様から、新規スタートアップ企業様までクライアントは多岐に渡る。
http://goodpatch.com
6
![Page 7: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/7.jpg)
1. Goodpatch : ビジョン 7
人々のハートを揺さぶる Design&Productを生み出し 世界をより良い方向に前進させる
Move people’s hearts with Great Design and Products to push the world forward.
VISION
![Page 8: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/8.jpg)
1. Goodpatch : 実績 8
![Page 9: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/9.jpg)
1. Goodpatch : 実績 - Gunosy
Gunosy App (iPhone Ver.2.0)
ニュースレコメンドサービス「Gunosy」の初期からiPhone App (Ver.2.0)までのデザインを担当。 サービス開始直後GunosyにUIデザインを提供し、サービス成長に大きく貢献。
UI設計 / UIデザインhttp://gunosy.com/iphone
9
![Page 10: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/10.jpg)
1. Goodpatch : 実績 - Money Forward
Money Forward App (iPhone)
アカウントアグリゲーションのサービス「Money Forward」App全面リニューアル。高機能かつ複雑なアプリケーションの機能を整理し、ユーザーレビューで高評価を獲得。2014年度グッドデザイン賞 受賞(主催:公益財団法人日本デザイン振興会)
https://moneyforward.com http://memo.goodpatch.co/2014/08/moneyforward_redesign/
UI設計 / UIデザイン
10
![Page 11: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/11.jpg)
1. Goodpatch : 実績 - Prott (自社サービス)
prott UI設計 / UIデザイン / コーディングhttps://prottapp.com
11
モバイルアプリ向けのラピッドプロトタイピングツール。Goodpatchの自社サービスとして2014年4月にリリース。 利用ユーザー数は1万6000人を突破(2015年1月時点)。 大手ウェブサービス企業にてEnterpriseプランの採用実績多数(Yahoo! , DeNA , GREE , Recruit , Excite)。
![Page 12: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/12.jpg)
1. Goodpatch : 実績 - Prott (自社サービス) 12
コンセプトデザイン、サービスデザイン、ゲーム開発など幅広い分野で導入
![Page 13: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/13.jpg)
13
グッドパッチにおける フロントエンドエンジニア
の立ち位置
![Page 14: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/14.jpg)
14
フロントエンドエンジニア コーダーデザイナー
ディレクター
フロントエンドエンジニアとコーダーは兼任 デザイナーはコードは書かない
専任ディレクターもいるがデザイナーやフロントエンドエンジニアがディレクターをすることもある
私はこのあたり
![Page 15: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/15.jpg)
15
本題
![Page 16: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/16.jpg)
16
この中で、 デスマーチ/案件の炎上を 経験したことのある方は いらっしゃいますか?
![Page 17: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/17.jpg)
17
この中で、 デスマーチが好きな方は いらっしゃいますか?
![Page 18: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/18.jpg)
18
まぁ、そうですよね、、、(́・ω・`)
![Page 19: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/19.jpg)
19
案件が炎上して デスマーチに突入することで
![Page 20: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/20.jpg)
20
身体を壊す 家庭を壊す 人間関係を壊す 精神を壊す
![Page 21: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/21.jpg)
21
_人人 人人_ > 緩慢な死 < ‾Y^Y^Y^Y‾
![Page 22: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/22.jpg)
22
普段の仕事では
簡潔で わかりやすく 保守性が高く 堅牢で 効率が良く 無駄がない
そんなコードを書きたい
![Page 23: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/23.jpg)
23
これがデスマーチに 突入すると
![Page 24: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/24.jpg)
24
とにかく時間が無い!!! ↓
とりあえず、最低限動くものを……… ↓
ウンコードの量産
![Page 25: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/25.jpg)
25
最低です
![Page 26: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/26.jpg)
26
精神衛生的にも悪いし なによりエンジニアとしての 成長の機会も失われています
![Page 27: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/27.jpg)
27
炎上させたくないですよね…
![Page 28: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/28.jpg)
28
全てだとは言えませんが 炎上のほとんどは
PM/ディレクタの責任です
![Page 29: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/29.jpg)
29
しかし、 優秀なPM/ディレクタなんて
そうそういるものではありません
そもそも、優秀なPM/ディレクタって何さ?
![Page 30: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/30.jpg)
30
しかも、 プロジェクトが炎上して実際に苦しむのは
エンジニアである自分です
![Page 31: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/31.jpg)
31
自分の身は自分で守りたい
![Page 32: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/32.jpg)
32
では、どうするか?
![Page 33: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/33.jpg)
33
フロントエンドエンジニアに できることは無いのか?
![Page 34: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/34.jpg)
34
少しでも炎上の可能性を減らすため フロントエンドエンジニアとして
できること
![Page 35: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/35.jpg)
35
私は、あると思います
![Page 36: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/36.jpg)
36
具体的には、次の4点
![Page 37: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/37.jpg)
37
1. 契約内容を確認しておこう
2. 対応範囲を明確にしておこう
3. 技術選定は最初に合意を取ろう
4. スケジューリングには必ず関わろう
![Page 38: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/38.jpg)
38
1. 契約内容を確認しておこう
2. 対応範囲を明確にしておこう
3. 技術選定は最初に合意を取ろう
4. スケジューリングには必ず関わろう
![Page 39: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/39.jpg)
39
この案件は どういう契約形態なのか?
契約書/見積書/発注書を しっかり確認しましょう
![Page 40: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/40.jpg)
40
「成果物を期日までに納品すること」 「プロジェクトを進める上での人月」
クライアントが支払うお金は どちらに対するものでしょうか?
![Page 41: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/41.jpg)
41
「最高の成果物を追い求めすぎて 仕様が膨らんでしまって
結局納期に間に合わない!!」
![Page 42: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/42.jpg)
42
後者のような契約形態で スクラム方式でスプリントを 回していくような案件であれば 問題無いとも言えますが
前者のような契約形態だった場合は 確実に炎上に繋がります
![Page 43: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/43.jpg)
43
1. 契約内容を確認しておこう
2. 対応範囲を明確にしておこう
3. 技術選定は最初に合意を取ろう
4. スケジューリングには必ず関わろう
![Page 44: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/44.jpg)
44
最近、社内社外問わず たまに聞くお話
![Page 45: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/45.jpg)
45
デザインを起こして HTML/CSS/JSでモックを作る
までのお仕事
![Page 46: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/46.jpg)
46
と思っていたら…
サーバサイドはAPIで jsonを返すだけなので API繋ぎこんで
ルーティングまでさせて 処理は全部フロントエンドで!
![Page 47: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/47.jpg)
47
個人的にはこれは、俗に言う
フロントエンドエンジニア やること多すぎ問題
の一種だと思っています
![Page 48: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/48.jpg)
48
フロントエンドでできることが増えた ↓
フロントエンドエンジニアは必死にがんばる ↓
でもディレクタは完全には理解できていない ↓
クライアントの方で思っている 「ここまでやってくれるだろう」という 実装範囲の齟齬が発生してしまう
![Page 49: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/49.jpg)
49
もちろん、ディレクタに フロントエンド業務の全てを 理解してもらうのは無理です
![Page 50: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/50.jpg)
50
モダンなサイト構築において 「どのあたりを気をつければ良いか?」 ということを事前にディレクタと
共有するだけでも随分違うと思います
![Page 51: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/51.jpg)
51
可能であれば、クライアントとのMtgには ディレクタと一緒に出席しましょう
無理な場合も、Mtg後でも 「どの範囲をやるのか?」という点について
しっかりと突っ込みましょう
![Page 52: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/52.jpg)
52
もはや、言わずもがなですが 対応ブラウザなんかも明確に…
![Page 53: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/53.jpg)
53
1. 契約内容を確認しておこう
2. 対応範囲を明確にしておこう
3. 技術選定は最初に合意を取ろう
4. スケジューリングには必ず関わろう
![Page 54: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/54.jpg)
54
ただでさえ忙しいフロントエンドまわり
最近は便利な フレームワーク/ツール/メタ言語 がたくさんありますね?
![Page 55: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/55.jpg)
55
http://www.slideshare.net/t32k/i-wanna-bea-frontendengineer
![Page 56: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/56.jpg)
56
使いこなして効率的に案件を進めるぜ!
![Page 57: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/57.jpg)
57
ちょっと待って!!
![Page 58: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/58.jpg)
58
それ使うこと、 クライアントに合意取れてる?
![Page 59: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/59.jpg)
59
悲劇:その1
![Page 60: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/60.jpg)
60
最近いつもJade使ってるし この案件でもJadeでさくさく作ったる!
(`・ω・́)
![Page 61: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/61.jpg)
61
半月後、納品直前
「サーバーサイドはRuby on Railsで 実装するのでslimで
やって欲しいんだけど…」
![Page 62: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/62.jpg)
62
えっ!?書きなおすの…… (́・ω・`)
![Page 63: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/63.jpg)
63
悲劇:その2
![Page 64: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/64.jpg)
64
最近流行ってるし便利そうだし AngularJSゴリゴリ使って進めるお!
(`・ω・́)
![Page 65: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/65.jpg)
65
一ヶ月後、納品直前
「え?ウチの会社にAngularJS 分かる人いないし保守できなくなるから
止めてほしいなー」 「というか、SEO重要なサイトって 言ってあるけど、AngularJSで ちゃんと対策考えてるの?」
![Page 66: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/66.jpg)
66
どうしよ…これ…… (́・ω・`)
![Page 67: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/67.jpg)
67
案件が始まる際に クライアント側のエンジニアと どういうツールを使ってやるのか しっかりと合意を取りましょう
![Page 68: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/68.jpg)
68
1. 契約内容を確認しておこう
2. 対応範囲を明確にしておこう
3. 技術選定は最初に合意を取ろう
4. スケジューリングには必ず関わろう
![Page 69: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/69.jpg)
69
いつのまにかディレクタとクライアントの間で スケジュールが出来上がっている
↓ 工数的に絶対無理じゃん!!!
↓ 揉める ↓
もう決まったことだから ↓
デスマ突入
![Page 70: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/70.jpg)
70
作業に対しての工数はしっかり見積もりましょう
スケジュール厳しいから とにかくもう進めちゃって!
は後から苦しい状態しか生まないと思います
![Page 71: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/71.jpg)
71
というわけで
![Page 72: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/72.jpg)
72
社内のPM/ディレクタと上手く協力して 素敵なプロジェクトにしていきたいものですね
![Page 73: 20150226 炎上を防ぐためにフロントエンドエンジニアとしてできること](https://reader033.vdocuments.pub/reader033/viewer/2022042512/55a9e8c31a28ab6a4b8b45d6/html5/thumbnails/73.jpg)
73
以上、ありがとうございました。