フロントエンド界隈のトレンドや新規技術のキャッチアップ方法を自分なりにまとめてみました

1. 自己流フロントエンド技術の情報収集
『Vue.js/PWA/JavaScript…新&定番なんでもあり』表参道Web勉強会 vol.4/
1

2. WHO AM I
2
小澤 力也（おざわ りきや）@rikipedia_uw
● 株式会社ウィルゲート
● エンジニア・広報
● 技術：JavaScript(TS)・React・webpack
● 1ヶ月前（2019/04/20）に1年半付き合っ
た彼女と別れたばかり

3. ● フロントエンド技術のキャッチアップをしたい人
○ 何を調べたらいいかわからない人
想定聴講者
3

4. ● インプット編（3min）
● アウトプット編（1.5min）
● まとめ（0.5min）
ながれ
4

5. インプット編
5

6. インプット編 - web
6
JSer.info（ジェイサーインフォ）
● 世界中言語問わずフロントエンドの情報を紹介する
サイト
● ブラウザ・ES・W3Cの動向を確認するために利用
● 週一で一週間の差分を確認
○ フロントエンドランチ
● とはいえ個人の有志活動で運営されている
○ 情報に隔たりは生まれてしまう
○ 隔たりがでないようにかなり考慮されている
● 元ソースのサイトも合わせて読むとより良い
● 他にも色々なサイトあるおすすめ度
頻度 ほぼ毎日

7. Twitter
● 最近のトレンド・知らない単語をキャッチアップ
○ WebAssemblyとかGraphQL流行ってるなー等
● フロントエンド界隈の人をフォローしているとハイ
ライト通知くるのはありがたい
● 個人的な意見を知ることができる
○ テックブログなどは大体バイアスかかりがち
● わからないことをつぶやくと助けてくれる
インプット編 - SNS
7
おすすめ度
頻度 1週間に1回

8. Slack
● フロントエンド界隈の人が集まっているようなslack
チームに入る
○ Twitterのすごい人たちばかりみてると現場感
から離れてしまうので
● ライブラリの公式slackやconnpassで見つけた良さ
げなグループとか
● 大体質問用チャンネルや雑談チャンネルに技術情報
や相談が流れてくる
○ 自分なりに回答してみたり読んだり
○ 現場感がわかるような気がする
● 自分の知識がガラパゴス化しかけていることに気づ
ける
インプット編 - コミュニティ
8
おすすめ度
頻度 不定期

9. 書籍
● 落ち着いた技術は書籍でインプットする
○ JSの言語仕様
○ アプリケーションの設計
○ 公式ドキュメントがないもの
● フレームワークレイヤの本はあまり買わない
○ すぐ内容が変わる
○ 公式ドキュメント読めるようにしたほうがい
い
インプット編 - 書籍
9
おすすめ度
頻度 不定期

10. インプット編 - 分類
10
JSer.infoを開始してから7年が経ちました引用元：

11. インプット編 - 分類
11
JSer.infoを開始してから7年が経ちました引用元：
図のイメージでなんとなく頭の中でカテゴライズ

12. インプット編 - 理解
12
WebComponents オブザーバパターン

13. インプット編 - 理解
13
WebComponents オブザーバパターン
知らない単語が出てきたらなんとなく理解する（ふーんくらい）

14. アウトプット編
14

15. アウトプット編 - 知識定着
1. なぜそれが生まれたのか
a. ある技術に対して世の中の開発者が抱えている問題がわかる
2. それがもたらすメリットはなにか
a. デメリットはだいたい学習コストくらいしか無いので考えなくていい
3. その技術が自社のサービスで使えるケースってどんなものがあるだろうか
4. 実装方法はどういったものがあるか
a. ときに stackblitz等でコード書いたりする
15

16. アウトプット編 - 知識定着
1. なぜそれが生まれたのか
a. ある技術に対して世の中の開発者が抱えている問題がわかる
2. それがもたらすメリットはなにか
a. デメリットはだいたい学習コストくらいしか無いので考えなくていい
3. その技術が自社のサービスで使えるケースってどんなものがあるだろうか
4. 実装方法はどういったものがあるか
a. ときに stackblitz等でコード書いたりする
16

17. アドバイス
● 何を調べたらいいかわからない人
○ 知る方法を知っている人に聞く
● 習慣づける
○ 週一回ランチ食べながらJser.info確認する回とか
● とりあえず手を動かす
○ 知識定着のため
17

18. 18
https://twitter.com/rikipedia_uw