Introduction-to-Vuejs-Development_1-01 の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• Introduction-to-Vuejs-Development_1-01 へ行く。

#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]
本書の作例では、
-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			|