markelog(マーケログ)|WEBマーケティングブログ

WEBマーケティングブログ

初心者だから押さえたい!Web制作を学べるサイト10選

      2015/08/20

computer-768608_640

「学ぶ」の語源は「真似」からきているといわれます。スポーツでもアートでも、初心者はまず一流の真似をすることが上達の近道ですよね。自分の色を出そうとするのは、真似を完璧にできるようになってからでも遅くありません。

これはWeb制作についても同じことがいえるでしょう。世の中には、有能なWebクリエイターたちが有益な情報を公開してくれているサイトがたくさんあります。

今回は、Web制作初心者がまず参考にすべき10個のサイトをピックアップしてみました。これらをくまなく熟読すれば、知識も技術も飛躍的に向上すること間違いなしです。

 

↓↓今なら2,980円⇒無料!レビューもあり!
全世界で100万人が読んだマニフェストが日本上陸!

1.Webクリエイターボックス

http://www.webcreatorbox.com/

今さら紹介する必要はないほどの超有名サイトです。実際に記事を読んでもらえれば、その人気の秘密もすぐに理解できることでしょう。

ただWeb制作に関する知識やTipsが紹介されているだけではなく、Webのトレンドやマーケティングといった領域にまで踏み込んだ記事も多いのが特徴です。日頃からチェックを怠らないようにしておけば、のちのち強い武器となるはずです。

2. コリス

http://coliss.com/

こちらも、Web制作者であれば誰もが一度は訪れたことのある有名サイト。

質が高くわかりやすいのはもちろんのこと、コンテンツの量が膨大なのも魅力です。次々に関連記事を読んでいると、それだけであっという間に時間が経ってしまうこともありますので、初心者にとっては嬉しい悲鳴かもしれません。

3. コムテブログ

http://commte.net

いくら有益な情報でも、専門用語があまりにたくさん飛び交っていたり情報量が多すぎたりすると、Web制作初心者にとっては敷居が高く感じられてしまうものです。

そこで、「ひとまず要点や概要から先に理解したい」という人にオススメなのがこちら。わかりやすさを重視したまとめ記事がメインコンテンツですので、初心者にやさしいブログとなっています。

4. Find Job! Startup

http://www.find-job.net/startup/

Web制作初心者にとっての大きな壁は、「わからないことが多すぎる」ことではないでしょうか。

そんなときにまず押さえておきたいのが、こちら。タイトルのとおり、まさしくスタートアップの成功に特化したコンテンツが目白押しですので、ほかのブログを見てもわからない場合には一度こちらへ立ち返ると理解が深まります。

5. Webデザインレシピ

http://webdesignrecipes.com/

「Web制作の基礎知識はこれさえあれば充分!」と断言してしまっても過言ではないのが、こちらのサイトです。

レイアウトのキモからCSSのテクニックまで、豊富な情報が丁寧に解説されています。特に、WordPressでWeb制作をしようと考えている場合には最良の参考書となるでしょう。

6. webOpixel

http://www.webopixel.net/

しっかりとWeb制作の基礎を身につけてステップアップしたくなったら、次に参照したいのがこちらです。

HTML、CSS、jQueryに関するTipsが無数に紹介されていますから、「初心者レベル」の壁を打ち破るには最適な情報源となるでしょう。スクロール系やマウスオーバー系の小技で遊びを入れたい場合には特に重宝します。

7. Webpark

http://weboook.blog22.fc2.com/

知れば知るほど奥が深いのがWeb制作の世界です。中でもCSSは、使い方次第で上級者でも驚くような仕掛けを実装することもできます。

そんなCSSについての小技を網羅しているのが、こちら。目からウロコのテクニックも数多く掲載されていますから、初心者のうちだけでなく、Web制作を続けていくかぎりいつまでも愛用していけるサイトです。

8. Photoshop VIP

http://photoshopvip.net/

初心者にとってのWeb制作の難しさは、ロジックで覚えられる部分とセンスを要求される部分とが共存していることではないでしょうか。

PhotoshopやIllustratorの実践的な技術だけでなく、Webデザインのトレンド紹介記事なども充実しているサイトですので、デザイン面に弱い人は必読です。

9. バンクーバーのうぇぶ屋

http://webya.opdsgn.com/

Webは国境を越えてどこからでもアクセスできるものであるにもかかわらず、実際には国ごとによってトレンドが違っています。そのため、日本国内のブログだけを参照していては手が届かない情報も時としてあることでしょう。

こちらはタイトルのとおり、バンクーバー在住のWebクリエイターが発信しているサイトです。海外ならではの貴重なWeb関連情報を日本語で読める数少ないブログですので、実践的な部分だけでなく読み物としても楽しめます。

10. かちびと.net

http://kachibito.net/

最後に紹介したいのは、HTMLやJavaScriptからSEOまで、Web制作・運営にまつわるあらゆる情報を幅広く網羅しているこちらです。

まったくの初心者にも一線級のWebクリエイターにも有用なコンテンツが数多く、またその記事の質も非常に良質なものばかりとなっています。

まとめ

いかがだったでしょうか? 有名なブログも多いですが、それだけコンテンツが充実しているということの裏返しです。これらのサイトをブックマークしておけば、Web制作初心者の悩みや疑問はほとんど解決できることでしょう。

初心者だからこそ、きっちりとクオリティの高い情報を参考にして勉強することが大事なのです。この10サイトとともに、Webクリエイターとしての「はじめの一歩」を確実に踏み出しましょう。

 - SEO, WEBサイト運営, WEBデザイン, コピーライティング, コンテンツマーケティング

スポンサーリンク

  関連記事

chart-594212_640
顧客の気持ちがほぼ100%分かる?意外な無料の資料とは?

【無料】世界一理にかなった目標達成の技術がここに! こんな経験はないでしょうか? …

lego-1862121_640
ハッシュタグを活用した秀逸なSNSキャンペーン3選

【無料】世界一理にかなった目標達成の技術がここに! FacebookやTwitt …

競合サイトを丸裸にするサイト分析ツール
競合サイト分析|あのサイトを丸裸にする「分析ツール」4選

【無料】世界一理にかなった目標達成の技術がここに! WEBサイトを運営していると …

contents-marketing-64-1
アン・ハンドリーの「コンテンツ・マーケティング64の法則」読了後レビュー

コンテンツマーケティング、コンテンツSEOの重要性が認識されてきた現在、コンテン …

creative-725811_640
マーケティングとしてのクラウドファンディング活用方法。国内サイト22選。

【無料】世界一理にかなった目標達成の技術がここに! ここ数年新しいアイデアを実現 …

IMA
一流マーケッターへの近道! <実践系WEBマーケティング資格・学習>厳選7選

【無料】世界一理にかなった目標達成の技術がここに! ↓↓今なら2,980円⇒無料 …

student-849820_640
【保存版】案件発注前に!国内クラウドソーシングサイト25選。

【無料】世界一理にかなった目標達成の技術がここに! Webをはじめとしたクリエイ …

headphones-680971_640
製品視点から顧客視点へ!音楽業界に見る4P戦略と4C戦略

【無料】世界一理にかなった目標達成の技術がここに! 最近、どのように音楽を聴いて …

medical-563427_640
病院・医院のSEO対策やネット集客について考えてみる

【無料】世界一理にかなった目標達成の技術がここに! 学生時代の先輩で歯医者さんが …

ec
一斉メールはNG?ECサイトメルマガで成果が出る5つのユーザー属性

【無料】世界一理にかなった目標達成の技術がここに! ECサイトを運営するうえで、 …