未経験から転職

動画で入門!未経験でも出来るWebプログラミング学習コンテンツ

こんにちは、現役フリーランスエンジニアのとだこうき(cohki0305)です。

今回は未経験から Web エンジニアになるために便利な動画教材を紹介していきます!

実は、プログラミングに関して言えば、動画学習コンテンツは本に比べると高い学習効果を得られます。

なぜかというと、講師と一緒にコードを書く作業を行うことができるからです。これはペアプログラミングと言われるエンジニアと一緒にコードを書くという学習手法に似ています。

これの何が良いかと言うと、講師の方とプログラミングに関する思考を共有するような状態になれるからです。僕の経験上、ペアプロは一番学習効果が高いです。

そして、本とは違いスキップ出来ないので、基礎をおさえながら学習出来るのも良いところです。

なので、これから Web エンジニアを目指す方には、本よりもぜひ動画コンテンツを利用して学習してほしいです。特に Udemy。

Udemy はベネッセが運営している動画学習コンテンツサービスです。有料なのですが、動画の量が多くて、なおかつ質も非常に優れいているのでかなりおすすめです。

ただ、「動画コンテンツどれやればいいの?」と疑問に悩む方が多いと思うので、全くの未経験者の方でもしっかりと技術を身につけられる動画教材一覧を僕が紹介していきます。

また Udemy で良いコンテンツがないものに関しては Dotinstall という動画サイトの良いコンテンツを紹介していきます。

Web エンジニアを目指すために必要な言語・技術

そもそも 「Web エンジニアになるためにはどういうことを勉強しないといけないのか」を説明していきます。その上で次章以降にて、これらの技術をどの動画で学ぶべきかというのを順序立てて紹介します。

ざっと紹介すると、最低でも以下の知識が必要になります。これらを知らないと、Web サービスというのは作れないです。

学ぶべき必要な技術
  1. HTML/CSS/JavaScript
  2. サーバーサイド言語(Ruby)
  3. Git
  4. UNIX コマンド
  5. ウェブフレームワーク(Rails)

結構量が多くて「うわ…ダルい」と思うかもしれませんが、プログラミングスクールだとこれらを 3 ヶ月で終わらせるところがほとんどなので、ビビる必要はない!他の人にも出来ているのだから、あなたにも出来ます。

これらがどういう技術か、そしてなぜ学ぶべきか、というのはおすすめの動画コンテンツとともに紹介していきます。

HTML/CSS/JavaScript

[HTML/CSS/JavaScript] フロントエンドエンジニアになりたい人の Webプログラミング入門

この授業を受けることによって、HTML/CSS/JavaScript という Web を構成する基本技術を理解できるようになります。まったくのプログラミング未経験者でも学習できるようにコンテンツが作られていますよ。

 

HTML/CSS/JavaScript とは?

これらの技術が何なのか、そしてなぜ学ぶべきかを紹介していきます。知ってる人は読み飛ばしてください。

HTML とは

HTML とは、Web にて文字を表示しているプログラミング言語です。

実は今このブログも HTML によって表示されています。以下のように!

Chrome や Safari などのブラウザで見ているとただの文字にしか表示されていないですが、実はこういった HTML という言語によって Web ページは作成されています。

CSS とは

CSS とは、HTML をオシャレに表示するものです。

HTML は文字を表示するもので、デザインがないのですよ。だから、これだけだと、すっごい味気ないダサいページができちゃうわけです。

CSS はそんなダサい HTML をオシャレに表示してあげるためのものです。

JavaScript とは

JavaScript は HTML や CSS を変化させるものです。

たとえば、ボタンをクリックしたら文字が大きくなるとか時間が経つとボタンの色が変わったりなど、「変化」を担当しているプログラミング言語です。

JavaScript は使い勝手の良いサイトを作るのには、今や必須です。JavaScript が出来ない Web エンジニアはいないので、絶対やっておく必要があります。

 

サーバーサイド言語(Ruby)

Rubyで作る! ビットコイン自動売買システム

未経験から Ruby を学べて、ビットコイン自動売買システムを作るというコースです。Ruby を基礎の基礎から丁寧に紹介してくれているので、かなりおすすめです。

自動売買システムまで作らなくてもいいですが、作ることによって Ruby の基礎力が固まるので最後までやることをおすすめします。

サーバーサイド言語(Ruby)とは

サーバーサイド言語とは、Web サービスのロジックを作るための言語です。

HTML/CSS/JavaScript は表示するためのものだったのですが、サーバーサイド言語はデータを保存したり、取得している言語です。

Twitter を例に出すと、Tweet したデータを保存しているのがサーバーサイドの役割です。また保存したものを HTML/CSS/JavaScript によって表示できるようにデータの受け渡しも行っています。

サーバーサイド言語はいっぱいあるのですが、Ruby という言語を学習することをオススメします。理由は、初心者でも理解しやすく、日本で仕事が非常に多いからです。プロを目指すのであれば、Ruby をやるのが近道です。

Git

もう怖くないGit!チーム開発で必要なGitを完全マスター

Git を基礎の基礎から学びチーム開発に使えるレベルにまで上達するための動画です。Git 出来ないと Web どころかプログラミング学習でかなり苦労するので絶対学びましょう。

 

Git とは

Git とは、プログラミングコードのバージョン管理ツールです。ゲームで言うところのセーブポイントみたいな感じ。

プログラミングのコードをセーブしておいて、いつでもその状態に戻すことが出来る。

プログラミングやっていると「さっきまで動いていたのに!動かなくなった!」ということはよく起こります。Git はこういったときにすぐに前のバージョンに戻すことが出来るので、コードを書くには必須のツールです。

チーム開発においてもめっちゃ使うので、使えないと転職できないですよw

 

UNIX コマンド

UNIXコマンドを習得しよう

まったくの初心者からでも UNIX コマンドが使えるようになるための動画です

 

UNIX コマンドとは

UNIX コマンドとは、UNIX 系の OS が搭載されたコンピュータ(Linux, Mac)を操作するための技術です。

Web のプログラミングをやる上で、UNIX コマンドが使えないとマジで話にならないです。自分でコンピュータを操作することも出来ないし、本やドキュメントに書かれている操作を理解することも出来ないです。

ちなみに、Windows は UNIX 系の OS ではないですが、Windows 使いも UNIX コマンドを覚えておく必要があります。なぜなら、Web 言語が動いている環境はほとんど UNIX 系の OS だからです。ドキュメントもほとんど UNIX 用にかかれています。

出来ないと絶対死にます。

 

ウェブフレームワーク(Rails)

Ruby on Rails を使ってみよう

HTML/CSS/JavaScript と Ruby の基礎知識がある人向けのコンテンツ。上記の動画をすべて勉強している人にはちょうどいいコンテンツです。

 

ウェブフレームワーク(Rails)

ウェブフレームワークとは、Web サービスを便利に作ることが出来るツールです。

HTML, CSS, JavaScript, Ruby… などなど Web サービスを作るにはいろんな技術を集結させる必要があります。

一つ一つを用意するだけでも大変なのですが、これを統合するとなるとなお大変です。これを管理してくれるのがウェブフレームワークです。

ウェブフレームワークのルールに則りコードを書くことによって、Web サービスを簡単に作ることが可能になります。使わなければ100時間くらいかかるものが、使えば数時間とかで出来ちゃうことだってあります。

これくらいパワフルなツールなので、絶対に学んでおきましょう。

 

【さいごに】 動画コンテンツを賢く使ってスキルアップしよう

動画コンテンツはホントに素晴らしいです。

僕は新しいことを学ぶときはほとんど動画です。基礎を学ぶのに効率が圧倒的に良いからです。書籍による学習は、より深いことを学びたいときに利用するだけです。

深く学ぶ必要がまだない、初心者の方にとっては動画は最適なコンテンツです。ぜひ利用しましょう!

また、動画よりも効率よく勉強したいのであれば、プログラミングスクールに通うことをオススメします。

いつでも質問できて、練に練られたカリキュラムにそって学習することによって、スキルを身につけられますよ。転職支援もついているので、プログラマーになりたい方には特にオススメです。

あわせて読みたい
元営業エンジニアがオススメするRubyプログラミングスクールTOP6こんにちは、現役 Rails エンジニアのとだ(cohki0305)です! IT 業界は今すごく人手不足で、最低でも今後 10 年この...
ABOUT ME
cohki0305
不必要に下ネタいっちゃうゲスエンジニア。 週3フルリモートで働くが気持ちは過労死寸前。それでも生きていけるのは、25歳・実務経験1年だけど、ノリでフリーランスエンジニアになって時給が4倍になったから。元営業なので、性格は最低。 自分の経験を元に、未経験からエンジニアになる方法や業界のことを発信してます。
プログラマーになって年収1000万目指そう

学歴・職歴関係なく、数年間で年収 1000 万円を目指せる職業って何が思いつきますか??

僕はソフトウェアエンジニア(プログラマー)しか思いつかないです。

僕は実務一年でフリーランスになって年収1000万稼げるようになりましたが、別にこの業界なら普通です。学歴も職歴も関係ないです。

プログラマーを目指して稼ぎたい方は、僕が紹介している「プログラマーになるための最短ステップ 3」を是非読んでチャレンジしてください。

未経験からプログラマーになるための方法を知る