PWA に挑戦したい

Question

Progressive Web Apps (PWA) で開発したい。
ネイティブアプリを作っていたが、PWA にも興味がある。
やるなら今風でやりたい。
JavaScript は昔少しやっていたが、基礎的な内容のみ（jQuery は使ったことがない）
HTML と CSS は大丈夫そう
DevTools はある程度なら使える。

##やったこと
Node.js と npm 、 gulp のインストール

はじめてのプログレッシブ ウェブアプリ（https://codelabs.developers.google.com/codelabs/your-first-pwapp-ja/）
で、PWA の大まかなところは理解しました。

##質問

• 「はじめてのプログレッシブ ウェブアプリ」であらかじめ用意されていたレイアウトはどのように作るのが一般的なのか。

（直接入力していいのか、ドラッグアンドドロップで簡単に作れたりするのか。）

• JavaScript は生のコードを書いていいのか。

（jQuery や Angular を使うのが一般的なのか）

Answer 1

「はじめてのプログレッシブ ウェブアプリ」であらかじめ用意されていたレイアウトはどのように作るのが一般的なのか。
（直接入力していいのか、ドラッグアンドドロップで簡単に作れたりするのか。）

ちゃんと探していませんが、WYSIWYGツールの類は見たこと無いので、レイアウト作成は地道にコーディングすることになるかと。

JavaScript は生のコードを書いていいのか。
（jQuery や Angular を使うのが一般的なのか）

極論で言えば、素のJavaScriptだけでも書けなくは無いでしょうが、現実的にはTypescript、もしくはBabelの二択かと。
その上で、利用するフレームワークについては、VueかReactとなるのではないでしょうか。
フレームワークの選択については、それぞれに長所があるので、同一の機能を持つ簡単なアプリを両方で作ってみて選択するのがベターなのではないでしょうか。

Answer 2

私の一押しはVueを使って作成していくことです。
素のJSやjQueryでもやれる人はやれると思いますが、Vue、React、Angular（おすすめ順）いずれかのフレームワークを使って作るのが一般的じゃないでしょうか。

Vueには初期化のテンプレートにPWAを選べるために全部で10分ぐらいあればローカルでPWAの雛形を作れます
https://qiita.com/gyarasu/items/2f18edc4ae251180d89e

さらにNuxt.jsという発展的なフレームワークを使ったほうが後々の開発が楽になると思います。
http://techblog.scouter.co.jp/entry/2017/12/07/080416