ねっとぱんだ-プログラミング勉強ブログ-

Webデザイン、プログラミングの勉強ブログ。

【javascript】フレームワーク

javascriptフレームワーク

引用
https://furien.jp/columns/187/
https://rdlabo.jp/angular2-364.php
http://qiita.com/kmszk/items/2e3d6d2a71ae774d080a
  • jsが有効化されているのが当たり前の時代
    jsフレームワークでviewを構築するような時代
フレームワーク
プログラミングに必要な特定の機能を持たせようとする枠組み
ライブラリ
プログラムの部品を集めて、ひとまとめにしたファイル

フレームワークを導入するメリット

  1. 開発効率の向上
  2. コードの書き方統一
  3. バグを事前に防ぐ
  • コストダウン、開発効率、メンテナンス性能によって選ぶ。
  • クライアントサイド、サーバーサイドのフレームワークに分けられる

引用:https://furien.jp/columns/176/

Angular

引用:http://www.buildinsider.net/web/angulartips/001

  • オープンソース
  • Googleと個人や企業のコミュニティによって開発
  • 記述するコード量が少ない
  • リアルタイムでデータを交換するのに適している
  • AngularJSとAngular2の互換性がない
  • これからどんどん仕様が変わっていく可能性がある。
  • TypeScriptベースで実装
TypeScript
コンパイルすると、JavaScriptソースコードになる
静的型付けとクラスベースオブジェクト指向を加えた厳密なスーパーセット
静的型付け
型がプログラムの実行よりも前にあらかじめ決められている
スーパーセット
上位互換
コンポーネント指向
プログラムの部品(コンポーネント)を組み合わせてソフトウェアを開発するスタイル
データバインディング
XMLなどのデータソースとアプリケーションやウェブページ(ウェブアプリケーション)のユーザインタフェースを静的または動的に結合する技術
データソース
アプリケーションで使用できるデータ
speaker deckでの解説
https://speakerdeck.com/kiharu/angular2

React.js

引用
http://qiita.com/rgbkids/items/8ec309d1bf5e203d2b19
https://app.codegrid.net/entry/react-1
  • オープンソース
  • DOMに対する操作を抽象化
  • UIを構築するためのライブラリ
  • UIのパーツ(構成部品)を作るためのライブラリ
  • FacebookOSSとして公開
  • 入力した値を即座に表示するような画面で活きる
Just the UI
MVCのVにあたるUIのみを構築するためのもので、他にどういったライブラリと組み合わせるかは問わない
Virtual DOM
実際のDOMに対する操作を抽象化し、シンプルなコードでそれなりのパフォーマンスを提供する
Data flow
一方向のデータフローにより、従来の双方向データバインディングを実現するコードよりも簡素でわかりやすい