paiza開発日誌

IT/Webエンジニア向け総合求人・学習サービス「paiza」の開発者が、プログラミングやITエンジニアの転職などについて書いています。

20200204140738

ITエンジニア向け総合求人・学習サービス「paiza」の開発者が、プログラミングやITエンジニアの転職などについて書いています。

プログラミング動画学習 paizaラーニング

無料で学べる!チュートリアル系のYouTube動画を網羅した「Channels Stack」を使ってみた!

f:id:paiza:20200325104200j:plain
どうも、まさとらん(@0310lan)です!

今回は多彩なジャンルのチュートリアル系YouTube動画を網羅的にまとめたWebサービスをご紹介します。

CG・動画編集・音楽制作・Web開発・デザイン・ゲーム作り・NoCode…など、非常に幅広い学習コンテンツを無料で学べるのが大きな魅力となっています。

いずれもクオリティの高いチュートリアル動画ばかりなので、ご興味ある方はぜひ参考にしてみてください!

Channels Stack

f:id:paiza:20200325104520j:plain

■「Channels Stack」の使い方

それでは最初に「Channels Stack」の基本的な使い方について紹介しておきます。

面倒なユーザー登録や初期設定などは一切不要で、サイトにアクセスしたらすぐにでも利用できるのが特徴です。

トップ画面にある【Browse categories】ボタンをクリックしてみましょう。

f:id:paiza:20200325104543j:plain


細かいカテゴリ別に学習系のYouTubeチャンネルがまとめられています。

f:id:paiza:20200325104603j:plain

2020年3月時点では「クリエイティブ」「テクノロジー」「ビジネス」「ライフスタイル」という4つの大きな項目に分けられています。

それぞれの項目にはさらに細かいカテゴリが用意されており、デザイン・VFX・音楽・プログラミング・ゲーム開発・マーケティング・DIYなど、多種多様なジャンルから自分が学びたいスキルを選ぶことができます。

今回はこのようなジャンルの中から、どのようなチュートリアル動画が公開されているのかについていくつかピックアップしてご紹介していきます!

■3DCGのチュートリアル

Polygon Runway

f:id:paiza:20200325104653j:plain

このチャンネルは主にBlenderを利用したローポリゴンの3DCGを作成するチュートリアル動画を多数提供しているのが特徴です。

それぞれの動画は完全にゼロの状態から始まり、少しずつ3Dオブジェクトを構築して最終的に成果物を完成させるまでの過程をすべて学べるのが大きな魅力です。


細かいテクニックやソフトに搭載されている機能の使い方なども、すべてノーカットで公開されているので初心者にも最適でしょう。

f:id:paiza:20200325104709j:plain

学べるコンテンツとしては以下の通りです。

  • Blenderの基本的な使い方
  • ローポリゴンの構築方法
  • 車、建物、自然環境のCG制作手法
  • キャラクターの作り方
  • ライティングテクニック
  • 色付けの基本

…など

以下におすすめの動画リストを掲載しておきますのでぜひ参考にしてみてください。

<動画リスト>

  • 動画チュートリアル「自然環境」の作り方(全79本)

Low Poly Environments - YouTube

  • 動画チュートリアル「車」の作り方(全24本)

Low Poly Vehicles - YouTube


他にも、本格的なCG制作ができる3ds Maxのチュートリアル動画を公開する「Denis Keman」や、Cinema 4Dを利用したモーショングラフィックスを学べる「Greyscalegorilla」なども公開されています。

■動画編集のチュートリアル

Justin Odisho

f:id:paiza:20200325105104j:plain

このチャンネルではAdobe Premiere Proを使った動画編集のテクニックについて詳細なチュートリアルを公開しています。


単純な動画の切り貼りやテロップ操作だけでなく、Premiere Proに搭載されているエフェクトの効果的な使い方や興味をひく動画の作り方など多彩なノウハウを学べるのが大きな魅力です。

f:id:paiza:20200325105115j:plain

また、Premiere Proの基本的な使い方以外にもAdobe After Effectを使ったVFXの作り方や連携方法なども解説しています。

学べるコンテンツとしては以下の通りです。

  • Premiere Proの基本的な使い方
  • 動画編集の基本テクニック
  • After Effectの基礎と連携手法
  • VFXの作り方
  • テキスト加工
  • ビデオエフェクトの基礎
  • サウンドデザイン
  • VR動画作り

…など

以下の動画リストも合わせて参考にしてみてください。

<動画リスト>

  • 動画編集の基本テクニック(全11本)

HOW TO EDIT VIDEOS - YouTube

  • ビデオエフェクトの使い方まとめ(全19本)

Every Effect Explained - Adobe Premiere Pro - YouTube


他にも、Adobe After Effectsを活用したVFXを学べる「Flat Pack FX」や、同ソフトでモーショングラフィックスに特化したチュートリアルを公開する「Motion Design School」なども公開されています。

■音楽制作のチュートリアル

Beat Academy

f:id:paiza:20200325105307j:plain

このチャンネルではAbleton Liveを使った音楽制作の基礎からビートメイキング術などを細かく解説してくれる動画を公開しています。

特徴的なのは実在するアーティストやDJの楽曲を題材にして、同じような音楽を作るにはどうすればよいのかそのテクニックをていねいに解説してくれる点です。


オーディオの波形編集やエフェクトの使い方、音素材の組み合わせ方などいずれも貴重な情報源になっています。

f:id:paiza:20200325105336j:plain

学べるコンテンツとしては以下の通り。

  • Ableton Liveの基本的な使い方
  • オーディオ波形の編集テクニック
  • 多種多様なジャンルのビートメイキング術
  • ボーカル編集
  • リミックスの作り方
  • ミキシング
  • 主要なエフェクト操作

…など

また、以下のチュートリアル動画も合わせて確認してみるとよいでしょう。

<動画リスト>

  • Ableton Live基本テクニック集(全24本)

Ableton Live: Pop Music Production Techniques - YouTube

  • ビートメイキング術(全24本)

How to Re-Produce Series - YouTube


他にも、ギターレッスンに特化した「TrueFire」や、音楽理論を分かりやすく学べる「Hack Music Theory」なども公開されています。

■Webデザインのチュートリアル

Easy Tutorials

f:id:paiza:20200325105513j:plain

このチャンネルではHTML / CSSを利用して、トレンドを押さえたWebサイトのデザインや作り方を解説する動画を公開しています。

おもしろいのは単純なHTML / CSSによるプログラミング手法を解説するだけでなく、センスのいいWebページがどのように組み立てられているのかをていねいに解説してくれます。

ちなみにpaizaラーニングでは、学習講座「HTML/CSS入門編」を公開しています。まずHTMLの基本を学びたいという方にはこちらもおすすめです。


また、動画内のプログラミングパートではソースコードが見やすいように大きく表示されるように工夫もされています。

f:id:paiza:20200325105528j:plain

Webページ以外にもログインフォームやスライダーなどのコンテンツ作りに特化した動画も提供されているので参考になるでしょう。

学べるコンテンツとしては以下の通りです。

  • プロレベルのWebサイト制作術
  • HTML / CSSのコーディングテクニック
  • Adobe XDを利用したプロトタイプ作り
  • スライダー、ギャラリーなどのコンテンツ作り
  • 効果的なアニメーション要素の作り方
  • UI / UXの基礎、インタラクションの作り方
  • 用途別Webページ制作術

…など

また、以下のチュートリアル動画もおすすめです!

<動画リスト>

  • Webデザインチュートリアル集(全23本)

HTML CSS Website Design Tutorials 2020 - YouTube

  • UI / UXデザインの基本テクニック集(全46本)

Learn UI Design (Web Design Tutorials In Adobe XD) - YouTube


他にも、Adobe XDを利用したデザイン制作に特化した「Caler Edwards」や、世界的なデザインカンファレンスの登壇動画を集めた「awwwards.」なども公開されています。

■Web開発のチュートリアル

Traversy Media

f:id:paiza:20200325105716j:plain

このチャンネルではフルスタックなWeb開発手法について、プログラミングや人気のフレームワークなどの基礎知識を学べる動画が多数公開されています。

HTML / CSS / JavaScriptの基本からPython / Node.js / PHPなどを利用したサーバ開発まで非常に広範囲な技術をカバーしているのが大きな特徴です。


ReactやVueなどの人気フレームワークの活用方法やGraphQLによるサーバ連携手法、Dockerによる環境構築まで学習できます。

f:id:paiza:20200325105735j:plain

学べるコンテンツとしては以下の通りです。

  • HTML / CSSによるWebサイト構築手法
  • JavaScriptの基礎知識
  • Node.js / Pythonの基礎知識
  • MERNスタックによるWeb開発手法
  • Dockerを利用した環境構築
  • GraphQLによるサーバ連携
  • React / Vue / Angularによる開発手法

…など

その他、以下の動画チュートリアルもおすすめです!

<動画リスト>

  • JavaScriptプログラミングの基礎(全45本)

Vanilla JavaScript - YouTube

  • フルスタックエンジニアになるための基礎知識(全56本)

Web Development Crash Courses - YouTube


他にも、InstagramやRedditのクローンを開発できる「David Battersby」や、Ruby on Railsを利用した開発手法を学べる「GoRails」などが公開されています。

ちなみに、以下の記事ではJavaScriptによるWeb開発手法を学習できる良質なYouTubeチャンネルを厳選してご紹介しています。ぜひ合わせて参考にしてみてください!

paiza.hatenablog.com

■ゲーム開発のチュートリアル

Brackeys

f:id:paiza:20200325105951j:plain

このチャンネルではUnityを利用した2D・3Dゲームの開発手法を分かりやすいチュートリアル動画で公開しています。

基本的なUnityの使い方はもちろんですが、ゲームステージを作ってキャラクターの配置やロジックをプログラミングして1つのゲームにするまでの知識を網羅的に学習できるのが魅力でしょう。

UnityではC#でプログラミングをする場合が多いため、C#の基本を学びたい方は全編無料の学習講座「C#入門編」を受講してみてください。


2D・3Dそれぞれ両方の観点からゲーム開発手法を学べるのも1つの特徴になっています。

f:id:paiza:20200325110014j:plain

学べるコンテンツとしては以下の通りです。

  • Unityの基礎知識
  • 2D / 3Dゲームの構築テクニック
  • ステージ(地形)の作り方
  • ゲームロジックのプログラミング手法
  • キャラクター制御
  • ゲーム内オブジェクトの作り方
  • メニュー画面の構築
  • ゲームエフェクト&ライティングのコツ

…など

まず最初に以下のチュートリアル動画から始めるとよいでしょう。

<動画リスト>

  • 2Dゲームの制作チュートリアル(全26本)

Unity 2D Tutorials - YouTube

  • 3Dゲームの制作チュートリアル(全14本)

How to make an RPG in Unity - YouTube


他にも、世界的なゲーム開発カンファレンスの登壇動画をまとめた「GDC」や、C++を利用したゲームエンジン開発手法を学べる「The Cherno」などが公開されています。

■NoCodeツールのチュートリアル

Coaching No Code Apps

f:id:paiza:20200325110157j:plain

このチャンネルでは最近人気の「NoCode」ツールとして有名なBubbleを利用したWebアプリやサービスの作り方について解説した動画が公開されています。


プログラミング不要でビジュアルエディタからマウス操作によってあらゆるロジックを組み立てられる仕組みの解説から、Webアプリ開発に必要なユーザー認証やデータベース連携などについてもていねいに教えてくれます。

f:id:paiza:20200325110216j:plain

さまざまな機能を開発できるロジックエディタは、少し独特な操作が必要なので動画で確認できると分かりやすいです。

学べるコンテンツとしては以下の通りです。

  • Bubbleの基本的な使い方
  • ロジックの組み立て方
  • 多彩なWebサービスとの連携手法
  • インタラクティブなコンテンツ作り
  • プラグインによる拡張機能の使い方
  • イベント処理
  • ユーザー認証の構築
  • データベース連携
  • ページネーション

…など

特に、以下の動画チュートリアルは細かい機能解説が多く紹介されているのでおすすめです。

<動画リスト>

  • Bubbleの基本テクニック講座(全58本)

Coaching Bubble - YouTube

  • Bubble拡張プラグイン活用テクニック(全27本)

Connect to 3rd party services with APIs and Plugins in Bubble - YouTube

※ちなみに別チャンネルですが、日本語でBubbleの使い方を学べる「NoCode School」もあるので合わせて参考にしてみるとよいでしょう。


他にも、高度なWebページを簡単に構築できる「Webflow公式チャンネル」、スプレッドシートから誰でもPWAを構築できる「Glide公式チャンネル」なども公開されています。

■動画&ゲームでプログラミングが学べるpaizaラーニング


動画でプログラミングが学べるpaizaラーニングでは、Python、Java、C言語、C#、PHP、Ruby、SQL、JavaScript、HTML/CSSなど、プログラミング初心者でも動画で学べる入門レッスンを公開しています。

Python入門編」「C#入門編」「ITエンジニアの就活準備編」といった人気講座も完全無料となっておりますので、プログラミングを学びたい方・ITエンジニアを目指したい方はぜひごらんください。

また、paizaでは『コードクロニクル』をはじめゲームで楽しくプログラミングを学べるコンテンツもご用意しています。ぜひプレイしてみてください!


■まとめ

今回は多彩なジャンルを学習できる教育系のYouTube動画をまとめたサービスをご紹介しました。

このような海外のチュートリアル動画はライバルが増えているせいか、どんどんクオリティが向上しており、動画によっては有料コンテンツより優れている場合もあります。何かを始めようと考えたときは、まずYouTubeで検索してみるのがおすすめです。

ぜひみなさんも今回ご紹介したような動画を参考にしながら、自身のスキルアップをしてみてください!


<参考リンク>




paizaラーニング」では、未経験者でもブラウザさえあれば、今すぐプログラミングの基礎が動画で学べるレッスンを多数公開しております。

詳しくはこちら
paizaラーニング

そしてpaizaでは、Webサービス開発企業などで求められるコーディング力や、テストケースを想定する力などが問われるプログラミングスキルチェック問題も提供しています。

スキルチェックに挑戦した人は、その結果によってS・A・B・C・D・Eの6段階のランクを取得できます。必要なスキルランクを取得すれば、書類選考なしで企業の求人に応募することも可能です。「自分のプログラミングスキルを客観的に知りたい」「スキルを使って転職したい」という方は、ぜひチャレンジしてみてください。

詳しくはこちら
paizaのスキルチェック

paizaのおすすめコンテンツ

Webセキュリティ入門 ハッカー入門 Webセキュリティ講座がスタート!CVは内田真礼さん! Python✕AI 機械学習入門講座 CVに上坂すみれさんを起用!人気の機械学習講座を公開中!
paiza転職 paiza新卒 EN:TRY paizaラーニング Copyright Paiza, Inc, All rights reserved.