個人的に役立ったデザイン素材や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年のまとめ的な記事が海外ブログでも続々とアップされています。 そんななかから今

記事を読む

CSSグラデーションを簡単につくれる「Colorful CSS Gradient Background Generator」

CSSグラデーションを簡単につくれる「Colorful CSS Gradient Background Generator」

CSSグラデーションは手軽に実装できるし、メンテナンスも簡単だし、とっても便利ですよね。 ただ、自

記事を読む

超簡単!CSSで上下左右センターにする方法

超簡単!CSSで上下左右センターにする方法

超簡単ですぐ実践できるCSSで上下左右センターにする方法をご紹介。 display:flexを使っ

記事を読む

無料で商用利用可のレスポンシブ/HTML5対応のテンプレートをまとめてくれている「HTML5 UP」

無料テンプレートを探すとき、どういう基準で探していますか? レスポンシブ対応? HTML5対応?

記事を読む

写真/画像に3DCGポリゴン風エフェクトをかけてくれる無料/フリージェネレーター5つ

背景に使いたい!美しくカラフルなトライアングルメッシュ画像をSVGとして作成できるjsライブラリー「Trianglify」

最近よく見かける背景画像といえば、美しいボケ味の効いた画像やカラフルなピクセルパターンですが、美しく

記事を読む

40以上のホバーエフェクトをCSSだけで実装できる「Hover.Css」

40以上のホバーエフェクトをCSSだけで実装できる「Hover.Css」

最近はいろいろなサイトで魅力的なホバーエフェクトを目にする機会が増えました。 今回は、そんなホバー

記事を読む

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

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

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

記事を読む

無料地図製作ツールの決定版!? 日本をはじめとする世界各国の地図をカスタマイズしてSVG,HTML,PNGで書き出せる「Pixel Map Generator」

無料地図製作ツールの決定版!? 日本をはじめとする世界各国の地図をカスタマイズしてSVG,HTML,PNGで書き出せる「Pixel Map Generator」

無料地図製作ツールの決定版!?ともいえる日本をはじめとする世界各国の地図をカスタマイズしてSVG,H

記事を読む

動画にCSSだけで色調補正エフェクトをかけた「dynamically colorize videos」は必見

動画にCSSだけで色調補正エフェクトをかけた「dynamically colorize videos」は必見

動画にCSSだけで色調補正エフェクトをかけた「dynamically colorize videos

記事を読む

無料のドメインを取得してレンタルサーバーに設定する方法

無料のドメインを取得してレンタルサーバーに設定する方法

ドメインって無料で取得できるサービスがあるのをご存知でしたか? ドメインというとお名前.comなど

記事を読む