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アソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
WEBデザインのインスピレーションに!UIデザインのコードスニペットコレクション「CodeMyUI」
WEBデザインのインスピレーションになるUIデザインのコードスニペットがコレクションされた「Code
-
-
クリックしたくなる!CSSだけで作られた無料のボンタコレクション「CSS Buttons」
CSSだけで作られた無料のボタンがコレクションされている便利なサイトをご紹介します。 Photos
-
-
これは簡単!ポリゴン画像生成ジェネレーター「Trianglify Generator」
簡単・無料で利用できるこポリゴン画像生成ジェネレーターをご紹介。 背景画像などによく使われているポ
-
-
スタイリッシュなポップアップ/モーダルウインドウ用jQuery無料プラグイン25
jQueryで実装できるスタイリッシュなポップアップ/モーダルウインドウ用プラグインをご紹介します。
-
-
HTMLメールの無料テンプレートをお探しなら「Open Source Email Templates」
HTMLメールは、メールでの占める割合を着実に増やしていますよね。 美しいデザインのHTMLメール
-
-
参考にしたい!シンプルで美しいWEBデザイン50(〜2014.02)
2014年2月現在までに公開されているサイトのうち、美しくスッキリしたデザインをコレクションしてみま
-
-
これは魅力的!CSSだけで実装できる無料の画像ホバーエフェクト22
CSSだけで実装できる魅力的な画像用のホバーエフェクトをご紹介します。 種類は全部で22種類です。
-
-
背景画像をサッとつくれる便利ツール20選
背景画像をサッとつくれる便利ツールやサイトをご紹介します。 背景にちょっと手を加えるだけで、見た目
-
-
Sketch用の無料フリー素材1500+ 2015年04月
Sketch用の無料フリー素材を集めてみました。 Mac専用ということもあり、日本ではPhotos
-
-
いまさら聞けない無料でオリジナルなアイコンフォントを作る方法・利用する方法
アイコンフォントは便利だ、という声をあちこちで耳します。 遅ればせながら私も使ってみましたが、本当