ガジェット通信

見たことのないものを見に行こう

Web制作者がマジで学べる国内ブログ厳選10個【制作+SEO対策編】

DATE:
  • ガジェット通信を≫


(編集部注*2014年5月26日に公開された記事を再編集したものです。)

みなさんどうも〜こんにちはぁ!
日々レベルアップを目指してWebを学んでおりますライターの、のび太です。

以前「Web制作初心者がマジで学べるおすすめ国内ブログ厳選10個」という記事を書かせていただいたのですが、予想以上に好評で驚きました。お役に立てて光栄です!

そのときご紹介したブログの他にも、まだまだ有益で素晴らしい国内ブログはたくさんあります。そこで今回は、「やばい! マジで有益すぎる! ありがてぇ!」と感じたブログを、制作系とSEO系とに分けて、計10個ほどご紹介したいと思います。

今まで知らなかったという人は、ぜひこの機会にRSS購読を!

Web制作者がマジで学べる国内ブログ厳選10個【制作+SEO対策編】

制作系

以下7ブログが、デザイン、コーディング、CMSなど制作系の内容になります。

NxWorld

http://www.nxworld.net/

どの記事もシンプルかつ丁寧な説明で非常にわかりやすいです。特にWordPressカスタマイズ系の記事が多く、「これ、まさに知りたかった!」っていうのが見つかることが多く、何度も助けられました。他にもデザイン素材、Webサービス紹介などなど、役に立つ情報満載です。

おすすめ記事

WordPress:覚えておいて損はない、開発者向けプラグイン 25+

http://www.nxworld.net/wordpress/wordpress-plugins-for-developers.html

CSSのみで実装するボタンデザインやホバーエフェクト 20+α

http://www.nxworld.net/tips/css-only-button-design-and-hover-effects.html

ユニークな「ページの先頭へ」や「ページトップ」の実装例10

http://www.nxworld.net/inspiration/unique-pagetop-showcase.html

HTML5でサイトを作ろう!

http://www.html5-memo.com/

ブログの筆者はWeb専門学校で講師を務められており、数多くの書籍も出版されている方です。HTML5を学びたかったらこのサイトが1番おすすめです。

HTML5の新要素、マークアップ方法などを理解するのに、オレはどんだけこのサイトに助けられたことか……。本当に本当にありがとうございましたー!

他にも、WordPress、jQuery、CSS3などの記事がありますが、どれもすごくわかりやすいです。

おすすめ記事

HTML5は難しくない? XHTML1.0とHTML5のコーディングの違いを確認してみよう!【初級編:HTML5のマークアップ】

http://www.html5-memo.com/html5/html5_01/

ソースコピーですぐ使えてスマホ専用サイト作成に便利!PC・スマートフォンサイトの振り分けJavaScript作りました。

http://www.html5-memo.com/css3/pc_bunki/

記事の投稿作業をしやすくする投稿画面のカスタマイズ方法いろいろ|WordPressでビジネスサイトをつくろう【第16回】

http://www.mdn.co.jp/di/articles/2782/?page=17

※筆者は「WEBデザインクリップ」という、まとめ系サイトも運営されていますが、こちらもかなり有益で参考になります! 頻繁にチェックさせていただいています。

WEBデザインクリップ

http://webdesignmatome.com/

creive【クリーブ】

http://creive.me/

いろんなジャンルのまとめ系記事がすっごく参考になります! デザイン、Web制作だけでなく、広告、マーケティング、ライフハックなどなど、ジャンルがとても幅広くて記事の質も高いです。

「クリエイターのための情報発信メディア」と謳っている通り、クリエイターなら誰もが参考になる情報が揃っています。「イケてるWebサービス・アプリ」が毎月投稿されるのですが、最近のトレンドを知ることができてありがたいです。

おすすめ記事

最近話題になったイケてるWebサービス・アプリ16選(2014年4月編)

http://creive.me/archives/4628/

ロゴデザインの参考に!作成時に役立つwebサイト&オススメ記事21選

http://creive.me/archives/3337/

2013年に話題になったデザインに関する「考え方」が変わる記事14選

http://creive.me/archives/3962/

Lopan.jp

http://lopan.jp/

1つ1つの記事が丁寧で非常にわかりやすいです。ガッツリ学べます!
以前ご紹介した「Webレシピ」さんと同じように、教科書を読んでいるような感覚になると思います。特に初心者の方にとっては、すごくありがたいブログです。

中でも「Webサイトの作り方」をデモサイトを使ってゼロから最後まで丁寧に解説している記事は秀逸です! 「無料でここまで教えてもらっちゃって、ホントにいいんですかね?」って思っちゃいました。マジでありがたいでーす!

おすすめ記事

Webサイトの作り方のまとめ!デザイン制作からコーディング手前まで。

http://lopan.jp/how-to-make-website/

Webサイトの作り方のまとめ!ブラウザチェック。

http://lopan.jp/browser-check/

カラフルなボタンが作れる汎用レイヤースタイル。

http://lopan.jp/button-layer-style/

Basic Design Note

http://basicdesign-note.com/

デザインの「基本」を学びたい人すべてに見てほしい! 図解などを使って丁寧にわかりやすく解説してくださっています。

独学で学んでいた僕にとって、めちゃめちゃ有益でありがたいものでした。特に以下3つの記事は、定期的に見直すべき永久保存版レベルだと個人的には感じました。

おすすめ記事

文字の読みやすさを生み出す為の知識と方法【前編】

http://basicdesign-note.com/produce-the-readability01/

文字の読みやすさを生み出す為の知識と方法【後編】

http://basicdesign-note.com/produce-the-readability02/

キチンと伝えるための文字レイアウトの考え方

http://basicdesign-note.com/letter-layout/

YATのBLOG

http://wp.yat-net.com/

こちらのブログも有益な情報が多く、とても助けられてます。プランニングやユーザービリティなどに関して、Web業界で経験豊富な筆者の貴重なノウハウ・考え方は本当に参考になります。

Webデザイン、コーディング、プログラミング、便利ツールなどなど、とても幅広く学べます。

おすすめ記事

レイアウトが考えやすくなるデザインのルール

http://wp.yat-net.com/?p=3633
ECサイトにおける考えるべきユーザビリティ9ヶ条

http://wp.yat-net.com/?p=3604
見せたいコンテンツを見てもらう手段をユーザビリティの観点から考える

http://wp.yat-net.com/?p=1602

Arch

http://www.ar-ch.org/

Photoshopに関する有益記事が特に多いです。簡潔に書かれていて読みやすく、初心者でも理解しやすいと思います。

サイトではPhotoshop用のパターンやクリップのベクターシェイプアイコンなど、定期的に素材を無料配布してくださっています。僕はよくダウンロードさせていただいております。ありがとうございまーす!

おすすめ記事

Photoshopで少しでも作業時間を短縮するためにしていること6つ

http://www.ar-ch.org/photoshop_short_time

テキストのメリハリをつける方法7つ

http://www.ar-ch.org/mt/archives/2012/11/clear.html

Webサイトにおける目的客とフリー客について

http://www.ar-ch.org/mt/archives/2012/04/post-8.html

SEO対策系

以下3ブログがSEO対策系の内容になります。

バズ部

http://bazubu.com/

Web担当者なら、バズ部さんを知らない人はいないでしょう。っていうかぜひ知ってくださいよ!

2012年4月スタートして、わずか半年で月間100万PV達成という偉業を成し遂げたブログ。それもそのはず、WordPress、SEO、コピーライティングを中心に、かなり実用的で『バズる』ネタを出しまくっています。自分にとっての『SEOの教科書』として、書いてあることをそのまま実践でよく使わせていただいています。

コンテンツのクオリティーの高さがマジでヤバイです!

おすすめ記事

SEO対策|検索上位を実現する36の手順

http://bazubu.com/seo-13666.html

コンテンツマーケティングの効果と実践法

http://bazubu.com/contentmarketing-14765.html

ロングテールSEOの効果と実践方法

http://bazubu.com/longtail-seo-16277.html

Naifix-起業バカ-

http://naifix.com/

ブログに関する様々な有益記事が揃っています。ブログのアクセスアップや収益化を目指している人は必見です。

最近ではコンテンツマーケティングとしてブログを立ち上げる企業は多いですが、ぜひとも「Naif」を読んで効果的な運営方法やSEOを学んでいただきたいですね。

おすすめ記事

全40個!僕が使っているブログ運営必須ツールとWEBサービスを全部公開

http://naifix.com/blog-tools/

ブログで反応率が一番高いのは記事直下!みんなのデザインを見てみよう

http://naifix.com/cta/

良質なコンテンツって何?ブログ初心者が意識すべきたった1つのこと

http://naifix.com/high-quality/

SEO HACKS

http://www.seohacks.net/blog/

ヴォラーレ株式会社が運営するSEOが詳しくガッツリ学べるブログです。SEOコンサルティングを提供している会社だけあって、紹介されているノウハウは本当に貴重で参考になるものばかりです。SEOを深く知っておきたい人にはぜひ読んでもらいたいです。

おすすめ記事

Webサイトに必要なコンテンツとSEOについて

http://www.seohacks.net/blog/contents/contents_seo/
Googleがアルゴリズムを変更する目的とSEOの役割

http://www.seohacks.net/blog/zatsudan/google_seo/

これからSEOを始める方に、最初に知っておいて欲しいこと

http://www.seohacks.net/blog/zatsudan/for_seo_biginners/

さいごに

独学でWebを学んでいる身としては、ネット上にこれだけ多くの有益なブログがあるのは本当にありがたいですね。上記のようなクオリティーの高いブログを無料で読ませていただけている恩恵に感謝し、いつまでも向上心を失わずこれからもレベルアップを目指したいと思っています。

ぜひみなさんも一緒に、有益な国内ブログを利用して、デザイン・マーケティング・SEOなどなど、大いにWebを学んでいきましょう!

カテゴリー : 生活・趣味 タグ :
LIGの記事一覧をみる ▶
  • 誤字を発見した方はこちらからご連絡ください。
  • ガジェット通信編集部への情報提供はこちらから
  • 記事内の筆者見解は明示のない限りガジェット通信を代表するものではありません。

TOP