会員制Webサイト・会員コミュニティ構築のためのモバイルアプリをノーコードやCMSを用いて自身で開発できる方法についてご紹介します。自前でなく、SaaSを利用して枠組みの中で会員制サイト・コミュニティサイト・コミュニティアプリを運営する場合には オンラインサロン・会員コミュニティアプリ構築SaaS7つを比較【個人・スモールビジネス向け】 を参考にしてください。
基本的にはSaaSに乗っかる形のほうが構築コストもかからず、十分な機能を要していることが多いのでSaaS形式での会員制サイト・コミュニティアプリを利用することがおすすめです。
「独自のカスタマイズが必要だ」「SaaSの提供する枠を超えた柔軟なサイト・アプリを開発したい」という場合にのみ、以下で紹介するノーコードツール・CMSを活用するようにしましょう。
マッチングサイトなど、機能が定型化しており一定の市場ニーズがある場合、制作会社・構築会社がパッケージとして構築プランを提供しています。機能が一般的なものの場合、比較的安価に依頼できる場合もあり、マッチングサイトなどの場合はパッケージ構築を依頼するのが良いでしょう。
目次：
- ノーコードで自由度の高いWebサイト設計を。Webflowネイティブ機能で会員制サイト・コミュニティサイトを制作
- Webflowのネイティブ機能: メンバーシップ機能（会員機能）がオープンベータとして公開されました！
- Webflowメンバーシップ機能で会員制サイトとしてできること
- 今後、柔軟な権限管理や会員ユーザーデータの取り扱いを改善させていく
- Webflow × Memberstackで会員ログイン・有料会員機能を実装可能
- WebflowはAPIフレンドリーなため、他の様々なノーコード・ローコードツールと連携可能
- Webflowがおすすめできる場合・できない場合
- モバイルアプリ・デスクトップWebアプリで会員コミュニティ構築。Adalo
- 社内ポータルの強みをコミュニティサイトとして。Concrete CMS
- 何でもできる万能WebサイトCMS: WordPress
- マッチングサイトを制作したい場合はパッケージで構築依頼するのがおすすめ
- 成果をだすWebサイト制作、企画・戦略から伴走するWeb制作を実施しています
ノーコードで自由度の高いWebサイト設計を。Webflowネイティブ機能で会員制サイト・コミュニティサイトを制作
ブラウザベース・Webサイトの形でコミュニティサイトを独自構築したいなら、ノーコードでのWeb制作ツール”Webflow”がおすすめ。
たとえばバックエンドをAirtableと組み合わせるなどして、ノーコードでのWeb制作ツールの中では最も自由度が高い設計ができる。
ユーザーからの投稿に対応させるには、たとえばTypeformを活用するなどの手段も考えられます。
Webflowのネイティブ機能: メンバーシップ機能（会員機能）がオープンベータとして公開されました！
Webflow自体の機能（ネイティブ機能）として、メンバーシップ機能・会員制機能が公開されました！
2022/04/21現在、まだ準備中。β版にて一部ユーザーにのみ招待。
2022年11月のWebflow Conf 2022にて、Webflowの新機能とあわせて会員機能がオープンベータ版となり一般ユーザーにおいても申請不要で利用できるようになりました。
Today, we are excited to announce that Memberships is now in public beta, available to all Webflow customers right in the Designer. Additionally, thanks to our CMS scalability work, we’re raising the limit on the number of members per site to 20,000, so you can scale your communities even further.
Memberships now in open beta — with increased limits | What we announced at Webflow Conf 2022
上記から、会員数20,000人までの会員制サイト・コミュニティサイトを構築することができるようになることが分かります。
Webflowメンバーシップ機能で会員制サイトとしてできること
上記ページをみる限り、下記の機能が実装可能とみられます。
- 会員登録・ログイン機能
- パスワードリセット・パスワード更新
- 会員の権限設計・管理（アクセスグループの設定・管理）
- 特定のグループにのみアクセスできる階層を設定可能
- 複数のグループを作成でき、それらのグループごとに権限管理が可能。
- キックアウトも可能？
- 有料会員機能（決済・月額課金機能）
- マイページ機能？
上記はWebflowネイティブ機能なので、ユーザー登録画面やログイン画面はGUIでデザイン変更が可能。
招待メールのカスタマイズも可能とのこと。
今後、柔軟な権限管理や会員ユーザーデータの取り扱いを改善させていく
WebflowのMembership機能はオープンになったとはいえまだベータ版であり、たとえば権限管理についてはそれほど柔軟に・細かく設定することはできないようです。
柔軟な権限管理や詳細なワークフロー設定を行いたい場合は、現時点においては後述する Concrete CMS がおすすめです。Concrete CMSはもともと社内用イントラネットから生まれた経緯があり、会員制サイトの制作に強みがあります。
しかし、WebflowはMembership機能を今後さらに充実させていくとのこと。
Over the coming months and leading up to general availability we are focused on adding features that allow more granular control of the end user experience — such as gating visibility of individual elements and user data binding — as well as improvements that make user data more flexible and robust, like reference fields.
Memberships beta | Webflow Features
上記によると、権限管理をより柔軟にしていくことと、メンバー情報をメンバー自身で閲覧・コントロールできるようにしていくなど、会員ユーザーデータの紐付けに関する部分について改善に取り組んでいくとのこと。
Webflow × Memberstackで会員ログイン・有料会員機能を実装可能
WebflowとAPI連携させ、Memberstackを利用する形でも会員制ログイン機能を実装可能です。
Memberstackは「会員管理に特化したノーコードツール」であり、会員管理のためのダッシュボード、決済・支払い管理など、会員管理に必要なバックエンド機能をひと通り提供してくれる有料のノーコードツールです。
Memberstack単体ではフロント画面の提供はないため、会員登録させるため、会員情報を自身で閲覧できるようにさせるためにWebflowと連携させます。
Memberstackを導入したうえで、MemberchatというWebflowサードパーティプラグインを導入すれば会員同士でのDM,メッセージ、グループチャットを実装することができます。
またMemberstackは現在Memberstack 2.0という新バージョンを準備中。大きくパワーアップする予定とのこと。
開発者は下記からベータ版の利用申請が可能。
WebflowはAPIフレンドリーなため、他の様々なノーコード・ローコードツールと連携可能
WebflowはAPIが公開され、APIドキュメントが整備されています。上記Memberstackとの連携もAPIを介したものです。
たとえばバックエンドとしてFirebaseやSupabaseを活用すると、更に幅が広がりそう。
Webflowがおすすめできる場合・できない場合
コミュニティサイトという文脈に限定していませんが、Webflowがおすすめできる場合とできない場合を事例つきで下記の記事にまとめています。
関連タグ: Webflow
モバイルアプリ・デスクトップWebアプリで会員コミュニティ構築。Adalo
上記ご紹介したWebflowは「会員制Webサイト」でしたが、Adaloは「モバイルアプリ」または「デスクトップWebアプリ」の制作をノーコードで行えるツールです。
一応PCでも閲覧可能ですが、PC画面上にモックが表示されるモバイル最適化表示となります。（PCからの利用は原則ないもの、として考えましょう。）
AdaloではモバイルアプリまたはデスクトップWebアプリのどちらを制作するか、最初に選択してアプリケーションをノーコードで開発していくことができます。
デスクトップWebアプリはPC・Macローカルにダウンロードするデスクトップアプリのことではなく、PCブラウザから閲覧したときに動作させるWebアプリケーションのことを指します。
また、複数のモバイルアプリまたはデスクトップアプリのあいだでデータベースを共通して利用することが可能のため、Web（PC）・モバイルアプリの両開発として利用することも可能。
無料プランだとPWA方式のみ、有料プランだとネイティブアプリ化することが可能です。
実際にAdaloからネイティブアプリとしてiOSおよびAndroidで会員制アプリを公開させました。ネイティブアプリ申請の手続きは自身で行う必要があります。
Adaloではユーザーによる投稿が可能で、標準でログイン機能を実装できます。 自動的にログイン機能が実装された状態でノーコード制作がスタート。
初心者にもおすすめできるノーコードアプリ開発ツールといえるでしょう。 【ノーコード分科会】No-Codeの「DB設計」について語ろう！～Bubble会～ においても、Adaloは初心者〜中級者まで幅広くおすすめできるノーコードツールとして紹介されました。
ただし、Adaloはコミュニティアプリ専用のノーコードツールという訳ではないので、コミュニティアプリを構築するのに一定の工数がかかることには注意が必要です。
コミュニティアプリに特化したSaaSについては、 オンラインサロン・会員コミュニティアプリ構築SaaS7つを比較【個人・スモールビジネス向け】 をご確認ください。
関連タグ: Adalo
社内ポータルの強みをコミュニティサイトとして。Concrete CMS
Concrete CMSはもともと社内ポータル向けCMSとして開発されたという経緯があり、コミュニティサイトとしての構築には適しています。
ご紹介したWebflowやAdaloとは異なり、Concrete CMSは自身でサーバーへのインストール・ホスティングが必要となります。導入ハードルは高くなるといえるでしょう。
セキュリティ対策も自身で行う必要があります。
Concrete CMSの強みは柔軟な会員管理と、詳細なワークフローが組めること。コンテンツ公開前に人によるチェックを入れたいなど、運営に緻密さ・コンプライアンスを求める場合には有用です。
また、個人的には後述するWordPressのブロックエディタよりもConcrete CMSのほうが直感的な操作に感じます。Wixのように「見たまま」編集できる”WYSISYG”な操作が使いやすさにつながっているのだと思います。
ただし、投稿時のフォームに癖があったり、標準機能以上にカスタマイズする場合に工数が大きくかかります。管理画面においてもUI, UXとして微妙に感じる部分があり、またフロント構築においてデザイン要求が高い場合には問題点が出てくるかもしれません。
Concrete CMSを検討する場合は、コンテンツとコミュニティ、会員データベースをWeb上で一元管理・連携させたい場合や柔軟な会員管理・ワークフローが必要な場合には選択肢に入りそうです。
何でもできる万能WebサイトCMS: WordPress
WordPressは世界で最もインストールされているCMS。Concrete CMSと同様、ノーコードではなく自身でのインストール・ホスティングが必要です。
ただし、インストール・ホスティングを行ってくれる WordPress.com という有料サービスもあります。ホスティング代行は各社さまざまなプランを出しているため、導入・保守・セキュリティに不安がある方は有料ホスティングサービスを利用するのも一手でしょう。
WordPressは何でもできるでしょうが、プラグインを盛り盛りにして、デザインやフロントを自由に触りたい場合にはカスタマイズ工数がかかるイメージ。
WordPressにおいては、会員サイト制作は基本的にはプラグインによって実現されます。いくつかのプラグインを組み合わせて構築されることがほとんどのため、プラグインがいつまでサポートされるか？という点に不安が残ります。
サポート切れのプラグインを残したままだと、脆弱性となりハッキングされる可能性が高くなります。WordPressは世界一メジャーなCMSであるぶん、攻撃の標的になりやすいこともデメリットです。
このあたりのプラグイン事情・セキュリティ事情から、会員制作を可能にするホスティング型CMSとしては、本体機能として会員機能をもつConcrete CMSのほうに軍配が明るでしょう。
ただしフロント構築において、WordPressのメジャーアップデートによりFull Site Editing機能やブロックエディタ、高機能なサイトビルダープラグインが台頭してきています。上記リスクを考慮したうえでWordPressで構築する、というのも一手かもしれません。
関連カテゴリ: WordPress
マッチングサイトを制作したい場合はパッケージで構築依頼するのがおすすめ
上記は会員制サイト・コミュニティサイトを構築する場合のおすすめですが、その中でも例外的なのがマッチングサイトです。
マッチングサイトは機能がある程度決まっており、パッケージ化されやすい傾向にあります。その反面、自身でイチから構築しようとすると大変骨の折れる作業となります。
マッチングサイトにおいては、マッチングサイトのパッケージを構築している実績ある制作会社・開発会社に依頼するのが良いでしょう。
たとえば、管理人の知人が経営するメディアボックス株式会社様によるマッチングサイト構築パッケージは、機能が豊富でかつ他制作会社・開発会社と比べても比較的手頃な価格帯から構築依頼が可能となっています。（特にパッケージ機能内で完結でき、追加機能が不要の場合はお手頃になります）
マッチングサイト構築時において、WordPress上にプラグインを利用してマッチングサイトを構築することも可能ですが、上述したとおり、セキュリティ上の懸念が大きいため辞めましょう。
WordPressはシェアが世界一であると同時に、世界一狙われやすいCMSとなります。（WordPressで構築している時点で攻撃対象となりやすい）
マッチングサイトは通常の会員サイトに加えて、「会員同士の会話・メッセージ」というセンシティブな情報が含まれる場合がほとんどです。
このように個人情報やセキュリティが重要となる種類のサイト構築において、WordPress構築はおすすめできません。適切なプラグインを組み合わせた保守・管理をこなせる制作会社ならまだしも（ほとんどない認識ですが）、特に自身で構築することは辞めておきましょう。
成果をだすWebサイト制作、企画・戦略から伴走するWeb制作を実施しています
成果をだすWebサイト制作、企画・戦略から伴走するWeb制作を実施しています。 SEOを意識した制作や、制作後の運用・成果を見据えたWebサイトづくりが得意です。
🍀 Webサイト制作とSEOの専門家 - Marketing Wizard
上リンクには私のプロフィール・実績を掲載しています。ご確認のうえ、お気軽にご相談ください。
この記事の気になる箇所を読み返す：
- ノーコードで自由度の高いWebサイト設計を。Webflowネイティブ機能で会員制サイト・コミュニティサイトを制作
- Webflowのネイティブ機能: メンバーシップ機能（会員機能）がオープンベータとして公開されました！
- Webflowメンバーシップ機能で会員制サイトとしてできること
- 今後、柔軟な権限管理や会員ユーザーデータの取り扱いを改善させていく
- Webflow × Memberstackで会員ログイン・有料会員機能を実装可能
- WebflowはAPIフレンドリーなため、他の様々なノーコード・ローコードツールと連携可能
- Webflowがおすすめできる場合・できない場合
- モバイルアプリ・デスクトップWebアプリで会員コミュニティ構築。Adalo
- 社内ポータルの強みをコミュニティサイトとして。Concrete CMS
- 何でもできる万能WebサイトCMS: WordPress
- マッチングサイトを制作したい場合はパッケージで構築依頼するのがおすすめ
- 成果をだすWebサイト制作、企画・戦略から伴走するWeb制作を実施しています
Category: No-Code | ノーコード
Tags: Webマーケティング全般 | No-Code | CMS一般 | WordPress | Webflow | Adalo
