paiza開発日誌paiza開発日誌IT/Webエンジニア向け総合求人・学習サービス「paiza」の開発者が、プログラミングやITエンジニアの転職などについて書いています。ITエンジニア向け総合求人・学習サービス「paiza」の開発者が、プログラミングやITエンジニアの転職などについて書いています。プログラミング-プログラミング学習Tweetどうも、まさとらん(@0310lan)です!今回は、基本的なJavaScriptプログラミングが出来るようになった人向けに、さらなるステップアップを目指せる「YouTubeチャンネル」を厳選してまとめてみました!海外のプログラミング系YouTube動画は、有料でもおかしくない「質」の高さと豊富なコンテンツ量に魅力があり、確実にレベルアップが期待できるのでぜひ参考にしてみてください。】プログラミング動画とは思えない超ハイテンションなノリで、JavaScriptを学ぶうえで欠かせない勘所を分かりやすく教えてくれるのがコチラのチャンネル!「Spotify」の開発にも携わっていたというプログラマーの彼は、得意のJavaScript言語を分かりやすく伝えることに情熱を注いでおり、それは動画を見れば物凄く伝わってきます。以下の動画は「オブジェクト」の構造や作り方を全7回にわたり徹底解説してくれます!(全7回の目次はコチラ)動画の前半にプロローグとして概要の説明があり、そのあとに実際のプログラミング手法を学習できるようになっています。スマホからでもコードが見やすいように大きく拡大されており、必要最小限のシンプルなサンプル例で解説してくれるので理解しやすいのが特徴です。「Ninja(忍者)」というネーミングが印象的なこちらのチャンネルは、良質なチュートリアル動画を定期的に公開していることで知られています。WebサイトやWebアプリなどを今すぐ自分で作ってみたい!...という人には最適な動画ばかりで、人気のJavaScriptフレームワークも丁寧に解説しています。以下の動画は「Vue.js」の基本から応用までを全44回の超ボリュームで解説しています!(全44回の目次はコチラ)最初に「Vue.jsとは?」から解説が始まり、実際のコーディング手法や機能の解説・イベント処理・コンポーネント・HTTPリクエスト処理・Mixin・ルーティング・Firebase連携...などなど。このシリーズを視聴するだけで、「Vue.js」を使った独自のWebアプリを作ることができるようになるでしょう。彼が作成するプログラミング系の動画コースはとても人気があり、特にYouTubeでも公開されている「JavaScript30」は必見です!ライブラリに頼らず標準のJavaScriptで30個の小さなWebアプリを作成する動画で、これを見れば実践的なプログラミングスキルを身につけられます。検索ボックスタスク管理スケッチアプリHTML5動画プレイヤースピーチシンセ...など、いずれもユニークで、作っていてワクワクするので、プログラミングが楽しくなること間違いなし!ちなみに、YouTubeで公開されているのは現時点で24回まで。すべて視聴したい場合は公式サイトから無料で閲覧できるので覚えておきましょう。】こちらは、日本でも利用者が増えてきたオンライン学習プラットフォーム「Udacity」が公開しているYouTubeチャンネルです。どちらかと言えば公式サイトの方が有名ですが、YouTubeチャンネルに公開されているのは無料で視聴できるので意外と人気があります。JavaScript系で個人的にオススメなのは、Googleのエンジニアが直接教えてくれるコースで、例えば以下の動画は全210回というボリュームで「HTML5ゲーム」の開発手法を学べます!(全210回の目次はコチラ)内容はかなり本格的な構成になっており、ゲームを高速に動作させるための画像の扱い方やレンダリング手法、ステージの構築法、読み込みの高速化、アニメーション手法、イベント処理の効率化、敵キャラの構築、物理演算、サウンド構築...などなど。独学で実践的なWebゲームの開発手法を学習したい人にはピッタリのコースでしょう。うれしいことに日本語字幕が付いている動画がほとんどなので、英語が苦手な人でも安心して学習できます。】Processingのような描画に特化したプログラミングをJavaScriptでも可能にした「p5.js」ライブラリの多彩なチュートリアル動画を公開しているのがコチラ!見ているだけで楽しくなる陽気なオジサンが、軽快な口調でコードの書き方やテクニックを惜しみなく解説してくれるのが特徴的です。以下の動画は全32回の動画で「p5.js」の基本的な使い方をマスターできるように構成されています!(全32回の目次はコチラ)グラフィックの描画やアニメーションなどの基本を学習できるのですが、JavaScriptについての基礎知識も同時に学べるように工夫されています。「p5.js」以外にもニューラルネットワークをゼロから学習できるシリーズも公開されていて面白いです。】すでにご存知の人も多いと思いますが、Googleが公開しているエンジニア向けのYouTubeチャンネルで、JavaScriptに特化しているわけではないのですが、とにかく最新のWeb技術や動向などが頻繁に公開されているので情報収集には欠かせません。実はGoogleが公開しているチャンネルは他にも複数あるのですが、初めての人はこのチャンネルだけをチェックするだけでもWebの最新技術が押さえられると思います。AR・IoT・AI...など、さまざまなWeb技術を活用したセッションもあるので、いずれも大変勉強になります。(しかも、一部は日本語化されてます)また、他にもオススメとして...人気の「Googleアシスタント」における基礎知識や活用法などを勉強できる動画もあります。本家に比べると更新頻度は低いですが、最新のWeb技術を日本語で勉強できるのは非常に素晴らしいと思います。】paiza.hatenablog.comJavaScriptの基本文法から「Ajax・スコープ・クロージャ・モジュール化」などの知識、Canvasを使った描画、ミニゲームの作り方...など、体系的にまとめているので不安のある方はぜひチェックしてみてください!また、YouTube以外にもオンラインでプログラミングを学習できるコースは多数存在しており、それらを一括で横断検索できるサービスもあります。学習したいキーワードを入力するだけで、関連するオンラインコースがリストアップされます。け学習サービス「paizaラーニング」を公開しています。今回記事の中で使用しているJavaScriptが学べる入門講座をはじめとして、Python、Java、C言語、PHP、Ruby、SQL、HTML/CSSなど、プログラミング初心者でも動画で学べる入門レッスンが多数ございます。プログラミング初心者の方はぜひごらんください!特に、今まで有料だった「JavaScript入門編」・「ゲームエンジニア入門編」は、10/10(火)から【全編無料】となりましたので、ぜひごらんください!■まとめ今回ご紹介したYouTubeチャンネルは、今も頻繁に動画が更新されているので、今後も新しい学習コースが追加されていくと思います。JavaScript言語はアップデートによる変化が多く、また関連するフレームワークも更新頻度が高いので、これらのチャンネルをチェックしながら定期的に知識を深めていくといいでしょう。みなさんもJavaScriptによるWeb開発を学習して、オリジナルのWebサイトやアプリを作ってみましょう!「paizaラーニング」では、未経験者でもブラウザさえあれば、今すぐプログラミングの基礎が動画で学べるレッスンを多数公開しております。詳しくはこちらそして、paizaでは、Webサービス開発企業などで求められるコーディング力や、テストケースを想定する力などが問われるプログラミングスキルチェック問題も提供しています。スキルチェックに挑戦した人は、その結果によってS・A・B・C・D・Eの6段階のランクを取得できます。必要なスキルランクを取得すれば、書類選考なしで企業の求人に応募することも可能です。「自分のプログラミングスキルを客観的に知りたい」「スキルを使って転職したい」という方は、ぜひチャレンジしてみてください。