案件評判
Angularを理解する!初心者でも分かる歴史、特徴、基礎知識などを簡単に解説!

Angularを理解する!初心者でも分かる歴史、特徴、基礎知識などを簡単に解説!

最終更新:2021/05/21 投稿:2020/11/05
Angularを理解する!初心者でも分かる歴史、特徴、基礎知識などを簡単に解説!

AngularはJavaScriptに活用されるオープンソースWebアプリケーションフレームワークです。Google社によって開発されたフレームワークとして誕生当初から今もなお人気の中心にあります。この記事ではAngularを理解するために初心者でも分かる歴史、特徴、基礎知識などを簡単に解説していきます。

Angularとは

AngularとはJavaScriptに活用されるGoogle社によって開発されたオープンソースWebアプリケーションフレームワークです。2009年に誕生し、ミシュコ・へブリー(
Mishko Hebley)氏とアダム・アブロンズ(Adam Ablons)氏が主軸となって開発がなされました。特徴としてフルスタックなフレームワークと呼び声が高く、Angularが用意する機能を全て使いこなすことができればその他の技術は不要と言えるほど多機能で充実しております。AngularJSとAngularJS2が存在し、AngularJS2についてはGoogle社とマイクロソフト社の協力の下で作成されました。

Angularとは
▼正式名称
Angular(アンギュラー)
▼起源
2009年
▼開発元
Google社
・ミシュコ・へブリー氏(Mishko Hebley)
・アダム・アブロンズ氏(Adam Ablons)

Angularの公式サイトはこちら>>

JavaScriptとは

JavaScriptとはネットスケープコミュニケーションズ社によって1995年に誕生したプログラミング言語の一種でその中でもオブジェクト指向スクリプト言語に区分されます。主な目的として動的な機能をWebページに生成するためのプログラミング言語として開発されました。Webサイト、Webアプリ、ゲームなど様々な用途に活用できるため注目を集めております。名称にJavaが含まれるためJavaの仲間と誤解を生むこともありますがJavaScriptは全く異なるプログラム言語です。開発当時サン・マイクロシステムズ社が開発したプログラミング言語『Java』が大きな注目を集めていたことや同社との業務提携を行った背景もありJavaにちなんだ名称が付けられました。

JavaScriptのメリット・基礎知識について解説された記事はこちら>>

JavaScriptフレームワークとは

『JavaScriptにおけるシステム開発を簡単に行えるように用意された枠組みのこと』
JavaScriptフレームワークとはJavaScriptにおけるシステム開発のプログラミングを効率的に実施するために汎用的な機能群をまとめ、システムの骨組みとなるテンプレートまで用意してくれる枠組みのことです。フレームワークを活用することでプログラミングにおける記述コードを最小限に抑えることが出来ます。JavaScriptフレームワークの代表的な種類としてjQuery、Angular、Vue.jsなどが挙げられます。

JavaScriptフレームワーク人気どころ6選ついて解説された記事はこちら>>

Angularの読み方・名称変更

Angularの読み方は『アンギュラー』です。Angular JSからの名称変更の経緯を調べる方が多いようですがバージョン2.0以降から推奨言語の変更によってフレームワークの名称もJSを取り除いたという経緯がありフレームワークとしては同じものです。

Angularの歴史

AngularJSはGoogleと個人や企業のコミュニティによってオープンソースフロントエンドWebアプリケーションフレームワークとして2009年にリリースされました。初版はミシュコ・へブリー(Mishko Hebley)氏とアダム・アブロンズ(Adam Ablons)氏が主軸となって開発されたそうです。2012年6月にはバージョン1.0がリリースされ、2016年9月にはバージョン2.0がリリースされ推奨言語の変更によってフレームワークの名称もJSを取り除いた『Angular』となりました。2020年現在バージョンは10.0を超えておりこれまで数多くのアップデートを繰り返してきたことが分かります。

年代 バージョン 備考
2009年 AngularJS初版 ミシュコ・へブリー氏とアダム・アブロンズが主軸となり開発
2012年6月 AngularJS 1.0.0
2016年9月 Angular 2.0.0 アーキテクチャを一新
Angularへと名称変更
2017年4月 Angular 4.0.0 バージョン3.0はリリースされず
2017年11年 Angular 5.0.0
2018年5月 Angular 6.0.0 Angular CLI、Angular Material + CDKのバージョンが6.0.0に統一
2018年10月 Angular 7.0.0 対話形式でライブラリなどの追加、設定可能に
2019年5月 Angular 8.0.0 読み込むファイル(バンドル)を切り替える「差分ロード」(Differential Loading)に対応
2019年11月 Angular 9.0.0 次世代レンダリングエンジン「Ivy」
2020年6月 Angular 10.0.0 現最新バージョン

Angularの特徴

Angularの特徴を見ていきましょう。

HTMLテンプレート機能

AngularはHTMLテンプレート機能を持つという特徴があります。HTMLテンプレート機能とは、HTML内にテンプレートを用意し配列を与えることで、テンプレートを繰り返して表示するものです。

全てのプラットフォームに対応

Angularは全てのプラットフォームに対応という特徴があります。Angularによる様々なプラットフォームで、Web、モバイルWeb、ネイティブモバイル、ネイティブデスクトップ、 どんな端末にも対応している為、あらゆるアプリケーションを構築できます。

双方向データバインディング

Angularはデータバインド(データと描画を同期する仕組み)を持っているという特徴があります。Angularはデータバインドに特化しているためデータの変更があればUIの表示を更新し、UIの変更があればデータの更新を行うように自動化されます。このように双方向にデータバインドを行う行為を双方向データバインディングと呼びます。

MVC(MVM)

AngularはMVC(MVM)を採用しているという特徴があります。MVCとはユーザインタフェースをもつアプリケーションソフトウェアを構築する上でプログラムの中身を整理するためのデザインパターンです

MVCモデルのそれぞれの分類
M(Model)/ ビジネスロジックとなる部分
V(View)/  画面の表示や入出力となる部分
C(Controller)/ ModelとViewを制御する部分

MVCモデルの歴史・特徴について解説された記事はこちら>>

その他のJavaScriptフレームワーク

Angular以外のJavaScriptによるシステム開発に用いられる代表的なフレームワークを紹介させていただきます。

jQuery

jQueryとはJavaScriptに活用されるジョン・レシグ(John Resig)氏によって開発されたクライアントサイドスクリプトを簡易化するためのライブラリです。2006年8月に誕生し、基本理念を『write less, do more(少ない記述で、もっと多くのことをする)』を掲げております。特徴として非常に簡単でかつ少ない記述でHTMLとCSSを操作することができます。またjQueryを利用する世界中の方々が様々なプラグインの作成を行っていることから拡張性が高いことも特徴として挙げられます。jQueryはJavaScirptの発展に大きく影響を与えたライブラリと言えるでしょう。

jQueryとは
▼正式名称
jQuery(ジェイクエリー)
▼起源
2006年8月
▼開発元
ジョン・レシグ(John Resig)氏

jQueryの公式サイトはこちら>>

jQueryの歴史やできること、基礎知識について解説された記事はこちら>>

Vue.js

Vue.jsとはJavaScriptに活用されるエヴァン・ユー(Evan You)氏によって開発されたオープンソースのオブジェクト指向Webアプリケーションフレームワークです。2014年2月に誕生し、GoogleにてAngularJSを使用した開発に携わっていたエヴァン・ユー氏がAngularJSをモデルに本当に好きな部分だけを抽出してVue.jsの作成を行ったという経緯があります。特徴として、
スクリプトタグを一行書くのみで使い始めることが出来る手軽さやAngularJSと比較して規模が小さい分学習コストが低いなどが挙げられます。

Vue.jsとは
▼正式名称
Vue.js(ヴュージェイエス)
▼起源
2014年2月
▼開発元
エヴァン・ユー氏(Evan You)

Vue.jsの公式サイトはこちら>>

Vue.jsの歴史や特徴、基礎知識について解説された記事はこちら>>

React.js

React.jsとはJavaScriptに活用されるジョーダン・ウォーク(Jordan Walk)氏によって開発されたオープンソースWebアプリケーションフレームワークです。2011年にFacebook社のプログラマンーであるジョーダン・ウォーク氏が同社のサービスであるFacebookにて使用し、2013年にオープンソース化されました。特徴としてUI/UXを意識した開発に向いていることやAndroidとiOSの両プラットフォームに対応していることなどが挙げられます。またReact.jsは数々の有名なサービスにて採用されております。代表的なものとしてFacebook、Instagram、Yahooなどが挙げられます。

React.jsとは
▼正式名称
React.js(リアクト・ジェイエス)
▼起源
2013年3月
▼開発元
ジョーダン・ウォーク(Jordan Walk)氏
(Facebook社)

Reactの公式サイトはこちら>>

Reactの歴史や特徴、基礎知識について解説された記事はこちら>>

まとめ

Angularを理解するために初心者でも分かる歴史、特徴、基礎知識などを簡単に解説させていただきました。Angularを一言で表すと『Google社によって開発されたJavaScript向けオープンソースWebアプリケーションフレームワーク』です。Angularには「HTMLテンプレート機能」「全てのプラットフォームに対応」「双方向データバインディング」という特徴が挙げられます。Angularについてこの記事に記載されている最低限の内容は理解をしておくようにしましょう。

案件評判
常駐する会社が、実際どんな会社で、どんな案件が動いているか詳しく知りたい。
これは常駐形態で働く方なら誰もが感じていることだと思います。 常駐の働き方をされている方は是非一度「案件評判」で案件についての評判をチェックしてみてください。