#author("2019-08-08T15:01:37+00:00","default:sagasite","sagasite")
#author("2019-08-08T15:07:07+00:00","default:sagasite","sagasite")
[[Vue.js開発入門]] ＞ Chapter 1 Vue.jsって何？
*01 Vue.jsって何？ [#reb0e635]
-Vue.js - Wikipedia https://ja.wikipedia.org/wiki/Vue.js
>Vue.js（ヴュージェイエス）、またはVueは、Webアプリケーションにおけるユーザーインターフェイスを構築するための、オープンソースのJavaScriptフレームワークである。
他のJavaScriptライブラリを使用するプロジェクトへの導入において、容易になるように設計されている。
一方で高機能なシングルページアプリケーション（SPA）を構築することも可能である。
-Vue.js https://jp.vuejs.org/
**jQueryよりもシンプル！ [#af31c014]
Webページに機能を追加するには、JavaScriptを使います。
これまでは[[jQuery]]（JavaScriptのライブラリー）を使えば、ある程度簡単にWebページへ機能を追加できました。
しかし、少し複雑な構造になってくると、jQueryで機能を管理するのは、難しくなってきます。
jQueryだと複雑になってしまうような場合、Vue.jsなどのJavaScriptフレームワークを使うと、シンプルにプログラムが書けるようになります。
（そのために作られたのがVue.jsなどのフレームワークです。）
~
**SPA（シングル・ページ・アプリケーション）のメリット [#u22ec0bc]
１枚のWebページにいろいろな機能を用意して、「１枚のWebページだけで動くWebアプリケーション」のことを「SPA」（Single Page Application）と言います。
-SPAにすると、Webサーバーとのデータ通信量が減って、ページの表示が速くなります。
--表示の切り替えがスムーズ
--サーバー側とフロントエンド側の役割分断がわかりやすい
--ネイティブアプリの代わりとして使うこともできる
-SPAの欠点は、URLが変わらないので、いろんな表示のうち特定の表示をURLで指定することができないことです。
Vue.jsはSPAを作るときに使えます。
~
**Vue.jsでどのようなものが作れるか？ [#w75aa8e1]
Vue.jsのサンプル
-Markdown エディタ — Vue.js https://jp.vuejs.org/v2/examples/
~
本書の作例では、
-Markdown エディタ
-グリッドコンポーネント
-SVGグラフ
-ToDoリスト
などです。
~
***Vue.jsのサンプル [#g19e9c18]
| Markdown エディタ — Vue.js | https://jp.vuejs.org/v2/examples/index.html |
| グリッドコンポーネント — Vue.js | https://jp.vuejs.org/v2/examples/grid-component.html |
| SVG グラフ — Vue.js | https://jp.vuejs.org/v2/examples/svg.html |
| TodoMVC — Vue.js | https://jp.vuejs.org/v2/examples/todomvc.html |
