質問編集履歴

1 小修正

wieee

wieee score 8

2018/05/19 11:45  投稿

javascriptでサイトビルダーを作りたいがフレームワークなのかライブラリなのかアドバイスをお願いします
Drag & Dropで要素を並べてhtmlを構築しているサイトビルダーのWebサービスが多いので勉強として似たようなものを作ってみたいと思っています。
しかし昨今のjavascriptフレームワークの登場とjavascriptの新バージョンでどれを使えばいいのかわかりません。
現状の自分のスキル
javascript, jQuery, CoffeeScript
**javascriptのフレームワークは未経験です**
javascriptのフレームワークは未経験です
上記スキルでサイトビルダーを作れます。といいますか作った経験があります。
ですが、上記はフレームワークを使っていません。
jQueryはDOMをいじれるライブラリですし、比較的容易にサイト構築ができます。
別にこれでもいいのですがちょっと時代遅れ感が否めないので最近のjavascriptの最新バージョンやフロントエンドのフレームワークを使ったほうが良いのかアドバイスをいただければと思います。
### 前提
ちなみに前提としては、
1. htmlをDrag & Dropなどで構築できる(当たり前ですが)
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を構築できればいいのはわかるのですが、フレームワークの存在というのがあり、時代的にフレームワークを使ったほうが勉強にもなるし後々のメンテが容易などいろいろメリットがあると思います。
以上になりますが皆様のご意見やアドバイスをお待ちしております。
どうぞよろしくお願い致します!
  • JavaScript

    23245 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • jQuery

    9133 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

  • React.js

    1389 questions

    Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

  • Angular2

    196 questions

  • Vue.js

    1741 questions

    Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る