WEBエンジニア勉強会 #01 (東京都, 新橋) https://connpass.com/event/57201/ での発表資料です。

1. Web開発初心者が
Reactをチームに導入して半年経った
K. Matsumura (@zuckey_17)
WEBエンジニア勉強会 #01(東京都,新橋)
2017.06.02

2. # 自己紹介
松村 和輝(zuckey_17)
- 株式会社ヤプリ
- フロントエンドとサーバサイド
- 2016年8月に富士通から転職
- 企画マーケティングからプログラマにジョブチェンジ！
- React + Reduxで現行の管理画面をリプレース
- Laravel ( PHPのFW ) でAPI周りの実装

3. # “Web開発初心者”
- 大学の研究室で分子鎖シミュレーション()
- 顔も知らない偉大な先輩の長大なCのコードの定数を変更
- 新卒の3週間のJava研修
- Servlet, jsp
- 基本情報技術者試験
- 応用を取る前に転職で、インセンティブがなくなりやる気が皆無に

4. # ことの経緯
- 入社当初、管理画面リニューアルの機運のたかまり
- ただ、人が足らず手がまわらない
- Reactをやりたいということはあったが経験者なし
- CTO「やってみる？」
- 入社前に「パーフェクトPHP」渡されたような気がするんですが…

5. # 話すこと
転職から半年強Reactを会社に導入してきて
- うまくいったこと (Keep)
- しくじり話 (Problem)
- これからやりたいこと (Try)
# 話さないこと
- React + Redux の実装について
- フロントエンドの技術トレンド

6. # うまくいったこと (Keep)
- テストやLintツールを積極的に導入
- ひたすら関連情報をSlackでつぶやく
- 試したいライブラリは社内ツールで試行
- 複数回のスクラッチ・ビルド

7. ## テストやLintツールを積極的に導入
- 周りの方は僕よりキャリアが長い人ばかり
- 僕が指摘するより機械が指摘するほうが平和
- 世間一般に良いと言われている方法を取り入れることが可能
- はじめは厳しく、慣れてきたらゆるく

8. # ひたすら関連情報をSlackでつぶやく

9. # しくじり話 (Problem)
- ドキュメント、なにそれ要るの？
- CSS(見た目)についてノータッチ
- ビジネスサイドとのネゴ不足

10. ## ドキュメントなにそれ要るの？
- Reactは比較的しっかりと設計が必要なUIライブラリ
- とりあえず走り始めたら、自分以外読めなくて死んだ
- 必死にドキュメント作り
- スタートアップということも有り、
会社でフォーマットが決まっておらず苦しむ

11. ※社内資料により割愛

12. ## CSS(見た目)についてノータッチ
- 見た目の細かい調整まで頭が回らなかった
- というのは言い訳で、CSS書くのが苦手(嫌い)
- 一緒にやっているUI担当の先輩はSCSSでがりがり書いていて
追うことができなくなり、自分ひとりで機能追加が不可能になった

13. ## ビジネスサイドとのネゴ不足
- リニューアルということで、部分的に順次リリースする計画だったが
デグレが少しでもあると出せないといったようなビジネス要件
のすり合わせがうまくできなかった
- 大きなUI変更により、前に戻してほしいという意見が多かった
- 前に戻すボタンをつけたりしているが、今後はチュートリアルなど
で対応しようとしている

14. # これからやりたいこと (Try)
- 苦手をなくす
- CSSにも手をだす()
- 社内共通語の整理
- パターン・ランゲージ
- ビジネスサイドの方とのコミュニケーションを活性化
- 社内での技術学習会
- エンジニアの後輩や技術に関心のある営業やデザイナーさんなど

15. # まとめ
- 初心者というふうに煽りを入れたが…
- 初心者だからといってできないことはない
- FWを覚えるということはそこまでハードルではなかった
- 関係なく発信していこう
- 初心者だからできるコミュニケーションをする
- 嫌な仕事は機械に任せる

16. ちょっと個人的に宣伝させてください！
• 友人とPodcastをはじめました
• “楽しくて仕方がないラジオ”
• Twitter @shiganaiRadio
• #しがないラジオ