個人的に役立ったデザイン素材やTips、WEBサービス、役立つグッズ、あれやこれやをご紹介

WEBデベロッパーのためのおすすめYouTubeチャンネル15選

WEBデベロッパーのためのおすすめYouTubeチャンネルをご紹介します。
対象はHTML、CSS、JS、PHP、WordPress、Ruby on Railsなど。
動画でWEBに関する知識を学ぶ機会が増えていますが、YouTubeでも有益な動画数多く公開されています。
いずれも海外の動画となりますが、英語だからと忌み嫌わず一度、見てみてください。
非常に丁寧に解説されているので、英語でも得るところの多い動画です。
スキルアップに、これからサイト制作を始めようという方のご参考になれば幸いです。

Codecourse

WEBデベロッパーのためのおすすめYouTubeチャンネル15選
WEBデベロッパーのための助けとなる情報がつまったチャンネルです。
Bourbon & Neatを使ったCSS、MVCの構築に関する動画があります。
対象言語は、PHP, CSS, Hosting
Codecourse

Dev Tips

WEBデベロッパーのためのおすすめYouTubeチャンネル15選
HTMLとCSSの基礎から始まり、動画作成者の個人的なサイトの完成までを目指すチュートリアル動画です。
対象言語は、HTML, CSS, JS
Dev Tips

Level Up Tuts

WEBデベロッパーのためのおすすめYouTubeチャンネル15選
CSSによるスタイリングや、AngularJS、WordPressのようなCMS、Magentoをはじめとするフレームワークをつかったサイトの構築が解説されています。
Sketch.appを使ったデザインの解説などもあります。
対象言語は、HTML, CSS, JavaScript (AngularJS, Meteor), PHP
Level Up Tuts

JREAM

WEBデベロッパーのためのおすすめYouTubeチャンネル15選
CSS, JavaScript, jQuery, Gulpなどのフロントエンド系、PHP OOPなどのバックエンド系の言語を学べます。
IllustratorとPhotoshopを使ったデザインの解説もあります。
対象言語は、CSS, JavaScript(NodeJavaScript, jQuery), PHP, MySql
JREAM

LearnCode.academy

WEBデベロッパーのためのおすすめYouTubeチャンネル15選
プロフェッショナルのデベロッパーになるための助けとなる動画チャンネル。
HTML、JS、jQuery、CSS、Modular JavaScript、ES6などを学べます。
対象言語は、HTML, CSS, JavaScript (NodeJS, AngularJS, BackboneJS), サーバー管理
LearnCode.academy

Mackenzie Child

WEBデベロッパーのためのおすすめYouTubeチャンネル15選
デザインからRuby on Railsを使ったWEBアプリケーションの開発を学べます。
WEBアプリケーションは全部で12。
対象言語は、Ruby on Rails
Mackenzie Child

Derek Banas

WEBデベロッパーのためのおすすめYouTubeチャンネル15選
多様な言語に対応した動画チュートリアル。
対象言語は、CSS, JavaScript, Ruby, Go, Swift, Visual C#, Haskel, Dartなど
Derek Banas

Tuts+ Web Design

WEBデベロッパーのためのおすすめYouTubeチャンネル15選
WEBデザインをマスターできる動画チュートリアルチャンネル。
Bootstrapのマスターや、Photoshopでのレイアウト、レスポンシブウエブデザイン、SASS、Compassの実装などが解説されています。
対象言語は、HTML, CSS, Design (Photoshop)
Tuts+ Web Design

Adam Khoury

WEBデベロッパーのためのおすすめYouTubeチャンネル15選
JavaScript, PHP, SQL, HTML, CSSなどのマスターを目的とした動画チャンネル。
対象言語は、HTML, CSS, JavaScript, PHP, SQLなど
Adam Khoury

Coder’s Guide

WEBデベロッパーのためのおすすめYouTubeチャンネル15選
プログラミング言語を広く学べる動画チャンネル。
HTML/CSSとJSの基礎から始まり、レスポンシブデザイン、Bootstrapを使ったWordPressテーマといったとトピックに進みます。
対象言語は、HTML, CSS, JavaScript, PHP, Java, VisualBasic
Coder’s Guide

Brad Hussey

WEBデベロッパーのためのおすすめYouTubeチャンネル15選
HTML/CSSを使ったサイト制作から、Bootstrap、PHPを使ったサイト制作などを学べます。
対象言語は、HTML, CSS, JavaScript, PHP
Brad Hussey

Google Chrome Developer

WEBデベロッパーのためのおすすめYouTubeチャンネル15選
WEBデベロップメントに関するベストプラクティス、Google Polymerをはじめ、興味深いツールなどが解説されています。
対象言語は、HTML, JavaScript, Google Polymer
Google Chrome Developer

CodeGeek

WEBデベロッパーのためのおすすめYouTubeチャンネル15選
AngularJs、NodeJS、JavaScript、NodeJS Frameworks、PHP、Python、MongoDb、NoSQL、Couchbase、SQL Serverなどを学ぶことができます。
対象言語は、 JavaScript and frameworks (Angular, NodeJS), PHP, Python, Database (MongoDB, NoSQLなど)
CodeGeek

Google Web Designer

WEBデベロッパーのためのおすすめYouTubeチャンネル15選
デザイン、HTML/CSS、JSを学べる動画チャンネル。
対象言語は、HTML, CSS, JS
Google Web Designer

CSS Tricks

WEBデベロッパーのためのおすすめYouTubeチャンネル15選
CSS、レスポンシブデザイン、SVGなどを含むWEBデザインに関連するトピックを学べる動画チャンネル。
対象言語は、CSS, JavaScript, WordPress
CSS Tricks

お役に立てましたら、以下どれでも結構のですので、ポチリと……。

  • 0
  • 0
  • 2
  • 5

Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

この記事を読んだ人はこんな記事も読んでいます

デザインのヒントはここに!海外の人気ブログで評価の高かった2013年のWEBデザイン60

新年を迎え、2013年のまとめ的な記事が海外ブログでも続々とアップされています。 そんななかから今

記事を読む

見ている人を魅了するcodrops作成のマウスオーバーエフェクト21

ユーザーを魅了するcodrops作成のマウスオーバーエフェクト21

CSS3対応のブラウザーが増えているおかげで、マウスオーバーエフェクトにも凝った演出を施しているサイ

記事を読む

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート80

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート80

WEBデザインを勉強するうえで大切なのが、自分でいいなあと感じたデザインをそのままマネしてつくってみ

記事を読む

SVGベースのオリジナルなシームレスパターンを作ってダウンロードできる「Plain Pattern」

SVGベースのオリジナルなシームレスパターンを作ってダウンロードできる「Plain Pattern」

今回ご紹介するのはSVGベースのシームレスパターンを簡単につくれて、PNG形式でダウンロードできてし

記事を読む

人気のHTML/CSSコードサンプル25+おまけ2 from CodePen

CodePenはHTML,CSS,JSのコードサンプル配布サイトです。 紹介されているコードの種類

記事を読む

CSSだけで作られた決済代行・クレジット決済サービスアイコン95種「PaymentFont」WEBフォントしても使える!

CSSだけで作られた決済代行・クレジット決済サービスの無料アイコン95種「PaymentFont」WEBフォントしても使える!

CSSだけで作られた決済代行・クレジット決済サービスの無料アイコンセットをご紹介します。 ピュアC

記事を読む

CSS3の色名147色(RGB、HEX16進カラーコード併記)

CSS3の色名147色(RGB、HEX16進カラーコード併記)

CSS3になって、色名についても大幅に選択肢が増えたのをご存知でしょうか。 私は知りませんでした。

記事を読む

table作成の決定版!html/cssで素早く手軽に表組みをしたいなら「Tables Generator」がおすすめ!

table作成の決定版!html/cssで素早く手軽に表組みをしたいなら「Tables Generator」がおすすめ!

html/cssでtableを組むのって、手間がかかりますよね。 そんなとき便利なのがジェネレータ

記事を読む

今この瞬間もサイバー攻撃が行われている!DDoS攻撃を可視化する「Digital Attack Map」に戦慄

今この瞬間もサイバー攻撃が行われている!DDoS攻撃を可視化する「Digital Attack Map」に戦慄

戦慄を覚えるマップです。 サービス自体は1年前に公開されていましたが、海外で再び注目され、私自身が

記事を読む

Sketch用の無料フリー素材1500+ 2015年04月

Sketch用の無料フリー素材1500+ 2015年04月

Sketch用の無料フリー素材を集めてみました。 Mac専用ということもあり、日本ではPhotos

記事を読む