---
title: {{ page_meta.name }}｜{{ group.public_title }}｜{{ site_settings.logo_alt }}
description: "近年、ローコード・ノーコードでのアプリ（サービス）開発需要が高まっています。
WordPressプラグインを使ったビデオ通話・ライブ配信開発などについて解説します。"
---

[Agora Go Real ](https://jp.vcube.com/sdk/blog)

# [{{ page_meta.name }}｜{{ group.public_title }}｜{{ site_settings.logo_alt }}](https://jp.vcube.com/sdk/blog/with-no-code)

 作成者: [藤本 諭志](https://jp.vcube.com/sdk/blog/author/fujimoto)｜Aug 4, 2022 7:52:32 AM

# WordPress

WordPress（ワードプレス）はCMS（コンテンツマネジメントシステム）のひとつで、ブログやWebサイトを簡単に作る事ができます。 ブログでの利用用途のイメージが強いですが、オンラインサロンのような会員サイトを構築する事もできます。多くのプラグインが提供されている為、利用シーンは多くあるかと思います。

## WordPressプラグイン

先ほど触れたプラグインですが、2022年7月現在では[約60,000件公開](https://ja.wordpress.org/plugins/)されているようです。  
美容室の予約であったり、問い合わせフォームであったり、Webサービスに必要な機能を満たすプラグインが多くあります。  
この記事のテーマであるビデオ通話・ライブ配信ができそうなプラグインを[WebRTCというキーワードで検索](https://ja.wordpress.org/plugins/search/WebRTC/)したところ、約60件ほどヒットしました。映像を通したエンゲージメントの重要性が高い為、多くのプラグインが公開されていると思われます。

## AgoraVideoプラグイン for WordPress

Agora社もWordPress用に[プラグインを公開](https://ja.wordpress.org/plugins/wp-agora-io/)しています。このプラグインでは以下の機能が提供されています。

・ライブストリーミング  
・グループビデオチャット  
・AmazonS3へのクラウド録画  
・画面共有  
・RTMPサポート  
・デザインのカスタマイズ  
・設定（画質設定等）のカスタマイズ

 

ノーコードでも基本的なビデオ通話・ライブ配信ができます。基本的な設定をプラグインページで行い、WordPressの書式に併せたショートコードを発行、貼り付けて公開するだけです。作業時間は数分です。

 

# Bubble

Bubble（バブル）はWebサービスの開発用ノーコードツールです。ノーコードツールでは代表的な存在になります。ノーコードとはいえ、柔軟な開発ができる反面、学習コストはやや高いものとなっています。

## Bubbleプラグイン

Bubbleに基本的な機能は備わっていますが、特定の機能に対するプラグインがBubbleにもあります。外部のシステムのAPIに接続したりデザインに関連するプラグイン等が人気のようです。

## AgoraVideoプラグイン for Bubble

Bubbleのプラグインに対して、Agora社が提供しているものは2022年7月現在ありません。ですが、サードパーティー製のプラグインがいくつか公開されています。

この中から「Easy Live Streaming with Agora」という無償のプラグインを試してみたので少し紹介します。形式はライブ配信で、以下の機能が含まれています。

 ・ライブ配信開始（カメラ映像＋画面共有）  
・ライブ配信終了  
・音声のミュート  
・ライブ配信視聴

プラグイン作者のデモは[こちらに公開](https://triallllllll.bubbleapps.io/version-test?debug_mode=true)されています。（Agoraに関するパラメータが設定されていないようで動作はしないようです）

組み込み手順としては以下の内容になります。

 

配信側

1．自映像と画面共有双方のプレビュー領域追加  
2．配信開始・終了のボタン追加  
3．音声ミュートのボタン追加  
4．ボタンクリック時のワークフロー追加

 

視聴側

 1．配信者映像と画面共有双方の映像再生領域追加  
2．視聴開始・終了のボタン追加  
3．ボタンクリック時のワークフロー追加

 

WordPressと同様にプログラム不要で簡単にライブ配信アプリが作れます。

# 最後に

ノーコード開発で簡単・安価・スピーディーにサービス提供が実現できそうです。

いくつかの制限事項はあるものの、ひとまずサービス稼働させてユーザーの反応をみたい時などに活用してみてはいかがでしょうか。

[完全な記事を表示](https://jp.vcube.com/sdk/blog/with-no-code)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "藤本 諭志"
  },
  "dateModified" : "2022-08-04T07:52:32.673Z",
  "datePublished" : "2022-08-04T07:52:32Z",
  "headline" : "ノーコードではじめるビデオ通話・ライブ配信サービスの構築",
  "image" : {
    "@type" : "ImageObject",
    "height" : 630,
    "url" : "https://1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/solution/sdk/blog/common/agora_blog_ogp.png",
    "width" : 1200
  },
  "mainEntityOfPage" : "https://jp.vcube.com/sdk/blog/with-no-code",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60,
      "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
      "width" : 60
    },
    "name" : "Agora Go Real"
  }
}
```