個人的に役立ったデザイン素材や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アソシエイト・プログラムの参加者です。

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

アイコンはCSSの時代へ!?こんなにある無料のCSSアイコン500+

アイコンはCSSの時代へ!?こんなにある無料のCSSアイコン500+

CSSだけ作られたアイコン(ピュアアイコン)をご紹介します。 アイコン制作手法も様変わりを見せてお

記事を読む

これは簡単!CSSだけで棒グラフが作成できてしまう「chart.css」

これは簡単!CSSだけで棒グラフ/チャートが作成できてしまう「chart.css」

CSSだけで棒グラフ/チャートが作成できてしまう「chart.css」をご紹介します。 CSSファ

記事を読む

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

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

記事を読む

レスポンシブWEBデザイン対応のメニューが作れるチュートリアル17(ソースファイル付き)

レスポンシブWEBデザインを行ううえで重要になってくるのがメニューをどのようにするかということではな

記事を読む

無料で利用できる検索フォーム12(CSS3,HTML5,jQuery)

検索フォームはサイトに欠かせない重要な要素の1つになっています。 最近では、アニメーションを用いた

記事を読む

レスポンシブ対応HTMLメールのフレームワーク集「Responsive HTML Email Framework」

レスポンシブ対応HTMLメールのフレームワーク集「Responsive HTML Email Framework」

レスポンシブ対応HTMLメールのフレームワーク集「Responsive HTML Email Fra

記事を読む

シンプルなのに効果的!CSS3トランジションを使ったマウスオーバーアニメーション11

シンプルなのに効果的!CSS3トランジションを使ったマウスオーバーアニメーション11

CSS3を使えば、シンプルなコードなのに、ユーザーを「おっ!」と思わせる楽しい動きを簡単に実装できて

記事を読む

2014年登場のCSSツール・サービスはこれを!2014ベストCSSツール・サービス50

2014年登場のCSSツール・サービスはこれ!2014ベストCSSツール・サービス50

2014年に登場したCSS関係のツール、サービスをご紹介します。 CSS3の登場で、CSS関連のツ

記事を読む

コード/js不要!ドラッグ&ドロップだけでCSSイメージスライダーがつくれるアプリ「cssSlider.com」

コード/js不要!ドラッグ&ドロップだけでCSSイメージスライダーがつくれるアプリ「cssSlider」

イメージスライダーは限られたスペースに多くの視覚的情報を盛り込めるので、ショップなどでは非常によく利

記事を読む

ブラウザの閲覧履歴をファビコンで一覧表示するChrome機能拡張

もはやアート?ブラウザの閲覧履歴をファビコンで一覧表示する「Iconic History」

ブラウザの閲覧履歴をファビコンで一覧表示するChromeの機能拡張「Iconic History」を

記事を読む