javascriptでサイトビルダーを作りたいがフレームワークなのかライブラリなのかアドバイスをお願いします

Question

Drag & Dropで要素を並べてhtmlを構築しているサイトビルダーのWebサービスが多いので勉強として似たようなものを作ってみたいと思っています。
しかし昨今のjavascriptフレームワークの登場とjavascriptの新バージョンでどれを使えばいいのかわかりません。

現状の自分のスキル
javascript, jQuery, CoffeeScript
※javascriptのフレームワークは未経験です

上記スキルでサイトビルダーを作れます。といいますか作った経験があります。
ですが、上記はフレームワークを使っていません。
jQueryはDOMをいじれるライブラリですし、比較的容易にサイト構築ができます。

別にこれでもいいのですがちょっと時代遅れ感が否めないので最近のjavascriptの最新バージョンやフロントエンドのフレームワークを使ったほうが良いのかアドバイスをいただければと思います。

前提

ちなみに前提としては、

1. htmlをDrag & Dropなどで構築できる
2. 静的htmlを出力できる
3. 逆にhtmlを読み込めば再編集ができる（重要）

検討したいフレームワークについて

フレームワークにはAngular React Vueがあります。
大規模開発ではないのと学習コストの面でReactかVueを候補にしたいと思います。

質問1.

まずお聞きしたい点として、どちらもカスタムタグでjavascriptでサイトを構築していくと思うのですが、フレームワークからhtmlを構築はできるけど、その構築したhtmlから再びフレームワークで再編集というのは可能なのでしょうか？
というのも、構築したhtmlの保存はその編集したhtmlをそのままデータとして持とうと思っています（前提の3.）。
ですので再編集するときはhtmlを読み込んで再びフレームワークで編集、という感じを想定しています。
jQueryなら可能なのはわかるのですがフレームワークでも可能なのかお教えください。

質問2.

javascriptは何で書くのがよいのでしょうか？
ES5, ES6, TypeScript, CoffeeScriptがあります。
現状、もうES6で書くのがよいのでしょうか？それともフレームワークを使うならどのバージョンでやるかはもう決まっているのでしょうか？

質問3.

静的htmlに出力するのは、様々なライブラリがあります。jQueryであればそのまま構築したhtmlを出力してしまえばいいのですがフレームワークになるとライブラリを使わないといけないという考えであっているでしょうか？また、ライブラリによってクセがあったり問題があったりするものなのでしょうか？

質問4.

そもそもサイトビルダーを作る場合、jQueryでいいのか、それともフレームワークでやるべきなのか、ご見解をお教えください。
目的はhtmlを構築できればいいのはわかるのですが、フレームワークの存在というのがあり、時代的にフレームワークを使ったほうが勉強にもなるし後々のメンテが容易などいろいろメリットがあると思います。

以上になりますが皆様のご意見やアドバイスをお待ちしております。
どうぞよろしくお願い致します！

Answer 1

jQueryで作れるならjQuery使えばいいのでは。
何を使うかは自分で決めるしかない。
他人の意見に流されて合わないものを使っても後からのメンテができなくなる。
勉強のためなら同じものを全部のフレームワークで作ってみればどれが合うかも分かるしちょうどいい。

今からAngular1で作られた何かのメンテはしたくない。もっと古いjQueryのほうがまだマシ。

Comments

[wieee]

ありがとうございます。
学習時間は限られているためすべてのフレームワークを試すことはできませんが
ご意見として伺いましたので有り難く参考にさせていただきます。

Answer 2

先に回答された方と同じスタンスですが、まずは試したほうが良いですね。
学習時間が取れないのであれば、お金を出して誰かに教えてもらったり、ハンズオンに出席したりをおすすめします。
一応、学習範囲を絞るための参考意見を述べます。

質問1.

Angularは分かりませんが、少なくともVueやReactのようなフレームワークは生HTMLの再編集は出来ないと思ったほうがよいです。
HTMLを直接扱わず仮想DOMを使っている、というのが理由です。
読み込んだHTMLを一旦オブジェクトに変換するなど、発想の転換が必要ですが、ここで悩むくらいならjQueryで良いでしょうね。

質問2.

今から新たに覚えるのであればES6かTypeScriptがおすすめですが、ES5でも問題ありません。

質問3.

フレームワークによらず、素のJavaScriptでのinnerHTMLで出力できると思いますよ。ライブラリは不要です。

質問4.

折角興味が出ているところだと思うので、フレームワークの勉強も頑張ってみて下さい。
ごく浅いチュートリアル程度であれば、VueもAngularもReactも、それぞれ半日かからないくらいで雰囲気はつかめると思いますよ。

時代がどうとかは気にしない方が良いです。新しいものを使って詰まっても誰も助けてはくれませんので。
身近に経験者がいるとか、いい本が出てるとか、そういうレベルでとりあえず何かに決めてしまえば良いです。

Comments

[wieee]

学習前ですがとても非常に参考になるご回答に感謝致します！
ハンズオンなども利用してみたいと思います。

質問1.
やはり仮想DOMですよね。htmlを構築していくという一方通行的だろうなと感じておりました。無理にフレームワークでやろうとすると自分で再構築ロジックを作らないといけなく、そうするとフレームワークのバージョンアップなどの度に対応せざるを得ないですね。となるとほぼ完成しているjQueryが良いという結論になりますね。

質問2.
今の段階ではどれでも大丈夫なようですね。javascriptに関してはどのバージョンを使うか、またaltJSを使うのかいつも悩んでしまいます。

質問3.
素のjavascriptで出力できるのですね・・・！それは気づきませんでした。

質問4.
はい、フレームワークも勉強してみようと思います。必要になる技術ですしね。

だいたい方向性がつかめましたので助かりました。
とても良いアドバイスをありがとうございます！