【新卒・未経験者向け】はじめてWeb制作会社で働く前に常日頃からチェックしておくと良いWebサイト一覧

Webサイトイメージ

Web業界に早く入ってくれー!間に合わなくなっても知らんぞ!!

みなさんこんばんは。
宮城県仙台市にてWebのちからで様々な情報にアクセスしやすくし、様々なパフォーマンス改善をしちゃったりする時にはWebディレクター、時にはWebプランナー、時にはWebエンジニア、時にはWebデザイナー。
世界中のニューWebデザイナーの味方、ma-sanです。

もう少しで2020年度の新卒が入社してきますね。
専門学校卒業とかですと、ついに2000年生まれが入社してきたりしちゃうのでしょうか?

そんなわけで僕自身が新入社員にこっそり教えちゃったりするWebサイトをまとめてみました。
デザイナー、フロントエンドエンジニア、Webエンジニア、Webディレクター、Webプロデューサー諸々あると思うのですがWeb業界に入るならここらへんのWebサイトは抑えておいてほしいな、というWebサイトをご紹介します。

というわけで本日のお話です。

1.頼む!こいつらはチェックしといてくれ!なサイト

・株式会社LIG
https://liginc.co.jp/
こちらはWeb制作系のコラムから日常的なコラムまで幅広く取り扱っています。
正直、こちらの記事を一通り見てさえいればWeb業界ってどんなものなのか、とか学べると思います。
おもしろコンテンツも多数取り扱っていて、よく面白いWeb制作会社として紹介されていたりします。

・Adobe Creative Station
https://blogs.adobe.com/japan/
Adobeさんの製品はPhotoshopやIllustrator、XDなどWeb制作とは切っては切り離せないアプリを提供してくれていて、それらのノウハウを惜しみなく提供してくれています。

・ドットインストール
https://dotinstall.com/
動画でHTMLやCSSの基礎が学べます。一本一本が3分と短く、かなりわかりやすくまとめられています。
こちらの動画サービスで学べる!と思ったらプレミアム会員になることでもっと多くの動画で学ぶことが可能です。

・Web Design Clip | Webデザインクリップ
https://www.webdesignclip.com/
たくさんのWebサイトが紹介されています。こちら以外にもたくさんありますが、クオリティの高いWebサイトがたくさん紹介されているので、インスピレーションが刺激されます。

・はてなブックマーク – 人気エントリー – テクノロジー
http://b.hatena.ne.jp/hotentry/it
Webに限定せず多くのデジタルトレンドを学ぶとすれば、たくさんのWebサイトから情報収集を自分の足でするよりもこうしたブックマークエントリーを参考にするといいです。

2.Web制作ノウハウ系

世の中にはたくさんのノウハウが存在していますが、それらをすべてキャッチアップすることはなかなか厳しいと思います。
Web制作系は特に、Web制作会社やフリーランスの方が貴重なノウハウを提供していたりすることも多いので、ぜひ参考にしてください。

・UX MILK
http://uxmilk.jp/
・かちびと.net
http://kachibito.net/
・Website Usability Info
http://website-usability.info/
・コリス
http://coliss.com/
・could
http://www.yasuhisa.com/could/
・Webクリエイターボックス
http://www.webcreatorbox.com/
・コラム|メンバーズ
https://blog.members.co.jp/
・ミツエーリンクスBlog
https://www.mitsue.co.jp/knowledge/blog/
・Yahoo!スタッフブログ
http://news.yahoo.co.jp/staffblog/
・deque
http://www.deque.com/blog/
・uxdesign.cc
https://uxdesign.cc/
・brad frost
http://bradfrost.com/blog/

3.Webデザインまとめ系

こちらはWebデザインを始めとしたポートフォリオ形式のWebサイトをご紹介。特にデザイナーの方はこちらを参考にする機会はとても多いと思います。

・みんなで作るWEBデザイン参考集「ブックマ!」
https://bookma.org/
・straightline_bookmark
http://bm.straightline.jp/
・RWD.JP
http://responsive-jp.com/
・I/O 3000
http://io3000.com/
・flatdsgn
http://flatdsgn.com/
・ONE PAGE LOVE
https://onepagelove.com/
・PnePageMania
http://www.onepagemania.com/
・FLAT DESIGN GALLERY
http://flattrendz.com/
・MUUUUU.ORG
http://muuuuu.org/
・現代デザイン
http://gendaidesign.com/
・MaterialUP
https://material.uplabs.com/
・Flat Inspire
http://flatinspire.com/

4.資料・便利系

コーディングやデザインに限らず、誰かになにかを提案したりするときに便利なWebサイトや、コーディングの基礎的な知識、デザインの知識、写真素材やWebサイトのパフォーマンスについて利用できたりする便利なWebサイトをまとめています。

・統計ダッシュボード
https://dashboard.e-stat.go.jp/
・生活定点
https://seikatsusoken.jp/teiten/
・UX白書
http://site.hcdvalue.org/docs
・Can I use
http://caniuse.com/
・WCAG2.0
http://waic.jp/docs/WCAG20/Overview.html
・WCAG2.0 解説書
http://waic.jp/docs/UNDERSTANDING-WCAG20/Overview.html
・Accessibility Support
https://a11ysupport.io/
・w3schools.com
http://www.w3schools.com/
・Google Developers
https://developers.google.com/web/
・ぱくたそ
https://www.pakutaso.com/
・tinypng
https://tinypng.com/
・フォントファミリーメーカー
https://saruwakakun.com/font-family
・archive.today
http://archive.ph/
・GTmetrix
https://gtmetrix.com/
・PageSpeed Insights
https://developers.google.com/speed/pagespeed/insights/
・Critical Path CSS Generator
https://jonassebastianohlsson.com/criticalpathcssgenerator/

5.IT全般・一般知識系

IT業界全般の知識だけにとどまらず、一般的な知識も社会人としては必要です。もし、幅広い視野を持ちたい場合はこれらWebサイトを閲覧してみるといいと思います。

・TechCrunch Japan
http://jp.techcrunch.com/
・MdN Design Interactive
http://www.mdn.co.jp/di/
・phpspot開発日誌
http://phpspot.org/blog/
・CNET Japan 最新情報 総合
http://japan.cnet.com/
・Engadget Japanese
http://japanese.engadget.com/
・asahi.com
http://www.asahi.com/
・Reuters: トップニュース
http://jp.reuters.com/
・nikkei TRENDYnet(日経トレンディネット)
http://trendy.nikkeibp.co.jp/
・GIGAZINE
http://gigazine.net/
・総務省|報道資料一覧
http://www.soumu.go.jp/menu_news/s-news/

まとめ

上記Webサイトをすべて手動で閲覧することはなかなか厳しいかと思うので「Feedly – Smart News Reader」など、Webサイトを一元管理して、スマートフォンなどでスキマ時間を使って新着情報を読み漁るといいと思います。

正直、上記Webサイトをチェックしてるだけで毎日かなり時間が取られるのでその中でも自分自身に必要な記事を取捨選択しつつ、試してみたいと思えるようなものはすぐにやってみる、というサイクルがいいかもですね。



あわせて読みたい