エンジニアの転職

更新日:2021/09/21

【2021年】フロントエンドの皆さん!あなたが《日々チェックするサイト》を教えてください

GitHubのイメージ

新人フロントエンドエンジニアの皆さんにとって、Web業界のトレンドの動きはとても早く、身に付けなければならない事もたくさんありますよね。それは理解していても、つい”日々の業務に追われ、勉強時間もなかなか確保できずに過ごしている”という方も多いのではないでしょうか?

今回はIT業界での経験が豊富な先輩フロントエンドエンジニアの方々に向けて、「日々どのようなサイトをチェックしているのか?」というアンケートを実施しました。

新人はもちろん、ベテランの方も他のフロントエンドエンジニアが「どのように情報収集したり、トレンドを追っているのか」というのは、とても気になるところだと思います。

ぜひ最後までお読み頂き、気になるサイトがあればブックマークして今後のスキルアップにお役立てくださいね。

スキルアップにおすすめなプログラミングスクール【3選】

TechAcademy(テックアカデミー)の公式サイト
TechAcademy
ポテパンキャンプの公式サイト
ポテパンキャンプ
CodeCamp(コードキャンプ)の公式サイトへ
CodeCamp
メンターは【全員が現役エンジニア!】コスパも良いので迷ったらここ【Webエンジニア輩出No1】の人気スクール!自社開発企業への転職に強い現役エンジニアによる【オンライン&マンツーマン】で効率よく学習
174,900円(税込)〜220,000円(税込)〜165,000円(税込)〜
→ 無料体験→ 無料カウンセリング→ 無料体験

フロントエンドエンジニアがチェックするサイトとは?

《質問内容》
Q1. 性別を教えてください
Q2. 年代を教えて下さい
Q3. 現在の業種を教えてください
Q4. サイトのタイトル、URLと、そのサイトの「良いところ」や「チェックするポイント」などを教えてください
Q5. 今後身につけたい(興味のある)スキルや言語、知識などを教えてください

男性/25歳/フリーランスのコーダー

しょーごログ
https://shogo-log.com/
“初心者からWebエンジニアになるためのロードマップが分かりやすく、よく記事を拝見しております。初心者や中級者向けにブログが書かれているため、内容がわかりやすく、少しつまずいた時によく訪れています。自身の体験をもとに、ブログが書かれているため、実案件時にすごく参考になることがあります。”

フリーランスとセルフマネジメント
https://life-toshindai.com/
“こちらのサイトでは、主にWordPressでのサイト構築の方法を解説されています。WordPressでの簡単な操作方法から、初心者には理解しにくい内容のものまで分かりやすく解説されてあります。また、ブログだけで分からない場合は、YouTubeでの実際の動画を見ながらの解説もあるため、非常に分かりやすい内容のものとなっております。”

Codestep
https://code-step.com/coding-step/
“コーディングする際のテクニックが学べるので、スキル向上のため、こちらのサイトをよく利用しております。レベル別に模写コーディングができるため、自分のスキルがどの程度なものか、確認することもできています。そして、つまずいた際の解説も分かりやすいので、スキル向上には最適なサイトとなっていると思います。”

【今後身につけたいスキル】
・Python
・Webマーケティング
・マネジメントスキル
など
・デザイン力
・Liquid

男性/28歳/制作会社のWebデベロッパー

Zenn
https://zenn.dev/
技術に関する知見を投稿・シェアできるサイトです。Qiitaみたいな感じですが、教材を販売しているのが面白いです。

TechFeed
https://techfeed.io/categories/all
“海外の記事でもちゃんと翻訳されているので助かります。国内に限らず世界で話題になっているエンジニア向けの記事を読むことができます。”

メルカリエンジニアリングブログ
https://engineering.mercari.com/blog/
“メジャー企業のエンジニアさんが日々どのように課題解決してるかを知るのは、とても有益だと思います。”

【今後身につけたいスキル】
“Ract:UIのスキルアップをしたいから”

男性/25歳/某有名Web系ベンチャー

はてなブックマーク
https://b.hatena.ne.jp/hotentry/it
“ド定番ではありますが、通勤中の電車の中などでサクッと今日一番のネタを仕入れるには良いです。”

クリーブ
https://creive.me/
“昔は面白い広告ネタなど結構ナナメな視点での記事が多かったですが、最近は技術系やマーケよりの記事も多いので結構チェックしています。”

IT Media
http://www.itmedia.co.jp/
“IT関連の最新ニュースを知るには欠かせないです。あと、ニッチな情報など切り口も幅広いので重宝しています。”

【今後身につけたいスキル】
営業力。フリーランスになりたいから。

男性/33歳/事業会社

Jser.info
http://jser.info/
“JSの最新情報を発信しているブログで更新頻度も高いのがオススメのポイントです。ライブラリに関してなんかも色々な情報を出してくれてます。”

Ferret
https://ferret-plus.com/
“会社が事業会社なので、マーケに関する知見はエンジニアといえど求められます。ので、頻繁にチェックするようにしています。”

ICS MEDIA
https://ics.media/
“社内でも見てるひと多いですね。フロントエンド周りの情報は充実しています。”

【今後身につけたいスキル】
Pythonです。自分でWebアプリを作ってリリースしてみたいから。

男性/25歳/自社開発

POSTD
https://postd.cc/
“フロントエンドの技術というよりかは、国外でのエンジニア領域のトレンドやニュースなどを翻訳された状態で読むことができるので、知識の幅のためにもチェックしています。”

Developers.io
http://dev.classmethod.jp/
“技術系の記事の量が膨大かつ、ひとつひとつの記事がとても分かりやすくまとめられているので、お気に入りのサイトです。”

Thinkit
https://thinkit.co.jp/
“こちらも技術系では定番のサイトなので、かならずチェックします。更新も毎日されているので最新の情報なども収集しやすいです。”

【今後身につけたいスキル】
Kotlinを勉強中です。理由はJavaよりも開発しやすそうだから。

男性/29歳/Webメディア運営会社

freshtrax
https://blog.btrax.com/jp/
“デザイン会社運営のデザインに関する知識を発信するサイトです。エンジニアの方にもぜひ読んで頂きたいです。”

TechMe
https://techme.jp/
“サービスサイトですが、現役エンジニアにプログラミング関する質問や相談をビデオチャットで直接できます。”

メルカリエンジニアブログ
https://engineering.mercari.com/blog/
“超有名ベンチャーの企業ブログです。自社のプロダクトに関する課題やアイディアなどについて、とても興味深い情報を得ることができます。”

【今後身につけたいスキル】
PythonやR言語を使ったデータ分析をやってみたい

男性/26歳/介護系スタートアップの社内エンジニア

NET BIZ DIV. TECH BLOG
https://tech.recruit-mp.co.jp/
“技術解説がとても丁寧でわかりやすい。ニッチな情報も多いので朝礼でのネタに重宝している。”

best.of.js.org
https://bestof.js.org/
“JavaScriptの最新のバージョンが一括で確認できるのでとても便利。”

TechFeed
https://techfeed.io/main/realtime/now
“世界のフロントエンドの動向が追えます。(Web/フロントエンドというカテゴリがあります)”

ICS MEDIA
https://ics.media/
“解説内容のハードルが高くないので、初心者でもわかりやすいと思います。”

【今後身につけたいスキル】
Node.js、Express

女性/27歳/フリーランス

dotHTML5
https://dothtml5.com/
“技術やツールに関する様々な記事を毎日まとめて紹介してくれるので必ずチェックしています”

UX MILK
https://uxmilk.jp/
“海外のエンジニアが書いた記事を日本語訳にして配信してくれたりしているので助かります”

かちびと
http://kachibito.net/
“現場ですぐ使えるjqueryのソースコードを載せてくれているので、わからないことがあった時などとても便利です”

女性/29歳/制作会社

NxWorld
https://www.nxworld.net/
”コーディング周りで役立つ記事が多いので、何だかんだでこのサイトにたどり着いてます・笑”

HTML5Experts.jp
https://html5experts.jp/
”Webエンジニア向けの情報メディアです。フロントエンドに関する情報が盛りだくさんなので、必ずチェックします。”

サルワカ
https://ferret-plus.com/
”ボタンや見出しデザインなどのCSSを簡単にコピペ出来る。しかもサンプルも多いので急いでいる時にはかなり重宝しています。”

男性/25歳/Web制作会社

バシャログ。
http://bashalog.c-brains.jp/
“Web制作会社の技術ブログです。かゆいところに手が届くサイトです”

NxWorld
http://www.nxworld.net/
”デザインからコーディングTIPSまでWeb系の色々な情報が掲載されています”

webOpixel
https://www.webopixel.net/
”JavaScript・jQuery系の記事が多いので良くチェックしています”

男性/51歳/フリーランス

Twitter
https://mobile.twitter.com
“勉強会で発表された方などフォローしていて、つぶやかれる内容をWatchしている”

Qiita
https://qiita.com
“トレンド表示でいいねの多い順に並んでいるのでいつもチェックしている”

Frontend Focus
https://frontendfoc.us
“メール配信のニュースサイトを登録して毎週メールが届く。(英語)”

CSS Weekly
https://css-weekly.com
“メール配信のニュースサイトを登録して毎週メールが届く。(英語)”

JavaScript Weekly
https://javascriptweekly.com
“メール配信のニュースサイトを登録して毎週メールが届く。(英語)”

CodeGrid
https://www.codegrid.net
“フロントエンドの会社 PixelGrid が月に4回配信している有料ブログ。有料でも購読する価値のある内容。”

女性/45歳/事業会社

HTMLクイックリファレンス
http://www.htmq.com/
”老舗サイト。HTMLタグやCSSプロパティーについて、詳細な解説がなされているので、本当に助かります。”

Webクリエイターボックス
https://www.webcreatorbox.com/
”とにかく説明がわかりやすい。アイディアのヒントを得られたり、作業効率化の勉強になります。”

ferret Webマーケティングに強くなるメディア
https://ferret-plus.com/
”過去記事に、Wordpress関連のものがあったり、必ずしもマーケティングの記事とは限りません。クリエイターには参考になる話題が豊富。”

男性/29歳/システム開発

週間SVG
http://ssvvgg.net/
“SVGで困った際にチェックします”

Codrops
https://tympanus.net/codrops/
”ホバーの記事がよく掲載されているので参考にしています”

LIGブログ
https://liginc.co.jp/
”技術ブログが参考になるのでよくチェックします”

男性/30歳/Web制作会社

TAM のテクニカルチームがお届けする WEB技術ブログ!
https://www.tam-tam.co.jp/tipsnote/
わかりやすい解説と会社が地元

ジュンイチのブログ
https://junichi-manga.com/
SEOの情報が為になるため

株式会社LIG | 東京都台東区上野発のWeb制作会社、世界へ
https://liginc.co.jp/
専門外含め為になる情報が多い

男性/18歳/インターン

qiita
https://qiita.com/
IT関連の技術やネタが集まっておりメールなどのトピックを中心に読んでいる

teratail
https://teratail.com/
同じところで躓いている人がいる場合簡単に回答がわかるので読んでいる。BA以外の回答も参考になるので一通り目を通す。

とほほのwww入門
http://www.tohoho-web.com/
読みやすくきれいにまとまっており、CSSやHTMLの使用を確認したいときには必ず目を通す。

caniuse
https://caniuse.com/
クロスブラウザチェックの前に必ず目を通す。

女性/32歳/フリーランス

株式会社LIG
https://liginc.co.jp/
“デザインからフロントエンドやサーバーサイドまで記事が豊富です。
技術系やビジネス系以外の企画もおもしろいので、息抜きに見たりもします。”

WEBクリエイターボックス
https://www.webcreatorbox.com/
“デザイナーさんのブログなので、デザインの参考やUIの動きの参考などによく見ています。”

かちびと.net
http://kachibito.net/
“実装したいこと(例:アコーディオンメニューなど)で検索できるので便利です。
日々チェックするというよりも、実装したいことをWEB検索したときに検索結果としてヒットすることが多いです。”

寝ログ
https://nelog.jp/
“WordPressのカスタマイズをするときによく見ます。Simplicity2というWordPressテーマの作成者さんのブログです。
WordPressの管理画面のキャプチャやソースコードが掲載されているので、わかりやすいです。”

男性/25歳/自社サービス会社

GIGAZINE
https://gigazine.net/
“雑多なニュースが多いですが、脆弱性などの記事が多いため。”

3D人
https://3dnchu.com/
“CG系の技術がこれからも求められていくことが多いので、事前学習という形で眺めています。”

S5-Style
https://bm.s5-style.com/
“超有名なWebサイトギャラリーサイトです。デザインカンプを作る際には必ずチェックして、参考にしたり最新のテクニックやデザインのトレンドを参考にしています。”



女性/24歳/IT系企業

progate
https://prog-8.com/
“私がエンジニアになる際にとてもお世話になったサイトです。
時々初歩的な部分が曖昧になってしまったり、私の知識範囲外の仕事を頼まれた時にここで勉強しています。
とても分かりやすく、見た目も可愛いので、おすすめです。”

ドットインストール
https://dotinstall.com/
“弊社で法人契約しているサイトです。
動画を見ながら勉強できるのでとても重宝しています。”

CodeGrid
https://www.codegrid.net
“ピクセルグリッドが運営するサービス。有料ですがかなり有益な情報が得られます。”

web design trends
https://webdesign-trends.net/
“エンジニアではありますが、今流行のデザインなども抑えるべきだと思っているので、このサイトで流行のデザインなどもチェックしています。
プログラムを組む時に、どのようなデザインであればユーザが便利になるのか、今ユーザはどのようなデザインを欲しているのかが分かります。”

男性/24歳/マーケティング支援サービス

AtCoder
https://atcoder.jp/?lang=ja
“(他分野も込みで)日々の勉強に使用しています。課題形式なのが良いです。”

STUDIO
https://studio.design/ja
“ちょっとしたデザイン面を形にするのに使用しています。”

ferret
https://ferret-plus.com/
“業界のトレンドから初心者に向けて、記事やツールetcの紹介をしているwebメディアです。”

男性/50歳/フリーランス

Qiita
https://qiita.com/
“設定手順などが簡潔でわかりやすい。”

JSON Pretty Linter
https://lab.syncer.jp/Tool/JSON-Viewer/
“文法チェックが簡単にできる。”

ギャップロ
https://www.gaprot.jp/
“タイムリーな話題が豊富にある。”

Visual Studio Magazine
https://visualstudiomagazine.com/Home.aspx
“Visual Studio 関係の最新ニュースが読める。”

男性/53歳/フリーランス

zdNet Japan
https://developer.mozilla.org/ja/
“フロントエンジニアというよりもIT関連全般のニュースとして購読している。”

MDN web docs
https://developer.mozilla.org/ja/
“HTMLで思いだせないことがあったら調べている。”

Qiita
https://qiita.com
“他の人はこういう場合どうしているのか?気になったらチェックしている。知識を共有できるところが便利。”

男性/30歳/Web制作会社

Github Explore
https://github.com/explore
“オープンソースの最新情報が確認できる。最近トレンドのプロジェクト情報をいち早く仕入れるために見てます。”

JserInfo
https://jser.info/
“javascript、フロントエンド関連の最新ニュースが確認できるサイトです。とても重宝しています。”

Google Developers Web Update
https://developers.google.com/web/updates/
“Googleが公開しているWeb開発者向けの最新情報。Chromeの今後のリリース情報などを確認できる。”

女性/24歳/デザイン事務所

コリス
https://coliss.com/
“証拠や説明がはっきりとしていて画像もわかりやすい”

CSS-TRICKS
https://css-tricks.com/
“アプリケーションの動作の修正するための新しい構築の内容がわじゃりやすく書かれている”

ICS MEDIA
https://ics.media/
“いろんなサイトのデザインがきれいで記事の内容も濃い”

男性/21歳/システム開発会社

PHP研究所
https://www.php.co.jp/
“phpはとても使う言語などで常に勉強です。”

Qiita
https://qiita.com/
“エンジニアの知識を共有できるサイトで、知識が頭に入ります。”

Developers.io
https://dev.classmethod.jp/
“最近流行っているアプリ開発について学べます。分からなくても喋ることが出来ます。”

もう一度「【2021年】フロントエンドの皆さん!あなたが《日々チェックするサイト》を教えてください」を読む ↑

20代におすすめのIT転職エージェント・IT転職サイト5選
  1. “20代の転職なら最低限の登録を”
    マイナビIT AGENT|20代・第二新卒の転職なら
    有名ベンチャーやスタートアップなど経験を活かせる若手向け求人多数
  2. “未経験エンジニアは登録必須”
    ワークポート|未経験の転職サポートサービス
    未経験可やポテンシャル採用など20代向けのIT・Web系求人に強みあり
  3. “IT・Web系の転職といえばここ”
    レバテックキャリア|エンジニア専門転職エージェント
    専門用語が通じるアドバイザーが徹底サポート。内定率&年収UP率が高い
  4. “圧倒的求人数は流石の業界NO.1”
    リクルートエージェント|転職支援実績No.1
    書類や面接対策へのサポートが手厚い。エンジニア求人保有数も業界トップ
  5. “第二新卒・既卒・フリーター・ニートOK!”
    DYM就職|プロの正社員就職サポート
    第二新卒・既卒・フリーターに向け優良企業の求人が多数。最短1週間でのスピード入社も

もっと多くの転職エージェントを知りたい方は、エンジニアにおすすめ!IT/Web系に強い転職サイト11選|現役プロが比較・ランキングという記事をご覧ください。

エンジニアにおすすめ!IT/Web系に強い転職サイト11選|現役プロが比較・ランキング

いきなりの転職が不安な方はプログラミングスクールという選択も

いきなり転職活動を開始する前に、「まずはプログラミング言語のスキルを身につけておきたい」。そう考える方には、プログラミングスクールの受講をおすすめします。

未経験・社会人でも安心して学習できるスクール、そして転職付き(転職保証型)のスクールなど、条件や目的によって選ぶ基準も様々だと思います。まずはじっくりと比較して、少しでも気になる教室があれば無料相談・体験会に申し込んでみると良いでしょう。

未経験・社会人、学生におすすめなプログラミングスクールを比較するなら、「おすすめプログラミングスクール比較11選!社会人・未経験の転職・就職にも有利!」という記事を参考にしてください。

おすすめプログラミングスクール比較11選!社会人・未経験の転職・就職にも有利!

転職付き(転職保証型)のプログラミングスクールの詳細を知りたいかたは、「【無料あり】転職支援・保証型プログラミングスクール比較11選!社会人・学生さんの転職・就職に強い!」をご覧いただき、自分の目標や目的にぴったりのスクールを見つけてくださいね。

【無料あり】転職支援・保証型プログラミングスクール比較11選!社会人・学生さんの転職・就職に強い!

-エンジニアの転職
-, , , , ,

関連記事

30代後半ITエンジニアが転職に成功するためには?【現役エンジニア】が解説!

30代後半ITエンジニアが転職に成功するためには?【現役エンジニア】が解説!

私自身39歳で某電機メーカーの子会社から大手電機メーカーに転職の経験がございます。その経験を踏まえて30代後半でITエンジニアとして転職するために準備してきたことやそれまでの流れをお伝えしたいと思いま …

パソコンでプログラミング画面を見る

システム開発会社で働く「プログラマーの1日」の仕事の流れ、働き方や生活スタイルとは?

ソウタさん(仮名) のプロフィール 年齢 30代 性別 男性 会社の業種 システム開発会社 担当の職種 オープン系プログラマー [PR]:未経験からのプログラマー転職なら最低限ここ ワークポートの評判 …

私服でカバンを持つイメージ

フリーランスのフロントエンドエンジニアの働き方や収入、将来性などを解説!未経験や女性、副業の方も必見!

本記事では、フロントエンドエンジニア、あるいは未経験者の方を対象に、フリーランスのフロントエンドエンジニアになった場合の働き方や報酬の相場、仕事の取り方や将来性について説明します。 フリーランスは自由 …

Pythonに興味がある方は必読!【Djangoの求人・会社】のあれこれをご紹介!

Pythonに興味がある方は必読!【Djangoの求人・会社】のあれこれをご紹介!

ロゴ画像:公式サイトより https://www.python.org/community/logos/ Pythonにてシステム開発やDjangoのアプリケーション開発など実務経験3年になる筆者が解 …

書類選考で 差をつける ポートフォリオ 作成術!

フロントエンドエンジニアを目指す大学生は必見!【書類選考で差をつけるポートフォリオ作成術】

「デザイナーじゃないのにポートフォリオ作るの?」という疑問をお持ちのそこのあなた!!実はエンジニアの選考でもポートフォリオの提出を求める企業が最近増えています! 特にその中でもweb制作会社などのフロ …

[PR]:




ページのトップへ戻る