フロントエンドエンジニアの日々の情報収集について(まとめサイト、YouTube、ツールなど)

こちらは、Mavs Advent Calendar 2024 21日目の記事です🐺!
🌲🌲🌲
ハコザキです!
はじめに
フロントエンドエンジニアとして働く中で、技術のトレンドや新しいツールに常にアンテナを張っておくことは欠かせません。
特に、日々の業務で直面する課題や、プロジェクトで求められる技術要素が日々変化していく中で、いかに効率よく情報を集めるかは大きなポイントになります。
この記事では、私が普段利用している情報源や、その活用法について詳しくご紹介したいと思います。
効率的な情報収集の方法を知ることで、スキルアップに役立ててもらえたら嬉しいです!
※ ZennやQiitaは皆さん知ってると思いますので、この記事では改めて紹介しないです!!!
まとめサイト
はてなブックマーク(はてブ) のテクノロジーカテゴリー

人気エントリーの一覧ページは休日問わず、ほぼ毎日必ずアクセスします。
注目度の高い記事が表示されるので、サクッとトレンドを掴むには非常に便利です。
また、企業技術ブログも1日1回はアクセスします。有名な企業の技術ブログを様々なジャンルに分けて見ることができるので便利です。
企業技術ブログ: エンジニアの技術ブログコミュニティ
https://hatena.blog/dev
Product Hunt

プロダクトハントは、新しいプロダクトやサービスを発見し、共有するためのプラットフォームです。
新しいプロダクトやサービスをいち早く知りたい人向けで、サービスごとに概要やコメントで評価が見れたりします。
SANKOU! | Webデザインギャラリー・参考サイト集

Webサイト制作の際に欠かせないギャラリーサイトのひとつで、私もほぼ毎日チェックしています。
おしゃれでトレンド感のあるデザイン事例が豊富なだけでなく、実装面でも参考になるポイントが満載です。
Codrops

Codropsはアニメーションに特化した海外のサイトです。
アニメーションやインタラクションデザインに関するチュートリアルが充実しており、CSSやJavaScriptを使った最新のテクニックを学ぶことができます。
WebGLとかの凝った表現もたくさん紹介されております。
チュートリアル記事も多くあり、実際のデモとソースコードを確認できます。
https://tympanus.net/codrops/2024/12/03/how-to-create-a-webgl-rotating-image-gallery-using-ogl-and-glsl-shaders/

“グッド!”なポートフォリオが見れるサイト | GOOD PORTFOLIO

こちらのサイトは様々な方のポートフォリオが見れるギャラリーサイトです。
掲載されているサイトはどれも凝っており、実装するのは大変そうだな..と思いながらもみていてワクワクするものばかりです!!
YouTubeチャンネル
100秒テック

フロントエンドの技術をわずか100秒で分かりやすく解説してくれる動画が特にお気に入りです。
モジュールバンドラやトランスパイラ、Promiseといった初心者向けから少し複雑なトピックまで、短時間で要点をつかめるのが魅力です。
nino

Next.js関連の動画が豊富で、入門編からライブコーディング形式まで幅広く学べるチャンネルです。
実際のコーディングの流れが見られるライブ形式の動画は特に参考になります。
ムーザルちゃんねる

フロントエンドからバックエンドまで、幅広いジャンルの動画がアップロードされています。Webエンジニアであれば、必ず興味を惹かれる動画が見つかると思います。
また、編集が丁寧で非常に見やすいです…!!
show int インターネットの裏側解説

インフラ寄りではありますが、こちらのチャンネルも非常に勉強になります。
個人的には難しいと感じているインフラ周りも図解などでわかりやすくなっております。特にインターネットの中身シリーズは勉強になりました…!!
その他
daily.dev(Chrome拡張機能)

世界中の技術関連の記事を、フィード登録なしで自動的に収集し、興味のあるジャンルに絞って表示してくれます。
Chromeの拡張機能として使えば、新規タブを開くだけで最新のニュースやトレンドを手軽にチェックできます。
フロントエンドクラブ(Discordチャンネル)

Webフロントエンドエンジニア向けのコミュニティで、Discordもたまにチェックしています。初心者から経験豊富なエンジニアまで幅広く参加しており、知識共有の場としてとても充実しています。公式サイトもあるので、興味のある方はぜひ参加してみてください!
社内チャットの技術部屋

毎日定期的に、ZennやQiitaの人気記事がbotとして投稿されます。
botは大野さんが作ってくれており、数年前から運用されております。
ここで流れてくる記事にコメントをすることで、社内の色々の方からリアクションをいただくこともできます。
おわり
フロントエンドエンジニアに限らず、Webエンジニアは日々の情報収集を習慣化した方が良いです。
実際、メンバーの方から、「どうやって情報収集しているのか?」とよく聞かれることが多いので、今回は自分が普段活用している情報源やツールを紹介してみました。
まとめサイト、YouTube、そして便利なツールを駆使することで、最新のトレンドや技術情報を効率よくキャッチアップできます。
実際は各企業さんのテックブログであったり他のギャラリーサイトなど色々アクセスしてますが、特にアクセスするものを紹介しました。
また、良いと思った情報や気になるものについては積極的に他の人に広めることも大事だと思います。
この記事を通じて、少しでも皆さんの情報収集の参考になれば嬉しいです!!