目次
今更聞けないJavaScriptって何？
JavaScriptはホームページやWebサービスの見た目を見やすく華やかにするために欠かせないものです。しかし、プログラミングを初めて学ぶ場合、プログラミング言語の違いがわからず、どの言語から触れれば良いかわからない人も少なくありません。そこで、プログラミング言語の中でも特に人気が高いJavaScriptとはどんな言語なのかをまず知りましょう。
フロントエンドとサーバーサイドの違い
プログラミング言語は大きく分けるとフロントエンド言語とサーバーサイド(バックエンド)言語の2種類に分かれます。
JavaScriptとはどんな言語なのかを知る前にまずはフロントエンド言語とサーバーサイド言語の違いを理解する必要があります。フロントエンド言語とはホームページやWebサービスなどの見た目を作る言語のことを言います。HTML・CSS・JavaScriptがこれに分類されます。それに対してサーバーサイド言語はユーザーから見えない部分を作る言語のことを言います。サーバーサイド言語の例としてはJava・PHP・Rubyなどが挙げられます。
何ができるの？
JavaScriptはHTML・CSSで作ったものに動きを持たせる言語です。ホームページを使っていて、端にあるメニューバーをクリックしたらメニューが現れる動きを見たことがあると思います。このアニメーションはJavaScriptで作られています。このようにホームページやアプリケーションをより使いやすくするために欠かせない言語がJavaScriptです。
何で人気なの？
プログラミングを学ぶにあたって最初に学ぶ必要があるのがHTMLです。この言語はホームページやアプリケーションの骨組みとなる言語でありこれが理解できないとJavaScriptやサーバーサイド言語を理解することができません。
HTMLを習得した後に学ぶ人が多いのがCSSです。CSSはホームページの文字の色や大きさなどを決める言語であり、こちらもHTML同様プログラミングを学ぶのであればCSSの知識も必須と言えます。現在ではCSSでもアニメーションを付けるで、実際に使用されているWebサイトなどを多く見る事ができますが、それでもできる範囲は限られてしまいます。そういった理由からも、HTML・CSSを学んだ延長でJavaScriptを学ぶ人が多い傾向にあります。
サーバーサイド言語の場合で言うと、1970年代はJava、1990年代～2000年代はPHP・Ruby、そしてここ数年はPythonと言うようにトレンドが変わるので、サーバーサイドエンジニアとして働くには技術のアップデートも必要になります。
それに対してフロントエンドだとJavaScript一択状態なので、「フレームワークに関する知識はアップデートする必要はあっても、仕事で使う言語を変える必要が無い」。こういった点においても人気が高い理由の1つと考えられます。
JavaScriptを勉強するには？
それではJavaScriptを未経験の人や新人エンジニアが学習する場合、どのように勉強すれば良いのでしょうか。それでは、独学の場合とスクールに通う場合の2パターンを見ていきましょう。
独学で勉強するには何が必要？
独学でJavaScriptを学ぶ場合、必要なものは以下の通りです。
- パソコン
- インターネット環境
- 参考書
この3点があれば問題ありません。ただし、パソコンに関してはメモリが8GB以上、ストレージが256GB以上のものを使用するのがおすすめです。ちなみに一般家庭で使われているパソコンだとメモリは2～4GB、ストレージが64～128GBのものが多い傾向があります。プログラミングをするにあたって、JavaScriptだけならメモリ・ストレージがこの程度でも問題ありませんが、フロントエンドだけだとエンジニアとして働くのは難しく、サーバーサイド言語も学ぶべきと言えるでしょう。そこで、サーバーサイド言語の場合、Javaなどプログラミングをするにあたってソフトウェアをインストールする必要があり、一般家庭用のスペックのパソコンだとなかなか難しいので、なるべくメモリ8GB以上、ストレージ256GB以上のパソコンを使いましょう。
また、JavaScriptは特にインストールするソフトウェアはありません。そのため、環境構築に手間取ってしまうなどといった心配は必要ないと言えます。ただし、作業をするにあたってはコードエディタがあった方が圧倒的に作業が捗ります。通常のメモ帳で作業をするのには流石に無理があるので、JavaScriptを学ぶ場合はコードエディタを使ってコードを書くようにします。
コードエディタに関してはBrackets・Atom・Sublimeあたりが知名度も高くおすすめです。これからはそれぞれ使い方や特徴が異なることから、とりあえず3つともインストールしてみて使いやすいものを選ぶのが良いでしょう。
そして参考書に関しては都市部の大きな書店だと種類が豊富ですが、地方だと売られている書籍が限られているのでAmazonなどを使って購入するのがおすすめです。様々な種類がある中でも特におすすめの書籍が以下の通りです。
- スラスラ読める JavaScript ふりがなプログラミング (ふりがなプログラミングシリーズ)
本書はプログラミングに一切触れたことがない人におすすめです。コードの文法までしっかり解説してくれるので、JavaScript以外の言語を習得するための基礎ができます。
- いちばんやさしいJavaScriptの教本 第2版 ECMAScript 2017(ES8)対応 人気講師が教えるWebプログラミング入門 (「いちばんやさしい教本」シリーズ)
初心者向けプログラミング教本の中でも定番の”いちばんやさしい”シリーズのJavaScript版です。基礎だけでなく応用問題も用意されているので、時間に余裕がある人に特におすすめと言えます。
- 本当によくわかるJavaScriptの教科書 はじめての人も、挫折した人も、基礎力が必ず身に付く
厚さはありますが実際に制作物を作りながら進めていくので、比較的飽きずに続けやすい参考書です。カラー仕様で見やすさの面でも優れており、楽しくJavaScriptに触れながらスキルを身に着けられます。
スクールはどこがおすすめ？
JavaScriptが学べるスクールには様々なものがあります。未経験の人を対象とした無料のスクールでプログラミングを学ぶことを考えている人もいるでしょうが、そのようなスクールはサーバーサイドエンジニアを育てることを目的としており、カリキュラムにJavaScriptが含まれていても、しっかりJavaScriptを学ぶのは難しいです。したがって、スクールでJavaScriptを学ぶなら基本的には有料のスクールを選びましょう。
JavaScriptに強いスクール
CodeCamp
『CodeCamp』なら、テレビ通話ができる状態であればどこでもレッスンを受けることができるオンライン学習タイプのスクールなので忙しい社会人でも利用しやすいでしょう。CodeCampでJavaScriptを学ぶ場合におすすめのコースは「デザインマスターコース」です。このコースではJavaScriptだけでなくPhotoshopやIllustratorも学べるので、WEBデザイナーとして必要な基礎が身に着きます。
現役エンジニアによる【オンライン＆マンツーマン】で効率よく学習！
CodeCamp（コードキャンプ）
レッスンは365日、朝7時〜23時で受講可能。しかも完全オンラインなので、時間・場所を選ばずに学習できます。
デジタルハリウッドSTUDIO by LIG
スクーリングでJavaScriptを学びたいなら『デジタルハリウッドSTUDIO by LIG』がおすすめです。池袋・上野校で開講しているので東京都近郊に住んでいないと通うのが難しいですが、就職・転職サポートが付いており、未経験の人でも良い条件の職場に出会いやすいというメリットがあります。
JavaScriptで活躍できる仕事とは？
それでは、JavaScriptではどんな仕事ができるのでしょうか。
どういった職種に就ける？
JavaScriptのスキルを身に着けて目指せる仕事は以下の通りです。
- WEBデザイナー
- フロントエンドエンジニア
WEBデザイナー
その名の通りWebサイトやアプリケーションのデザインを担当します。JavaScript以外にはPhotoshopやIllustratorに関するスキルも求められるので、WEBデザイナーを目指すならこれらのスキルも身に着ける必要があります。
フロントエンドエンジニア
WEBデザインにおいてコードを書くことに特化した仕事がフロントエンドエンジニアです。ひたすらJavaScriptやJavaScriptのフレームワークを使ってより使いやすいWebサービスを作る仕事なので、JavaScriptのエキスパートを目指したいならフロントエンドエンジニアがおすすめです。
実務経験無しでも転職出来る？
実務経験が一切無い状態でもWEBデザイナーなら目指せる可能性があります。ただ、WEBデザイナーの場合はJavaScriptのスキルよりも、デザインに関する知識やセンス、またPhotoshop/Illustratorスキルが求められます。
PhotoshopやIllustratorは独学でも十分スキルを磨くことができるので、自分で経験を積み、SNSなどに制作物をアップロードして評価してもらうことで実績を積みましょう。JavaScriptに関してはその次ではありますが、WEBデザイナーでプログラミングができる人材は少ないことからJavaScriptのスキルがあれば実務経験が無くても採用してもらえる可能性は高くります。
その反面、フロントエンドエンジニアに関しては、基本的に実務経験が一切無い状態から目指すのは難しいと考えておくほうが良いでしょう。フロントエンドエンジニアを目指す場合、まずはHTMLコーダーと言われるHTML・CSSを書く仕事からキャリアアップするのが一般的です。HTMLコーダーの仕事は正社員とあわせ、アルバイト雇用としての求人も出している企業も多いので、まずはアルバイトとして経験を積むのも選択肢として検討してみてはいかがでしょうか。
JavaScriptの今後は？
先ほど解説した通り、フロントエンド言語は現段階でHTML・CSS・JavaScriptの3つのみであり、その中でも難易度が高いJavaScriptのスキルは今後も重宝されると言えます。そのため、JavaScriptで仕事を得ることができれば今後フロントエンドエンジニアとして仕事に困らない可能性の方が高くなります。
しかし、近年サーバーサイド側にJavaScriptを書くことができる”Node.js”の需要が高くなってきています。そのため、JavaScriptを専門とするエンジニアとして働きたいならNode.jsを習得することでより需要のあるエンジニアを目指せるでしょう。
もう一度「未経験者ための《JavaScript》でできることや学習方法など」を読む ↑
JavaScriptを未経験から学ぶのにおすすめのプログラミングスクール
未経験からプログラミングを学ぶならスクール受講がおすすめです。現役エンジニアによる指導や学習管理、そして練り込まれたカリキュラムを受ければ、一度は独学で挫折した方でも最後までやり遂げることが可能です。
また、スクールによっては転職支援が手厚いスクールや転職保証制度のあるスクールもあるので、未経験からでも『最短でのエンジニアデビュー』を実現できます。少しでも気になったら、無料体験会や相談会に参加してみましょう！
- DMM WEBCAMP 学習コース｜フロントエンドコース
モダンなフロントエンド技術を使った、自分だけのWebサービスを公開できるレベルを目指せます - ZeroPlus（ゼロプラス）｜Webデザインコース
JSやWebデザイン、WordPressなどフリーランスを目指せるスキルを網羅的に学習できます - 忍者CODE
業界最安クラスの受講料と現役エンジニアのサポートで、未経験からプロエンジニアが目指せる人気スクールです - CodeCamp（コードキャンプ）
完全オンラインだから全国どこからでも受講可能。朝7時〜夜23時まで現役エンジニアの講師に質問し放題 - nests（ネスト）
現役クリエイター・エンジニアの指導をオンラインor通学で受けられます。受講・卒業生に向けた求人・インターン紹介あり
もっと多くのプログラミングスクールを比較するなら
未経験・社会人、学生におすすめなプログラミングスクールを比較するなら、「プログラミングスクールおすすめランキング19選！社会人・未経験の転職にも有利！」という記事を参考にしてください。
転職付き（転職保証型）のプログラミングスクールの詳細を知りたいかたは、「【無料あり】転職支援・保証型プログラミングスクール比較17選！社会人・学生さんの就職に強い！」をご覧いただき、自分の目標や目的にぴったりのスクールを見つけてくださいね。
未経験の転職におすすめなエージェント5選
- PITキャリア｜平均内定数4.8社！
自社開発・事業会社に強いエージェント。若手エンジニア向けの大手企業のポテンシャル採用求人も多数保有！ - ユニゾンキャリア｜未経験の就業決定率95%！
業界に精通したキャリアアドバイザーのサポートに定評あり。IT/Web/ゲーム【未経験】の20代におすすめ！ - ウズウズIT｜入社後定着率93.6%！
20代【未経験】のエンジニア就職・転職に強いエージェント！ - @PRO人（アットプロジン）｜IT職種・業界に完全特化！
長期的なキャリアプランを提案してくれます！未経験OKの求人にも対応！ - 転職スクール｜内定率82.7%！
転職成功者の9割以上が”未経験転職に成功”している『20代に強い』エージェント！
もっと多くのIT/Web系エージェント・サイトを比較するなら、IT/Web系エンジニアにおすすめな転職サイトランキング21選！未経験OKありをご覧ください。未経験OKの求人に強いサービスも多数紹介していますよ！
