PWA(Progressive Web Apps)はWebアプリケーションをまるでネイティブアプリのように動作させられるようになります(そういった技術というわけではなく、ネイティブアプリ風にするテクニックの総称です)。今回はそうしたPWAを体感するのにぴったりな、コーディングを伴わずにPWAを実現できるサービスを紹介します。
- NOCODE
- Thorium Builder
- Glide
- Visual PWA Builder
- umavate
- PandaSuite
- Better PWA Widgets
- PWABuilder
- Graphite
- Pep
- まとめ
NOCODE
テンプレートを選んで、画像や動画、テキストなどのリソースを設定することでPWAアプリを作成できます。多数のテンプレートがありますが、テンプレート以上のことはできないので、自分のニーズにマッチしているか、必要な要件を満たせるかは確認が必要でしょう。
Fast App Builder For Apps & Progressive Web Apps | PWA | NOCODE
Thorium Builder
多数用意されているコンポーネントを組み合わせてPWAアプリを開発します。文字サイズやカラーリングなどを細かく指定できる分、多くのニーズに応えられそうです。プログラミング知識は不要ですが、多少はあった方がカスタマイズしやすそうです。
Thorium Builder - Progressive Web Apps (PWA) Builder
Glide
Googleスプレッドシートをデータベースとして、PWAアプリを作成します。Google Apps Scriptを使うことで細かいカスタマイズができます。基本は一覧、詳細といった表示ですが、お気に入り登録のようなインタラクティブな機能も利用できます。
Create an app from a Google Sheet in five minutes, for free • Glide
Visual PWA Builder
視覚に訴えるビジュアルストーリーを提供するサービスの中で、PWAアプリが作成できるようになっています。電子マガジンのようなアプリに向いていそうです。
Visual PWA Builder: Create a Stunning Progressive Web App Without Coding
umavate
テンプレートとコンポーネントを組み合わせてPWAアプリを作成します。文言や色などをカスタマイズできるようです。任意の言語を使ってウィジェットやマイクロサービスを作り、組み込めます。
PandaSuite
デモを見る限り、音楽や動画、アニメーションを組み合わせたインタラクティブなPWAアプリが作成できます。電子絵本のようなアプリケーションも作成できます。
No-Code Web Builder: Build web page, web app & PWA - PandaSuite
Better PWA Widgets
モバイルWebサイトをPWAアプリに変換するサービスになります。間もなくリリースされるサービスです。
PWABuilder
こちらも既存のWebサイトをPWAに変換するサービスです。主にキャッシュ用のServiceWorkerやマニフェストなどを生成する仕組みが用意されています。
Graphite
GraphQLからPWAアプリを作成できます。GraphQLのスキーマを読み取って、データ取得系(閲覧系)アプリを作成できます。
Pep
既存のWebサイトからPWAに変換するサービスです。まだリリースしたてのサービスで実体は分かりませんが、PWABuilderなどと同等のサービスと思われます。
まとめ
ノーコーディングによるPWA作成サービスはあらかじめ用意されているテンプレートから作成するタイプ、GoogleスプレッドシートやGraphQLなどの外部サービスと連携するもの、そして既存のWebサイトを変換する3つのタイプに分かれます。自分のニーズにあったものを選んでみてください。
ニフクラ mobile backendはPWAであっても、データリソースとして利用することが可能です。JavaScript SDKでぜひ使ってみてください。
mBaaSでサーバー開発不要! | ニフクラ mobile backend