Web業界に入った方々、新卒、業界初心者、今後Webデザイナーになりたい方々にチェックしておいてほしいサイトをご紹介します。
日常の業務でこんなWebサイトがあるよ～って紹介したりするときに自分で「あれ、ブックマークどこだっけ、、、」とならないためのページでもあります。
情報収集（8選）
本業で関わりのある方々はどちらかというと「プロデューサー」「ディレクター」が多いので、「自分では作らないけど指示したり、提案する側の方」は最低限チェックしておいた方がいい色々な情報を紹介しているサイトをまとめています。
Web担当者Forum
企業Webサイトとマーケティングの実践情報サイト - SEO・アクセス解析・SNS・UX・CMSなど
めちゃくちゃ有名です。担当者ごとに情報の粒度は違いますがタメになる記事が沢山あるのでチェック必須です。SEOやWebマーケティング諸々学べます。
CNET Japan
テクノロジー＆ビジネス情報のメディアサイト。ニュースだけでなく、オピニオンリーダーによるコラムやインタビュー、ブログなども掲載
デジタル関連を幅広く学べます。日常的にチェックすると良いでしょう。
gihyo.jp
技術評論社提供のIT関連コンテンツサイト
IT業界に関してより深く知りたいエンジニアやデザイナー向けの記事が多いです。
Zenn｜エンジニアのための情報共有コミュニティ
Zennはエンジニアが技術・開発についての知見をシェアする場所です。本の販売や、読者からのバッジの受付により対価を受け取ることができます。
エンジニアが情報共有するためのコミュニティサイト。情報の粒度は人によりけりですが様々なアプローチがあり学びになります。
ある種、老舗のウェブデザイン関連の情報を紹介してくれているサイト。海外の記事を紹介してくれたりもします。
GIGAZINE（ギガジン）
日々のあらゆるシーンで役立つ情報を提供するIT系ニュースサイト。毎日更新中。
たぶん20年以上続いているニュースサイト。様々なカテゴリで紹介してくれているのでこのサイトをチェックし続けるだけでも多くの雑学・知見を得られます。ただし、エンタメ系も多いためビジネスの知見を得るよりもそっちのほうが楽しくなっちゃう、自制心が試されるサイトでもあります。
IT総合情報ポータル「ITmedia」Home
テクノロジー関連のニュース及び速報を中心に、レビューや特集記事を掲載。
IT関連をチェックしておきたい方はこちら。
Blog Top | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
「LIGブログ」はDX、デザイン、マーケティングに関する情報を社員が発信するオウンドメディアです。ビジネスのヒントや日々の業務の効率化、キャリアに役立つ情報を掲載しています。
以前は「LIGみたいなWeb制作会社に入りたい」みたいなことを良く聞きました。近年はどうでしょう。若手が憧れるような「面白いコンテンツ」も多くあったり、スタティックなところはスタティックだったり。広告的な記事も多いですがTipsも大量にあります。
はてなブックマーク - 人気エントリー - テクノロジー
こちらも有名。トレンドだったり様々なサイトの記事を紹介してくれていますが、ある種インターネット老人会に入っている方々の辛辣なコメントとかも見れたりしてちょっとした闇も垣間見れます。
登録ユーザーが多い＝良質な記事、というわけではない典型です。
Webデザイン系サイト（9選）
Webクリエイターボックス
WebデザインやWebサイト制作、最新のWeb業界情報などを紹介していくサイト。
めちゃくちゃ有名で、近年では書籍も有名です。かなり有益な情報をシェアしてくれるWebクリエイターさんが運営しています。
フォトショップ・ブイアイピー
フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
デザイン、クリエイティブ、Photoshopに関して多くの記事を紹介してくれています。
Web Design Trends
Webに関わるすべての人のためのメディア
Webデザインのトレンドについて色々紹介してくれるサイトです。
Web Design Clip | Webデザインギャラリー・クリップ集
Web制作の参考になる国内のWebデザインギャラリー・リンク集です。
個人的にWebサイトのデザインを沢山みたいときに一番お世話になっているサイトです。沢山のサイトを紹介しつつ「日本」「海外」「ランディングページ」「スマートフォン（これはちょっと古い？）」というざっくりカテゴライズでも見れますし、しっかりカテゴリやタグごとに閲覧も可能です。
この手のWebサイトを紹介してくれる系では海外のサイトを紹介してくれるのは少ないなって印象です。
bookma
感性を刺激するWebデザインギャラリー＜bookma!＞
様々な企業サイトや個人サイトを紹介してくれるサイト。カテゴリごとの閲覧性は低いですが、クオリティの高いサイトを紹介してくれます。
I/O 3000 | Webデザインギャラリー
I/O 3000は、Webデザインに関わる人のためのWebデザインギャラリーサイトです。国内外を問わず、Web制作の参考となるサイトをセレクトしています。
大量のサイトを紹介してくれます。カテゴリやタグなどでサイトを紹介してくれるのでこちらも非常に参考になります。
縦長のwebデザインギャラリー・サイトリンク集｜MUUUUU.ORG
縦長のwebデザインをがむしゃらに集めています。
こちらも多くのWebサイトを紹介。縦に長いサイトを集めているらしいです。
Siteinspire | Web Design Inspiration
Siiimple • A Minimalist Website Gallery
Siiimple is a minimalist css design gallery.
海外のサイトを色々とみたいときの参考。
Web制作に便利系（17選）
ぱくたそ - 写真素材・AI画像素材を無料でダウンロード
人物や背景（テクスチャ）など様々なジャンルの写真素材を無料で配布しているフリー素材では国内最大規模の「ぱくたそ（PAKUTASO）」公式サイトです。2023年1月13日現在、46,723枚の写真（画像）を掲載中。
会員登録は不要でダウンロードの回数制限や画像サイズごとに料金が発生することはありません。高品質で高解像度の...
多くの素材写真を提供してくれています。但し、有名＆無料で使用可能且つクオリティも高いので、特に人物に関しては「見覚えあるな。。。」となりがち。もちろん利用規約は守りましょう。
O-DAN (オーダン）- 無料写真素材・フリーフォト検索
高品質な無料写真素材・フリーフォトを40以上の有名ストックフォトサイトから日本語で横断検索できるサービス「O-DAN(オーダン)」
海外の写真も多く紹介してくれます。こちらも利用規約にご注意。
写真素材・ストックフォト | 日本最大級の画像素材サイト - PIXTA
ピクスタなら8,050万点以上の高品質の画像素材(写真やイラスト)を定額制プランなら最安1点39円から購入可能！ロイヤリティフリーだから何度でもご利用いただけます。無料のフリー画像も毎週更新！
ハイクオリティな写真を購入したい方にとって超有名。必要な写真素材はこちらから購入することも多いです。
写真素材・動画素材ならアフロ | 写真素材・ストックフォトのアフロ
写真素材・動画素材ならアフロ | 写真素材・ストックフォトのアフロ | 国内最大級のストックフォト検索ダウンロードサイトaflo.com-アフロ。日本人をはじめとする人物写真素材、自然風景、イラスト、アートなど様々な広告向け写真素材・映像素材から、最新のニュース、スポーツ、エンタメや歴史的アーカイブ写真まで豊富に取り揃...
多くの超ハイクオリティな写真を購入できるサービス。
動くWebデザインアイデア帳 | 動くWebデザインアイディア帳
jQuery許さないエンジニア達は頑張ってもらえればいいと思いますが、色々な動きをサクッと作らなければならない場合に非常に役立ちます。
かわいいフリー素材集
いらすとやは季節のイベント・動物・子供などのかわいいイラストが沢山見つかるフリー素材サイトです。
めちゃくちゃ有名ですね。もう見ない日はないんじゃってくらい。Webサイトに使った瞬間雰囲気が侵食されるので要注意。
商用可・フリーイラスト素材｜ソコスト
商用可のシンプルなフリーイラスト素材集。画像・ベクター形式でDL！色変更可能！
イラスト素材集。こちらも有名。
unDraw - Open source illustrations for any idea
The design project with open-source illustrations for any idea you can imagine and create. Create beautiful websites, products and applications with your color,...
イラスト・アイコン。かなり抽象的かつ色の調整もできたりするので便利。SVGでの提供もあります。
Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.
A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team
デザインシステムを色々紹介。
CSSの組み方についてめちゃくちゃ参考になります。
Local
Local WordPress development made simple…
WordPressでの開発に必須とも言えるローカル。なお、ローカル（local）で検索しても中々ヒットしないので検索エンジンから探し出すのに苦労します。
Chart.js
Simple yet flexible JavaScript charting library for the modern web
グラフやチャートをいい感じに見せたいとき。
Grab yourself a gradient
Beautiful and simple UI for generating web gradients.
パッとグラデーションを確認したり参考にしたいときに。
Type Scale - A Visual Calculator
Preview and choose the right type scale for your project. Experiment with font size, scale and different webfonts.
フォントサイズの計算が面倒くさいときに。
Excel to Table | Excel表からHTMLテーブルへ一発変換 | すぐに使える便利なWEBツール | Tech-Unlimited
Excel表からHTMLテーブルへ一発変換。
テーブルをぱっと作りたいときに。
MDN Web Docs
The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.
本当はめちゃくちゃオススメしたいし見てほしいけど、プロデューサーやディレクター向けではないので。。。エンジニアだと見たことない、という方はいないんじゃないでしょうか。
HTML、CSS、JavaScriptなどWeb制作について関わる技術について全面的なリファレンスを公開してくれています。
Webアクセシビリティ確保 基本の「キ」｜実践ノウハウ｜エー イレブン ワイ［WebA11y.jp］
Webアクセシビリティを初めて実践する方を対象に、まずは何から手を付けてみるのがよいかを具体例を挙げて解説。
Webサイトの最低限守るべきWebアクセシビリティの基本について。めちゃくちゃ分かりやすい。
雑学を支える（9選）
Google Scholar
Google Scholar では、さまざまな学術文献を簡単に検索できます。多岐にわたる分野と出典の論説、論文、書籍、要約、法律関係資料をお探しいただけます。
なにかしら調べたいことがあり、且つ論文を探したい場合にめちゃくちゃ多様します。
生活定点1992-2022｜博報堂生活総研
博報堂生活総研による、2年に1度の定点調査。30年分の生活者観測データ約1,400項目を無償公開中。
生活における様々なデータを1000以上の項目にして公開されています。
デジタル庁
デジタル庁は、デジタル社会形成の司令塔として、未来志向のDXを大胆に推進し、デジタル時代の官民のインフラを今後5年で一気呵成に作り上げることを目指します。
デジタル庁。Web業界にいるので全般的に知っておかないといけません。
WIRED.jp
『WIRED』はテクノロジーによって、生活や社会、カルチャーまでを包括したわたしたち自身の「未来がどうなるのか」についてのメディアです。最新のテクノロジーニュースから、気になる人物インタヴューや先端科学の最前線など「未来のトレンド」を毎日発信。イヴェント情報も随時アップデートしてお届けしています。
ビジネスについてだけではなく、トレンドなど様々な情報を取得できます。
類語辞典・シソーラス・対義語 - Weblio辞書
約4100000語の類語や同義語・関連語とシソーラス、対義語を収録
類語、同義語などシソーラスについて調べたいとき。言葉の引き出しが少ないので。。。
朝日新聞デジタル：朝日新聞社のニュースサイト
朝日新聞デジタルは朝日新聞のニュースサイトです。政治、経済、社会、国際、スポーツ、カルチャー、サイエンスなどの速報ニュースに加え、教育、医療、環境などの話題や写真も。
ど定番ではありますが一通りのニュースを網羅したい方。
トップ | 日刊薬業 - 医薬品産業の総合情報サイト
「日刊薬業」：日本国内の製薬産業、医薬品流通、薬務行政、医療関連団体の動向など医療・医薬品産業に関わる情報を速報する医薬品産業の総合情報サイト。
医薬品関係の情報を取得したい方のために。
TECH+総合トップ
最新のITとテクノロジーに関する最新ニュースやレポート、セミナー情報などを発信するビジネス情報メディアです。
テクノロジー関連中心に。
ICS MEDIA - Webデザイナー/フロントエンジニアの必読メディア - ICS MEDIA
インタラクションデザインを得意とするWeb制作会社ICS(アイシーエス)の技術情報メディア。HTML5やCSS3、JavaScriptを中心とした業界最先端の情報や、学生や新社会人にわかりやすいと評判のWebデザイン入門記事を掲載。
Webデザイナー全般向けだけど業界向け雑学も多め。
どうやって沢山チェックしてるの？という疑問
Feedly – More signal, less noise
Keep up with the topics and trends you care about, without the overwhelm. Make your research workflow efficient and enjoyable. Experience the power of RSS.
Feedlyと呼ばれるサービスを利用して、情報を取得しています。だいたいのWebサイトはRSSなどで配信しているので、この手のサービスを利用しておくと多くの情報を手軽に取得できるようになるのでオススメです。
