FJCT_ニフクラ mobile backend(mBaaS)お役立ちブログ

スマホアプリ開発にニフクラ mobile backend(mBaaS)。アプリ開発に役立つ情報をおとどけ!

ノンコーディングでPWAを開発できるサービスまとめ

f:id:mbaasdevrel:20200514143502p:plain

PWA(Progressive Web Apps)はWebアプリケーションをまるでネイティブアプリのように動作させられるようになります(そういった技術というわけではなく、ネイティブアプリ風にするテクニックの総称です)。今回はそうしたPWAを体感するのにぴったりな、コーディングを伴わずにPWAを実現できるサービスを紹介します。

NOCODE

f:id:mbaasdevrel:20200514143525p:plain

テンプレートを選んで、画像や動画、テキストなどのリソースを設定することでPWAアプリを作成できます。多数のテンプレートがありますが、テンプレート以上のことはできないので、自分のニーズにマッチしているか、必要な要件を満たせるかは確認が必要でしょう。

Fast App Builder For Apps & Progressive Web Apps | PWA | NOCODE

Thorium Builder

f:id:mbaasdevrel:20200514143516p:plain

多数用意されているコンポーネントを組み合わせてPWAアプリを開発します。文字サイズやカラーリングなどを細かく指定できる分、多くのニーズに応えられそうです。プログラミング知識は不要ですが、多少はあった方がカスタマイズしやすそうです。

Thorium Builder - Progressive Web Apps (PWA) Builder

Glide

f:id:mbaasdevrel:20200514143502p:plain

Googleスプレッドシートをデータベースとして、PWAアプリを作成します。Google Apps Scriptを使うことで細かいカスタマイズができます。基本は一覧、詳細といった表示ですが、お気に入り登録のようなインタラクティブな機能も利用できます。

Create an app from a Google Sheet in five minutes, for free • Glide

Visual PWA Builder

f:id:mbaasdevrel:20200514143456p:plain

視覚に訴えるビジュアルストーリーを提供するサービスの中で、PWAアプリが作成できるようになっています。電子マガジンのようなアプリに向いていそうです。

Visual PWA Builder: Create a Stunning Progressive Web App Without Coding

umavate

f:id:mbaasdevrel:20200514143448p:plain

テンプレートとコンポーネントを組み合わせてPWAアプリを作成します。文言や色などをカスタマイズできるようです。任意の言語を使ってウィジェットやマイクロサービスを作り、組み込めます。

PWA Builder | Lumavate

PandaSuite

f:id:mbaasdevrel:20200514143442p:plain

デモを見る限り、音楽や動画、アニメーションを組み合わせたインタラクティブなPWAアプリが作成できます。電子絵本のようなアプリケーションも作成できます。

No-Code Web Builder: Build web page, web app & PWA - PandaSuite

Better PWA Widgets

f:id:mbaasdevrel:20200514143436p:plain

モバイルWebサイトをPWAアプリに変換するサービスになります。間もなくリリースされるサービスです。

Better PWA Widgets

PWABuilder

f:id:mbaasdevrel:20200514143426p:plain

こちらも既存のWebサイトをPWAに変換するサービスです。主にキャッシュ用のServiceWorkerやマニフェストなどを生成する仕組みが用意されています。

PWABuilder

Graphite

f:id:mbaasdevrel:20200514143418p:plain

GraphQLからPWAアプリを作成できます。GraphQLのスキーマを読み取って、データ取得系(閲覧系)アプリを作成できます。

Graphite

Pep

f:id:mbaasdevrel:20200514143411p:plain

既存のWebサイトからPWAに変換するサービスです。まだリリースしたてのサービスで実体は分かりませんが、PWABuilderなどと同等のサービスと思われます。

Pep

まとめ

ノーコーディングによるPWA作成サービスはあらかじめ用意されているテンプレートから作成するタイプ、GoogleスプレッドシートやGraphQLなどの外部サービスと連携するもの、そして既存のWebサイトを変換する3つのタイプに分かれます。自分のニーズにあったものを選んでみてください。

ニフクラ mobile backendはPWAであっても、データリソースとして利用することが可能です。JavaScript SDKでぜひ使ってみてください。

f:id:mbaasblog:20200205172117p:plain

mBaaSでサーバー開発不要! | ニフクラ mobile backend

PWA関連記事

中津川 篤司

中津川 篤司

NCMBエヴァンジェリスト。プログラマ、エンジニアとしていくつかの企業で働き、28歳のときに独立。 2004年、まだ情報が少なかったオープンソースソフトの技術ブログ「MOONGIFT」を開設し、毎日情報を発信している。2013年に法人化、ビジネスとエンジニアを結ぶDXエージェンシー「DevRel」活動をスタート。