webデザインを勉強したい人にオススメのサイト【実務向けもあり!】

2019-11-01
Writing by Naoto

webkoreはフリーランスのweb制作チームで運営しています。お仕事のご依頼は、web制作やシステム開発のご相談その他のご相談からお気軽にご相談ください。

webデザインやプログラミングを勉強する際に、何を使って学ぼうか迷われる方は多いと思います。今は良い情報がたくさんありますが、逆に情報が多すぎてどれが良い情報なのかを判断するのが難しかったりもします。

 

この記事ではwebデザインを勉強中の方、これから勉強したい方にオススメのサイトを紹介します。webデザインの定義は人それぞれですが、ここではデザイン,html,css,javascript,wordpressを対象にしようと思います。

 

手っ取り早く該当箇所に飛びたい方は下のリンクからどうぞ!!

デザインを勉強するのにオススメのサイト

html,css,javascriptを勉強するのにオススメのサイト

wordpressを勉強するのにオススメのサイト

 

このメディアでもコーディングの練習が出来るコンテンツを作りましたので、是非見てみてください!!

TOPICS

検索上位のサイトが良い情報とは限らない

何か調べごとをする際に、GoogleYoutubeで検索をすると思います。そこでまず注意して欲しいのが上位のサイトだから、正しい情報とは限らないということです。

 

webデザインを勉強している方が検索しそうなワードは比較的、上位のサイトは正しい情報ですが、例えばダイエットとかの情報になるとまぁひどいです。

 

因みに、webデザインやプログラミングだと、プログラミングスクールが運営しているメディアが上位にあることも多いですが、記事は大体クラウドソーシングで外注しています。通常クラウドソーシングでライターをやるよりも、自分でプログラミンをした方が稼げるので、そういった記事を書いている人が、経験と実績が豊富かどうかは怪しいです。

 

何を調べるかにもよりますが、調べごとをする際は、そのメディアやブログの運営者が本当に実務経験と実績があるのかどうか見極める必要があります。

実績のある人が運営しているメディアやブログを参考にしよう!!

実際に実務経験と実績がある会社や個人が運営しているサイトを参考にした方が良いです。

 

Twitterでbaigieさんの未経験でも1カ月で即戦力クラスの知識が身に付く『webデザインドリル』公開がバズったことがありました。baigieさんは東京にある制作会社で、僕はどの制作会社が良いか聞かれれば、baigieさん、LIGさん、Goodpatchさんを上げます。

 

バズった記事の内容は参考書兼問題集で、140ページもスライドがあります。とても無料とは思えないレベルの質と量です。

 

こういった、信用できるメディアやブログを使って勉強することで、ほぼ無料かつ独学でwebデザイナーやエンジニアになることも可能です。

デザインを勉強するのにオススメのサイト

デザインを勉強する際にオススメのサイトです。

webデザインは大体がXD,Photoshop,Illustratorを使って制作するので、デザイン理論に加えて、そういったデザインツールの使い方も学ばないといけません。

サルワカ

サルワカ | サルでも分かる図解説明マガジン

とにかく見やすいです。丁寧に解説してくれているので、特に0から勉強する方におすすめです。

 

デザインだけでなく、コーディングなどの内容もあるのでデザインを勉強する際に特にオススメのコンテンツを載せておきます。

 

確か、サルワカは複数人で運営しているサイトで、代表の@catnose99さんはWebポートフォリオを簡単に作れるRESUMEというサービスも作っています。

chot.design

chot.design – 毎日ちょっとずつデザインを学ぼう

最近ローンチされたサイトなので、知らない方も多いかもしれませんが、0から勉強する方にはかなりおすすめのサイトです。html,cssなどのコンテンツもありますが、デザインがメインのサイトです。

 

今後さらにコンテンツが充実しそうな気がするので注目です。

LIGさんのメディア

WEBデザインをはじめよう | 東京上野のWeb制作会社LIG

LIGさんは東京のweb制作会社です。数々の賞も受賞していて、実力のある会社です。

メディアでは様々な内容を取り扱っているのですが、上のリンクにはwebデザイナーを目指す方向けのコンテンツがまとまっています。

 

メディアのデザインもイケてますよね!!

baigieさんのメディア

1カ月で即戦力クラスの知識が身に付く『webデザインドリル』

前述したbaigieさんの記事です。

このメディア自体はおそらくwebデザインを勉強中の方向けではないと思うのですが(現時点で3記事しかないのでわからない)、この記事は単体で抜群にためになります。

 

ある程度基礎を学んだ後に見るとなお良いと思います。

デザインのセクションに入れましたが、サイト設計やコーディングなどの内容も含んでいます。

これとは別にブログもあるので、web制作会社の雰囲気などを掴みたい方はそちらも参考にすると良いと思います。社長の@sogitani_baigieさんのTwitterはマーケティングに興味がある方はフォローしておくと良いです。

@tak_dcxi さんのnote

個人的に実践しているWebデザインガイドラインまとめ|TAK|note

@tak_dcxiさんは都内でwebデザイナーをされている方です。

noteの内容はとても実務的で、かつこれから勉強しようと思っている方は勉強しなければいけないことも、しっかり把握できると思います。

 

Twitterでも有益な情報を発信しているので、フォローしておくと良いと思います。

DESIGN TREKKER

デザイナーのデザイナーのためのウェブメディア

こちらは現役デザイナーの方々が運営しているサイトです。

 

Photoshopillustratorを学ぶのに良いと思います。

運営会社のスケッチさんはDTPやパッケージデザインなどwebデザイン以外のデザインもやっているので、webに限らずデザイン全般やりたいって方には特におすすめです。

html,css,javascriptを勉強するのにオススメのサイト

html,css,javascriptを勉強する際にオススメのサイトです。

html,cssを勉強出来るサイトは多いのですが、javascriptは少ないです。従って、本なども使って勉強するとなお良いと思います。

ドットインストール

ドットインストール – 3分動画でマスターできるプログラミング学習サービス

知っている方も多いと思います。

html,css,javascriptに限らず、多くの言語を扱っているので、プログラミングを勉強したい人にもおすすめです。プレミアム会員になると、月に1000円程度かかりますが、払う価値はあります。

 

初心者を対象とした有料サービスはいくつかありますが、コンテンツの質と量的にドットインストールと次に紹介するProgate以外はやる必要ないかなと思っています。

Progate

Progate | プログラミングの入門なら基礎から学べるProgate[プロゲート]

おそらく1番有名な学習サービスだと思います。

有料会員プランは月に1000円程度かかります。

 

個人的にはProgateよりドットインストールの方が好きだし、詳しめなのでおすすめなんですが、初心者の方にとって最初はProgateの方がとっつきやすいかもしれません。実際に過去にプログラミングを教えていた時はProgateの方が生徒さんに人気でした。

サルワカ

サルワカ | サルでも分かる図解説明マガジン

デザインでも紹介したサルワカです。

デザインだけでなく、コーディングに関するコンテンツもあるので、テキストで勉強したい人はドットインストールやProgateより良いかもしれません。

 

サルワカはデザイン,html,css,wordpressの情報は多いのですが、javascriptの情報はあまりありません。

webliker

webliker

フリーランスの@webliker_infoさんが運営しているメディアです。

サルワカに匹敵するくらい見やすいし、内容も充実しています。全記事見ればhtml,cssはかなり、理解が深まると思います。『ホームページの作り方』と『webデザイン』が現在準備中なので、今後さらに期待のメディアです。

wordpressを勉強するのにオススメのサイト

wordpressを勉強する際にオススメのサイトです。

javascript以上にwordpressを勉強するためのコンテンツは少ないです。ここで言う『少ない』は順序立てされた構成で0から学習できるコンテンツが少ないという意味です。wordpressは有名なCMSなので何かわからないことがあれば、ググればだいたい解決します。

 

wordpressはサイトは使わずに、本を買って勉強することをおすすめします。

ドットインストール

ドットインストール – 3分動画でマスターできるプログラミング学習サービス

html,css,javascriptでも紹介したドットインストールです。

 

数少ない順序立てされた構成のコンテンツなのですが、最終更新日が2013年11月21日で、かなり古いです。wordpressはアップデートも頻繁にあるので、最新の情報で勉強した方が良いです。

HPcode(えいちぴーこーど)

HPcode(えいちぴーこーど)

@haniwa008さんのメディアです。
プロフィールに『WordPressが好きなフリーのWebコーダー。』とあるように、wordpressの情報が多くあります。

 

wordpressを仕事で使っている人なら、クライアントからの要望にドンピシャ合うカスタマイズの解説あったりととても良いのですが、0から勉強するのに向いてはいないかもしれません。

効率よく勉強したければプログラミングスクールに通うこともあり

プログラミングやデザインは慣れていない人にはとっつきにくいので、独学で挫折する人はたくさんいます。

 

何かうまくいかないことや、バグが起きた時に、1人で何時間も悩むなんてことはざらです。

 

プログラミングスクールは確かに高額ですが、良いところに通えば、効率よく勉強することができます。独学に自信がない方は検討してみても良いでしょう。

 

おすすめは別記事にまとめてあります。

 

↓フリーランスを目指している方

 

↓転職を目指していて、無料のスクールを検討している方

この記事を書いた人

Naoto

理系院卒→フリーランス(4年目)。インターネットと読書が好き。就職経験なし、野蛮な生き方してきました。サーバーサイド以外は何でもやります。

関連記事

関連記事はありません。