フロントエンジニアのメモ

普段フロントエンジニアしているやつが思ったことや書き残したいこと

トップ > 情報収集 > フロントエンジニアとしての個人的情報収集まとめ

フロントエンジニアとしての個人的情報収集まとめ

情報収集 フロントエンドエンジニア テクノロジー

先日We Are JavaScripters! @12th【初心者歓迎LT大会】 - connpassで下記のようなLTをしました。

speakerdeck.com

LT内容としては、普段自分が良く見ているサイトやサービスのまとめです。

LT後に参加者から「blogにまとめてほしい」と軽い希望があったので、資料に少し内容を足してまとめます。

一覧


  • ツイッター
    勉強会やカンファレンスに登壇している人を片っ端からフォローするだけで最新情報が追える。
    言語、フレームワーク、コミュニティのアカウントもフォローしておくと尚良い。
    全部TLで追うのは大変なので、リスト機能を使ってまとめておくと見やすい。
    ぼくのアカウントはこちらなので、よければフォローしてください。🐕さきと🐕 (@mki_skt) | Twitter


  • Qiita
    忙しいときには「人気の投稿」を見るだけでもしておく。
    よくQiitaで活動している人をフォローしておくと、フォローした人のストックした内容も見れるのでおすすめ。


  • GitHub
    自分が気になるOSSのIssueを追っていれば常にどのような変更やバグあるかわかる。
    Trending JavaScript repositories on GitHub today · GitHubを見ればどのJavaScriptのOSSがよく活動しているかわかる。

  • npmjs
    npmパッケージを作成するだけではなく、更新状況を追うことなどもできる。


  • Qaleidospace
    サイトの説明文にQiita の投稿を独自のアルゴリズムで評価し、ランキング化するサービスと明記されている通り、 Qiitaでは見逃しがちな投稿を拾えるので、Qiitaと合わせて見ておく。


  • はてなブックマーク
    テクノロジーカテゴリは毎日チェックしている。


  • Slack
    様々なコミュニティのSlackチームがあり、自分は普段Angular Japan User GroupのSlackチームを見ている。
    最新情報だけではなく、実務上の質問なども行われており勉強になる。
    Slackチーム一覧はこちら => Slack-list-ja


  • Gitter
    GitLabが提供するSlackのようなコミュニケーションツール。
    海外の方が多く英語で会話が繰り広げられているが、最新の動向や海外現場のソースコードが見れるので、 英語の勉強も兼ねて見ている。

  • HTML5 Experts.jp
    最新のWEB技術を用いて開発した現場の感想など多くの最新情報が更新されている。


  • PSOTD
    主に海外の記事を翻訳したものが更新されていて、日本語で情報が追えるので見てる。


  • ICS MEDIA
    最新のフロントエンド情報を更新しながらも、初心者にも分かりやすく丁寧な内容が多い。
    記事を更新している @tonkotsuboy_comさんは、 Qiitaでも多くの優良記事を出しているのでよくお世話になっている。


  • coliss
    デザイナーさん向けの内容が多いが、WEB製作会社のフロントエンジニアにとっては参考になる。


  • TechFeed
    Web/フロントエンドカテゴリを見ておけば、世の中のフロントエンド動向が掴める。


  • ECMAScrip compatibility table
    JavaScript の標準であるECMAScriptのブラウザ対応状況はわかる。
    使用しているメソッドのstage状況を確認するときに見ている。


  • JSer.info
    @azu_reさんが更新しているサイト。
    フロントエンドの基本的なニュースはここを見ればだいたい網羅できる。


  • blog.koba04.com
    @koba04さんのblog。
    Reactについて日本語かつ詳しく更新されている。


  • abcdefGets
    @brn227さんのblog。
    TypeScriptの新機能が日本語かつ詳しく更新されている。


  • from scratch
    @yosuke_furukawaさんのblog。
    node,npm,React周りの情報が詳しく更新されている。


  • best.of.js.org
    JavaScriptのOSSのスター数、現在のバージョンなどなどがこのサイトで一括で追える。
    海外のJavaScriptコミュニティの著名人もまとまっている。


  • Echo JS
    JavaScriptの海外ニュースがまとまっている。
    英語の勉強も兼ねてたまに見ている。


  • egghead
    オンライン動画学習サイト。
    かなり内容の濃い動画が多く掲載されていて、React v16の内容もすでにある。
    月額契約/40$、年間契約199.99$だが見る価値あり。ちなみに自分は年間契約している。


  • Code Grid
    フロントエンジニアの教科書のようなサイト。
    特にフロントエンドを学び始めた頃は毎日見ていた。
    月額契約/800円だが、書籍を購入するより安いのでおすすめ。


  • NET BIZ DIV. TECH BLOG
    リクルートマーケティングパートナーズが更新しているblog。
    他ではあまり見ないような技術記事を詳しく丁寧に更新されており、 とても見やすく勉強になるので見ている。


最後に

今回紹介したものを毎日すべて見るのではなく、主に土日に見ています。
他にも通勤途中など空いた時間を使えば情報を追うのはそこまで大変ではないと思うので、 ぜひ見て見てください！

今回紹介したもの以外にもおすすめのサイトやサービスがあれば、是非教えてください！