デザイナーフレンドリーなVueJSのコツ（資料付き ※有料）

～使いこなしたDWなどツール及びコーディング手法はそのままで！～

記事を書くまでの経緯

Webデザイナーなのに、VueJSを勉強しようと思ったら、

「NodeJSも勉強しないといけない？分からない…」
「JavaScriptなのに、拡張子は.vue？？分からない…」
「ローカルPCでコーディングしているのに、サーバも必要らしい？？？難しそう…」
「せっかく綺麗なページを制作していますが、VueJSを導入するとレイアウトが崩れそうなら、意味がなくなるじゃないかと懸念しています」
「Reactを見たら、JavaScriptでHtmlコードがぐちゃぐちゃになり、解読ができない＞＜」
…

もう心が折れてしまうよ、VueJSを勉強する気がなくなったｗ（泣き）
長年にわたってWebデザインそしてコーディングに馴染んでいる方々は上記の感情はございませんか。
大丈夫、こんな時、私は身に付けたノウハウ（独自の手法が多い）を教えてあげます！

私、サーバサイドエンジニアです。
フロントエンドの開発にも携わっておりますが、当初はVueJSを勉強するときも色々悩んでいました。
でも、壁を超えて、さらに独自の手法で気軽にコーディングできるようになり、実際のお仕事でもWebデザイナーとうまく連携できるように至っております。
（もろちん英語までもたーくさんの資料を探してきて経験を積んできたわけ）

ついに、VueJSが理解できるまでの基本部分の資料（jQueryと見比べる視点から）を作成しました！

お気軽に読みいただけるレベルだと思いますので、ぜひWebデザイナーの皆さんにお役に立ちましたら幸いです。

保有いただく知識

＜必須＞
★DreamweaverなどあらゆるHP制作ツールで普通にコーディングができること
★一定のJavaScript知識（function、変数など）をお持ちであること
★ローカルまたはレンタルサーバーで静的なサイトを自分で立ち上げられること

＜あれば尚良＞
・オブジェクト指向が理解できること
・MVVMパターン（バインディング）が理解できること
・一般的なネット通信知識が理解できること

よろしくお願いいたします。

資料