🎉 お知らせ:サイト名が『webkore』から『模写修行 media』に変更になりました。6月以降にドメインも『moshashugyo.com/media/』へ変更する予定です。

web制作

web制作を勉強したい人にオススメのサイトまとめ

Author:Gaku(gaku92014091)

この記事の目次

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

この記事ではweb制作に必要なスキルを勉強中の方、これから勉強したい方にオススメのサイトを紹介します。

web制作に必要なスキル
  • webデザイン
  • HTML・CSS
  • JavaScript
  • WordPress

web制作に必要なスキルの定義は人それぞれですが、ここではこれらを対象にしようと思います。

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

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

web制作系のワードは比較的、上位のサイトは正しい情報が多いですが、例えばダイエットとかの情報になるとなかなかひどいです。

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

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

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

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

以前Twitterでbaigieさんのwebデザインドリルがバズったことがありました。baigieさんは東京にある制作会社で、僕はどの制作会社が良いか聞かれれば、baigieさん、LIGさん、Goodpatchさんを上げます。

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

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

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

webデザインを勉強する際にオススメのサイトを紹介します。

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

サルワカ

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

とにかく見やすいです。丁寧に解説してくれているので、特に0から勉強する方におすすめです。デザインだけでなく、コーディングなどの内容もあるのでデザインを勉強する際に特にオススメのコンテンツを載せておきます。

サルワカを作ったのは、@catnose99さんで、Zennもこの方が作ったものです。

chot.design

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

0から勉強する方にはかなりおすすめのサイトです。webデザインからWordPressまで多くのコンテンツがあります。

LIGさんのメディア

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

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

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

baigieさんのメディア

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

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

このメディア自体はおそらくwebデザインを勉強中の方向けではないと思うのですが、この記事は単体で抜群にためになります。ある程度基礎を学んだ後に見るとなお良いと思います。

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

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

@tak_dcxi さんのnote

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

@tak_dcxiさんはデザインもやるフロントエンドエンジニアの方です。

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

Twitterでも有益な情報を発信しているので、フォローしておくと良いと思います。たまに更新するZennの記事もとてもためになります。

HTML・CSSとJavaScriptを勉強するのにオススメのサイト

HTML・CSSとJavaScriptを勉強する際にオススメのサイトを紹介します。

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

なお、ここで紹介するのは基本を学べるサイトです。これらを学んだ後に何をすれば良いかは、是非下記の記事も参考にしてみてください。

ドットインストール

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

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

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

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

Progate

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

おそらく1番有名な学習サービスだと思います。有料会員プランは月に1000円程度かかります。

個人的にはProgateよりドットインストールの方が好きだし、詳しめなのでおすすめなんですが、初心者の方にとって最初はProgateがとっつきやすいかもしれません。

サルワカ

サルワカ HTML&CSS入門:イチからWebデザインを習得する講座

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

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

webliker

webliker webliker

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

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

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

WordPressを勉強する際にオススメのサイトを紹介します。

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

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

HPcode(えいちぴーこーど)

haniwaman HPcode(えいちぴーこーど)

@haniwa008さんのメディアです。

プロフィールに『WordPressが好きなフリーのWebコーダー。』とあるように、WordPressの情報が多くあります。

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

駆け出しエンジニアのためのコーディング練習教材

Coming Soon
© 2021 模写修行 media.