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

WEBデベロッパーのためのおすすめYouTubeチャンネルをご紹介します。
対象はHTML、CSS、JS、PHP、WordPress、Ruby on Railsなど。
動画でWEBに関する知識を学ぶ機会が増えていますが、YouTubeでも有益な動画数多く公開されています。
いずれも海外の動画となりますが、英語だからと忌み嫌わず一度、見てみてください。
非常に丁寧に解説されているので、英語でも得るところの多い動画です。
スキルアップに、これからサイト制作を始めようという方のご参考になれば幸いです。
Codecourse
WEBデベロッパーのための助けとなる情報がつまったチャンネルです。
Bourbon & Neatを使ったCSS、MVCの構築に関する動画があります。
対象言語は、PHP, CSS, Hosting
Codecourse
Dev Tips
HTMLとCSSの基礎から始まり、動画作成者の個人的なサイトの完成までを目指すチュートリアル動画です。
対象言語は、HTML, CSS, JS
Dev Tips
Level Up Tuts
CSSによるスタイリングや、AngularJS、WordPressのようなCMS、Magentoをはじめとするフレームワークをつかったサイトの構築が解説されています。
Sketch.appを使ったデザインの解説などもあります。
対象言語は、HTML, CSS, JavaScript (AngularJS, Meteor), PHP
Level Up Tuts
JREAM
CSS, JavaScript, jQuery, Gulpなどのフロントエンド系、PHP OOPなどのバックエンド系の言語を学べます。
IllustratorとPhotoshopを使ったデザインの解説もあります。
対象言語は、CSS, JavaScript(NodeJavaScript, jQuery), PHP, MySql
JREAM
LearnCode.academy
プロフェッショナルのデベロッパーになるための助けとなる動画チャンネル。
HTML、JS、jQuery、CSS、Modular JavaScript、ES6などを学べます。
対象言語は、HTML, CSS, JavaScript (NodeJS, AngularJS, BackboneJS), サーバー管理
LearnCode.academy
Mackenzie Child
デザインからRuby on Railsを使ったWEBアプリケーションの開発を学べます。
WEBアプリケーションは全部で12。
対象言語は、Ruby on Rails
Mackenzie Child
Derek Banas
多様な言語に対応した動画チュートリアル。
対象言語は、CSS, JavaScript, Ruby, Go, Swift, Visual C#, Haskel, Dartなど
Derek Banas
Tuts+ Web Design
WEBデザインをマスターできる動画チュートリアルチャンネル。
Bootstrapのマスターや、Photoshopでのレイアウト、レスポンシブウエブデザイン、SASS、Compassの実装などが解説されています。
対象言語は、HTML, CSS, Design (Photoshop)
Tuts+ Web Design
Adam Khoury
JavaScript, PHP, SQL, HTML, CSSなどのマスターを目的とした動画チャンネル。
対象言語は、HTML, CSS, JavaScript, PHP, SQLなど
Adam Khoury
Coder’s Guide
プログラミング言語を広く学べる動画チャンネル。
HTML/CSSとJSの基礎から始まり、レスポンシブデザイン、Bootstrapを使ったWordPressテーマといったとトピックに進みます。
対象言語は、HTML, CSS, JavaScript, PHP, Java, VisualBasic
Coder’s Guide
Brad Hussey
HTML/CSSを使ったサイト制作から、Bootstrap、PHPを使ったサイト制作などを学べます。
対象言語は、HTML, CSS, JavaScript, PHP
Brad Hussey
Google Chrome Developer
WEBデベロップメントに関するベストプラクティス、Google Polymerをはじめ、興味深いツールなどが解説されています。
対象言語は、HTML, JavaScript, Google Polymer
Google Chrome Developer
CodeGeek
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
デザイン、HTML/CSS、JSを学べる動画チャンネル。
対象言語は、HTML, CSS, JS
Google Web Designer
CSS Tricks
CSS、レスポンシブデザイン、SVGなどを含むWEBデザインに関連するトピックを学べる動画チャンネル。
対象言語は、CSS, JavaScript, WordPress
CSS Tricks
Sponsored by
お役に立てましたら、以下どれでも結構のですので、ポチリと……。
Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
CCSだけで見出しに自動で連番を記入する方法
当ブログでは「◯◯100」といった感じの記事をよく書かせていただいています。 こうしたとき、以前ま
-
-
一石二鳥!ベンダープレフィックスをブラウザ上で追加し、CSSのミスも指摘してくれる「Autoprefixer」
ベンダープレフィックスvendor prefixesをブラウザ上で追加してくれたうえで、CSSのミス
-
-
CSSスプライト作成の決定版!これ以上ない使いやすさの「Spritebox」
CSSスプライトを誰でも簡単に、しかも見やすく生成できてしまうツールのご紹介です。 CSSスプライ
-
-
背景画像をフルスクリーン&レスポンシブ対応にする方法
背景画像をスクリーンいっぱいに表示しているサイトが増えているとはいえ、いま見てもインパクトがあります
-
-
もはやアート?ブラウザの閲覧履歴をファビコンで一覧表示する「Iconic History」
ブラウザの閲覧履歴をファビコンで一覧表示するChromeの機能拡張「Iconic History」を
-
-
2014年登場のCSSツール・サービスはこれ!2014ベストCSSツール・サービス50
2014年に登場したCSS関係のツール、サービスをご紹介します。 CSS3の登場で、CSS関連のツ
-
-
背景に使いたい!美しくカラフルなトライアングルメッシュ画像をSVGとして作成できるjsライブラリー「Trianglify」
最近よく見かける背景画像といえば、美しいボケ味の効いた画像やカラフルなピクセルパターンですが、美しく
-
-
これは簡単!ポリゴン画像生成ジェネレーター「Trianglify Generator」
簡単・無料で利用できるこポリゴン画像生成ジェネレーターをご紹介。 背景画像などによく使われているポ
-
-
これは魅力的!CSSだけで実装できる無料の画像ホバーエフェクト22
CSSだけで実装できる魅力的な画像用のホバーエフェクトをご紹介します。 種類は全部で22種類です。
-
-
よくわかる 初心者のためのCSSアニメーションチュートリアル
初心者のためのCSSアニメーションチュートリアルです。 海外の有名ブログでわかりやすいチュートリア