LIGにおけるフロントエンドチーム構築
-
Upload
hayashi-yuichi -
Category
Business
-
view
3.244 -
download
1
Transcript of LIGにおけるフロントエンドチーム構築
![Page 1: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/1.jpg)
1
LIGにおけるフロントエンドチーム構築
![Page 2: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/2.jpg)
について
![Page 3: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/3.jpg)
CREATIVE MEDIA PROMOTION Life is Good
![Page 4: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/4.jpg)
キャンペーンサイト制作
コーポレートサイト制作
メディアサイト制作
WordPress テンプレートプラン
ランディングページ制作
保守・運用
システム開発
CREATIVE
映像制作・運用サービス
![Page 5: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/5.jpg)
LIG BANNER LIGSA
LIGPR LIGMO
LIGLIS
LIG PROMOTION
MEDIA PROMOTION
![Page 6: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/6.jpg)
シェアオフィス
観光体験販売
ゲストハウス
Life is Good
![Page 7: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/7.jpg)
LIGフリースペース
![Page 8: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/8.jpg)
いいオフィス
![Page 9: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/9.jpg)
LAMP
![Page 10: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/10.jpg)
![Page 11: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/11.jpg)
@frontainerFront-end Engineer
林 優一
株式会社LIG - CTO (フロントエンドチームリーダー)
AngularJS Japan User Group
フロントエンド開発・フロントエンドエンジニア育成を担当し デザイン分野からサーバーサイド分野まで幅広く対応。 AngularJSのコミュニティに所属し、ng-mtgやDevelopers Summitで
スピーカーを務める。得意言語はJavaScript。
2015年6月にフロントエンドチームリーダー兼務のままCTO就任。
![Page 12: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/12.jpg)
本日の内容
![Page 13: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/13.jpg)
フロントエンドチームの歴史
![Page 14: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/14.jpg)
2014年1月~2015年8月の話
![Page 15: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/15.jpg)
8人 退職者なし
2人
![Page 16: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/16.jpg)
2015年8月のフロントエンドチーム
![Page 17: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/17.jpg)
取締役就任
NEW FACE
NEW FACE
若手グループ
中堅グループ
![Page 18: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/18.jpg)
こんなメンバーと仕事をしています
![Page 19: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/19.jpg)
天然なHTML/CSS設計にいさん
CSS設計にこだわりを持っていて、Schooなどにも出演。天然なところがあり、チーム内でのいじられキャラ。今まさにこの時間にSchooに出ている。
![Page 20: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/20.jpg)
コツコツ頑張るコスプレ娘技術力はまだまだだが、コツコツと作業を積み重ねていける性格。人見知りなのであまり表にはでないが、趣味が割と目立つ趣味。
![Page 21: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/21.jpg)
時間でカバーする努力家足りないところは時間でカバーしてでもやり通す努力家。クリエイティブにこだわりが強い。勉強会では出落ち担当。
![Page 22: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/22.jpg)
チャラい風まじめエンジニアフロントエンドからサーバーサイドまで広く対応できる。発言や行動がチャラく見えるが、実は人見知りですごくまじめ。
![Page 23: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/23.jpg)
チーム内No.1のAngularおじさん
フロントエンドチームメンバーでAngularJSの経験が一番豊富。フロントエンド以外が弱いので、広い分野で活躍すべく精進中
![Page 24: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/24.jpg)
成長著しいAngularおじさん候補
Web経験が決して長くないが、まじめで成長著しい。AngularJSを使ったプロジェクトにアサインされてさらに成長中。
![Page 25: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/25.jpg)
行動力No.1エンジニア
まだ入ったばかりだが、社内調整もできる行動派。ディレクションからフロントエンドまで上流工程を中心にこなす。
NEW FACE
![Page 26: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/26.jpg)
素直でまっすぐ期待株本当に入ったばかりで未知数なところが多い。素直な性格で人当たりが良いので、これからの成長に期待。
NEW FACE
![Page 27: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/27.jpg)
2014年1月
![Page 28: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/28.jpg)
「フロントエンドチームを作って欲しい」
![Page 29: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/29.jpg)
「うちはどこの会社よりも必要としている!」
![Page 30: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/30.jpg)
熱い人だなぁと思い入社を決めた
![Page 31: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/31.jpg)
2014年4月のフロントエンドチーム
![Page 32: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/32.jpg)
デザイナーから転向 サーバーサイド中心のCTO
かけもち
![Page 33: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/33.jpg)
フロントエンド2人+CTOという体制\かけもち/
![Page 34: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/34.jpg)
ルールもしっかり決まっていない
![Page 35: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/35.jpg)
JavaScriptもかなり怪しい・・・
![Page 36: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/36.jpg)
「うちはどこの会社よりも必要としている!」
![Page 37: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/37.jpg)
たしかに・・・
![Page 38: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/38.jpg)
技術力向上とルールの整備のために
![Page 39: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/39.jpg)
HTMLは比較的きれいにしてある
![Page 40: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/40.jpg)
CSSは悪くない状態
![Page 41: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/41.jpg)
JSの書き方はバラバラ
![Page 42: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/42.jpg)
パフォーマンスが考慮されていない
![Page 43: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/43.jpg)
コメントが皆無
![Page 44: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/44.jpg)
きちんと基礎から学ばないといけない
![Page 45: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/45.jpg)
だが、業務時間をそれほど割けない
![Page 46: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/46.jpg)
ソースコードレビュー
![Page 47: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/47.jpg)
当番制で週2回コードを出して 全員でレビュー
![Page 48: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/48.jpg)
・コーディング規約がなくてもある程度の統一ができた(命名規則など)
・パフォーマンスや読みやすいコードを心がけるようになった
・人のコードを見る機会ができ、それ自体が勉強になった
・実装で悩んでいるところを皆に相談するいい機会ができた
![Page 49: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/49.jpg)
それを約1年間続けました
![Page 50: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/50.jpg)
その結果、次へ進めて良いと思った
![Page 51: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/51.jpg)
2015年4月 ソースコードレビューを廃止
![Page 52: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/52.jpg)
フリータイム制の導入
![Page 53: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/53.jpg)
週2回45分間のフリータイム
![Page 54: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/54.jpg)
事前にいつ何をしたいかを全員に周知
------------
フリータイム希望
8月20日(木曜日)
テーマ: 「LIGにおけるフロントエンドチーム構築法」
詳細: 21日にランサーズ・インテリジェンス合同でチームビルディングの勉強会を行うので、 そのリハーサルをかねてみんなにも聞いて欲しいです。 1年半前に3人だったLIGフロントエンドチームが、現在の形になるまでを知ることができます。
------------
勉強会しても良いし、LT会しても良いし、もちろんコードレビューをしても良い
![Page 55: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/55.jpg)
自分で考えてチームでやりたいことを実現する時間
![Page 56: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/56.jpg)
事前周知がない日は何も行わない
![Page 57: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/57.jpg)
・能動的に動いて考える人が増えた
・ダラダラした勉強会の時間が減った
・コントロールする責任者を立てることでリーダー育成ができる
・コミュニケーションが活性化した
![Page 58: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/58.jpg)
自分で動く大切さを体感してもらう
![Page 59: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/59.jpg)
会社に育ててもらうのではなく
エンジニア自身が制度を利用して成長できる環境づくり
![Page 60: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/60.jpg)
新しいものを取り入れる文化
![Page 61: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/61.jpg)
この1年あまりで導入してみたもの
![Page 62: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/62.jpg)
開発環境 JavaScript CSS その他
GruntGulpGithubBitbucketYeomanCircleCINPMBowerPHPStormCharles
AngularJSJasmineMochaPower-Assert CoffeeScriptTypeScriptWebPackBackboneJSPhantomJSBabel
OOCSSSMACSSBEMAutoPrefixerStyleGuide
SlackECTEJSGitFlowIssueDriven
![Page 63: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/63.jpg)
良いものは積極的に
![Page 64: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/64.jpg)
もちろん反対もあった
![Page 65: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/65.jpg)
「この前入れたばかりなので後にしましょう」
![Page 66: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/66.jpg)
各ツールを地道にプレゼン
![Page 67: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/67.jpg)
「うまく動作しないよー・・・」
![Page 68: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/68.jpg)
困った人がいればすぐにフォローへ
![Page 69: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/69.jpg)
現在使っていないものもあるが、 良いと思ったものは取り入れる
![Page 70: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/70.jpg)
できない人がいるのは当たり前 フォローできる余裕と体制を維持する
![Page 71: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/71.jpg)
・新しいモノへの興味を持つ人が増えた
・良いものは積極的に導入する風土になってきた
・変化に対する拒絶反応が少なくなった
・それによってお仕事増えた
![Page 72: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/72.jpg)
制作フローの見直し
![Page 73: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/73.jpg)
2014年4月でのフロー
![Page 74: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/74.jpg)
デザイナー エンジニアディレクター
顧客対応 仕様決め
ワイヤーフレーム プロジェクト管理
デザイン HTML/CSS/JS
サーバー構築 PHP
HTML/CSS/JS
![Page 75: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/75.jpg)
フロントエンドを入れた形に
![Page 76: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/76.jpg)
デザイナー エンジニアディレクター フロントエンド
顧客対応 仕様決め
ワイヤーフレーム プロジェクト管理
デザイン サーバー構築 PHP
HTML/CSS/JS
![Page 77: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/77.jpg)
これから目指すもの
![Page 78: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/78.jpg)
デザイナー エンジニアディレクター
顧客対応 プロジェクト管理
デザイン サーバー構築 PHP
フロントエンド
HTML/CSS/JS
仕様決め ワイヤーフレーム
![Page 79: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/79.jpg)
そのための取り組み
![Page 80: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/80.jpg)
デザイン・スプリント
![Page 81: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/81.jpg)
![Page 82: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/82.jpg)
Understand (理解)
Define (定義)
Diverge (発散)
Decide (決定)
Prototype (試作)
Validate (立証)
![Page 83: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/83.jpg)
1. プロジェクトの内容を理解する
なぜこのプロジェクトをやるのか 何を目指すのか いつまでにやるのかをきちんと理解する
Understand (理解)
![Page 84: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/84.jpg)
2. ターゲットユーザーを定義する
誰が使うのか どのように使うのか 何を求めて使うのかをきちんと定義を行う
Define (定義)
![Page 85: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/85.jpg)
3. アイデアを広げる
どうやってターゲットに届けるか どうしたらターゲットに伝わるかを考えながらアイデアを出す。
Diverge (発散)
![Page 86: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/86.jpg)
4. 決定していく
話し合いと投票によって軸となる機能や UIをどんどん決定していく
Decide (決定)
![Page 87: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/87.jpg)
5. 試作する
いきなり完成を目指すのではなくペーパーモックから作る 操作性もチェックするために簡単に動作するモックを作る
Prototype (試作)
![Page 88: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/88.jpg)
6. 立証するターゲットユーザーに実際に触ってもらい、意図した通りになるか確認 エンジニアチェックにより期日に間に合うか検証 その結果がNGの場合は定義やアイデア出しからやり直して修正する
Validate (立証)
![Page 89: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/89.jpg)
・プロジェクト関係者全員が参加
・短期間で集中して仕上げる
・メンバー全員が共通の認識を持てる
・ペルソナやプロジェクトに愛着が持てる
・ただし、関係者全員の時間を取るのは難しい
![Page 90: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/90.jpg)
そのための取り組み
![Page 91: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/91.jpg)
![Page 92: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/92.jpg)
デザイナー エンジニアディレクター
顧客対応 プロジェクト管理
デザイン サーバー構築 PHP
フロントエンド
HTML/CSS/JS
仕様決め ワイヤーフレーム
![Page 93: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/93.jpg)
制作業務以外への取り組み
![Page 94: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/94.jpg)
100%
![Page 95: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/95.jpg)
LIGブログで記事公開入社3ヶ月以内に1本、それ以降は毎月1本がノルマ
![Page 96: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/96.jpg)
75%
![Page 97: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/97.jpg)
社外勉強会での登壇経験
![Page 98: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/98.jpg)
75%
![Page 99: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/99.jpg)
書籍・雑誌の執筆経験
![Page 100: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/100.jpg)
0%
![Page 101: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/101.jpg)
フロントエンドチームからの退職\まだ1年半ですが/
![Page 102: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/102.jpg)
課題
![Page 103: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/103.jpg)
CTOとしてはまだまだこれから
![Page 104: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/104.jpg)
サーバーサイドチームも含めたチーム
![Page 105: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/105.jpg)
個性が高まりチャレンジも増えたので
![Page 106: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/106.jpg)
ナレッジの共有と蓄積
![Page 107: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/107.jpg)
世界展開への準備として
![Page 108: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/108.jpg)
遠隔地との連携 東京
長野
セブ島
![Page 109: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/109.jpg)
採用について
![Page 110: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/110.jpg)
採用基準
![Page 111: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/111.jpg)
・LIGのファンであること
・作ることが好きで実際にモノづくりを行っている人
・能動的な人
![Page 112: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/112.jpg)
ラブレター採用http://liginc.co.jp/news/notice/employment/171113
![Page 113: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/113.jpg)
・書類選考・筆記試験・面接などの採用選考はなし
・ラブレターだけで判断し、内定を出す
・年齢の制限はなし
・内定後にLIGの説明聞き、内定者が納得すれば入社
・メールはNG。郵送のみ。
![Page 114: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/114.jpg)
・LIGのファンであること
・作ることが好きで実際にモノづくりを行っている人
・能動的な人
![Page 115: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/115.jpg)
デザイナーサーバーサイドエンジニアディレクター フロントエンド
長野(野尻湖)東京(上野)
Wantedlyで「LIG」を検索
![Page 116: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/116.jpg)
または直接お声がけください直接スカウトでは書類面接や1次・2次面接が免除されることがあります
![Page 117: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/117.jpg)
最後に
![Page 118: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/118.jpg)
・LIGはまだまだ発展途上
・足りないところがまだたくさんある
・それを一緒に改善して構築ができるチーム作り
・能動的に動ける環境を目指している
・アウトプットはこれからもどんどんやっていきます
![Page 119: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/119.jpg)
勉強会・セミナー等一緒にこのような勉強会を行って頂ける方、ぜひLIGと一緒にやりましょう
![Page 120: LIGにおけるフロントエンドチーム構築](https://reader033.fdocument.pub/reader033/viewer/2022051709/58776f6f1a28ab5b568b56c3/html5/thumbnails/120.jpg)
ご静聴ありがとうございました