やれてなかったからやりたい話

・参考リンク
【翻訳】 2016年にJavaScriptを学んでどう感じたか
http://kikuchi1201.hateblo.jp/entry/2016/10/26/172404

Transcript

1. やれてなかったからやりたい話 2016/12/07 Skill  Wednesday yu0819ki@CyberZ
2. もくじ • じこしょうかい • 趣旨 • ⾃自分の携わった開発の • これまで • いま • その先 • やれてなかったからやりたいまとめ • ⾃自分なりの⽣生存戦略 • まとめ ⼀一⾔言でまとめると・・・ 諦めるな！諦めろ！
3. じこしょうかい Name:   ⽊木村 幸弘 a.k.a  yu0819ki Birthday:   1985.08.19 Age:   31 Birthplace: 北海道 Job: 技術戦略室フロントエンド担当 Hobby: ⾳音ゲー、読書、作曲 Motto: パンが無ければ作ればいいじゃない
4. 趣旨 まだ読んでない⼈人は読もう。 【翻訳】 2016年にJavaScriptを学んでどう感じたか http://kikuchi1201.hateblo.jp/entry/2016/10/26/172404 フロントエンド界隈はもう何年も前から「変化早すぎ」「やること多すぎ」と⾔言わ れています。 が、どうやら落ち着く気配がない。 ⼀一⽅方で、フロントエンドがどうとかに関わらないトレンドも⽣生まれては消え⽣生まれ ては消え。 そんな中、どのようにしてこの先⽣生きのこるか。
5. これまで１ 【〜～2015Mid】 • フロントエンドまわり • jQueryバリバリ • ⼀一応Sass使ってはいる • 曖昧なコーディングルール • Gruntでビルド • 動いていればそれでいい • テストはブラウザでポチポチ • その他 • ウォーターフォール⾊色強い • Scala過渡期 • PHPだったらCakePHPだった
6. これまで２ 【2015Late〜～2016Mid】 • フロントエンドまわり • ⼀一⻫斉にAngular化 • FLOCSS広めてみた • それでも曖昧なコーディングルール • Grunt→Gulp • 動いていればそれでいい • テストはブラウザでポチポチ • その他 • ウォーターフォール→徐々にスクラムっぽく • Scalaは地位を獲得 • PHPはLaravel5を推奨した
7. いま 【2016Late〜～】 • フロントエンドまわり • React/Reduxの採⽤用 • FLOCSS→コンポーネント指向（CSS  Modules）/  AtomicDesign • AirbnbStyle  with  ESLint  (CircleCIで⾃自動チェック) • Gulp→Webpack  >  Gulp • 動いていてもレビュー/テストを通っていなければ悪 • CircleCIでフロントエンドのテストも回す • その他 • さらにスクラムっぽく • マイクロサービス/  DDD • PHPのプロジェクトはできるだけ作らない
8. その先 【2017??】 • フロントエンドまわり • TypeScript • StyleGuideGenerator • レスポンスにシビアであれ • その他 • Serverless？？？
9. やれてなかったからやりたいまとめ • コンポーネント指向のフレームワーク/ライブラリを使う • AtomicDesignの採⽤用と浸透（ユビキタス⾔言語化） • CircleCIでフロントエンドのテストやLintも回す • TypeScriptで「型」を⼿手に⼊入れる • スタイルガイドを⾃自動⽣生成させ、再利⽤用性を⾼高める • PHP捨てる ぶっちゃけ1〜～3周くらい遅れてるのもある。
10. ⾃自分なりの⽣生存戦略 「やりたい」は積んでおく。 「いつやるか」は置いておく。 市場の動向はざっくりであってもおさえておくこと。 ベクトルを⾒見誤ると遠回りするから、もし今動けなくてもチャンスが来るまで世の流れだけは⾒見 失わないように頑張る。今だとWeb  Componentsの標準化を⾒見据えた動きとか。そういうのを積 んでおく。 第⼀一線を⾛走れればいいのだけれど、全⽅方位でそれをやるのは⼈人外の所業なので、⾃自分の、あるい はチームや組織のよきタイミングを⾒見計らって導⼊入すること。 無理をすると、いびつな導⼊入になってしまい、後⽇日「コウジャナイ」が暴れるので。倒すの⼤大変。 「積んでいたけどやれるときにはもう廃れていた」は多分よくある。不運かもしれない。 でも市場の動向が追えていれば、代わりに栄えているものがわかるはず。であれば「無駄⾜足を踏 まなかった」という幸運に変わるのでは？
11. まとめ • 流⾏行りもの全部やるとか無理だ。 諦めろ！ • 理想と市場は追い続けろ。 諦めるな！
12. ご静聴ありがとうございました