一方向のプレゼンをライブインタラクションへ：Claper のデプロイと公開オーディエンスアクセスの実践

出典：CSDN オリジナル記事
原題：「让演示从单向讲解变成现场互动：Claper部署与公网参与实践」
注記：本稿は元記事をもとに、トーンを調整してリライトしたものです。元の構成、手順、コマンド、画像配置のロジックは保持しています。
元コンテンツは CC 4.0 BY-SA ライセンスに従います。公開時には出典とライセンス表記を残してください。

はじめに

授業、製品発表、業務プレゼンテーションなどの場面では、内容を最後まで説明したからといって、聴衆が実際に参加したとは限りません。

多くの場合、ライブ Q&A は盛り上がりにくく、口頭での投票は集計が難しいものです。リモート参加者も、自分の考えをタイムリーに共有するのが困難です。結局、イベント後のアンケートに頼ってフィードバックを集めるしかなく、その結果も理想的とはいえないことが少なくありません。

Claper を使うと、PPT や PDF ファイルを独立したプレゼンテーションプラットフォームにアップロードし、プレゼン中にリアルタイムコメント、アンケート、投票、Q&A を追加できます。聴衆はブラウザでイベントページを開くだけで、そのまま参加できます。発表者もプレゼン画面からリアルタイムにフィードバックを確認できます。

これにより、従来の一方通行のスライド発表を、即時反応とライブインタラクションを備えたプロセスへ変えることができます。

この構成では、Claper がプレゼンテーションファイルとインタラクティブ機能を担当します。PostgreSQL はプラットフォームデータを保存します。Docker はデプロイを担当します。cpolar は LAN 内のローカル 4000 ポートを公開 URL にマッピングします。

このソリューションは、授業、社内研修、オンライン共有、小中規模イベントに適しています。注意点として、Claper は PowerPoint 内に直接インストールするプラグインではありません。実際のプレゼンテーションは配信されます。

Claperページを通じて。

1. DockerでClaperを一括デプロイする

Dockerをサポートするデバイスがあれば、Claperを比較的短時間で起動できます。複雑な環境構築は不要で、特定のオペレーティングシステムに縛られることもありません。

この例ではCentOS 7を使用しています。デプロイ手順を順に見ていきましょう。

まず、Dockerでインストールして実行し、ファイル保存用のディレクトリを作成します。

mkdir -p /docker/Claper
cd /docker/Claper

次に、以下の内容をdocker-compose.ymlファイルとして保存します。

PostgreSQLが初回起動し、データディレクトリが空の場合、POSTGRES_*環境変数に基づいてユーザーとデータベースが作成されます。

POSTGRES_PASSWORD: claper
POSTGRES_USER: claper
POSTGRES_DB: claper

次のコマンドでSECRET_KEY_BASEを生成できます。

openssl rand -hex 64

完全なdocker-compose.yml設定は次のとおりです。

version: "3.0"

services:
db:
image:

postgres:9
volumes:
- ./postgres-data:/var/lib/postgresql/data
environment:
POSTGRES_PASSWORD: claper
POSTGRES_USER: claper
POSTGRES_DB: claper
healthcheck:
test: ["CMD-SHELL", "pg_isready -U claper"]
interval: 5s
timeout: 5s
retries: 10

app:
image: ghcr.io/claperco/claper:latest
user: "0:0"
ports:
- "4000:4000"
volumes:
- uploads:/app/uploads
environment:
DATABASE_URL: postgres://claper:claper@db:5432/claper
SECRET_KEY_BASE: 08fdecbc274177363ad3e5457ae910005216dc6d27b470cf69d9524e4fc6b951156b3c4709290054cb76778899ef
ENDPOINT_PORT: 4000
ENDPOINT_HOST: 192.168.42.140
MAX_FILE_SIZE_MB: 50
depends_on:
db:
condition: service_healthy

volumes:
uploads:

次に、以下のコマンドを実行してサービスを起動します。

# すべてのサービスを起動
docker-compose up -d

![これはCentOS 7システムのターミナル画面を示すスクリーンショットで、ClaperのDockerデプロイ手順に対応しています。画面には`docker-compose up`コマンド実行時のフィードバックが表示されており、Claperのデプロイに必要な複数のDockerイメージを取得・ダウンロードしている様子が確認できます。各イメージのダウンロード進捗、完了済みサイズ、合計サイズ、所要時間が明確に表示され、一部のイメージはダウンロード完了済み、一部は取得中です。このスクリーンショットは、Dockerデプロイ中にイメージを取得するリアルタイムの進捗を直感的に示しており、デプロイ手順におけるサービス起動段階の実操作フィードバック記録です。](https://we0-cms.oss-cn-beijing.aliyuncs.com/cms-assets/article-images/2026/07/a27a45b6-052e-4d38-bbb7-80a2c650bbac-1-3.png)

サービスの起動後、PostgreSQLコンテナに入って確認できます。

docker exec -it claper-db-1 psql -U claper -d claper

通常どおり`psql`プロンプトに入ることができれば、ユーザーとデータベースが正常に作成されていることを意味します。

また、`postgres`ユーザーを使用してすべてのロールを確認することもできます。

docker exec -it claper-db-1 psql -U postgres -c '\du'

![この画像は、CentOS 7システムのコマンドラインで、PostgreSQLコンテナに入るためのコマンドを実行している画面を示しています。具体的なコマンドは`docker exec -it claper-db-1 psql -U claper -d claper`です。コマンド実行後、コマンドラインにはpsqlプロンプトが返され、バージョンは9.6です。]

24 と表示され、「help」と入力するとヘルプを取得できるよう促されます。この操作は、ドキュメント内の「サービス起動後に PostgreSQL コンテナに入って確認する」手順に対応しており、ユーザーとデータベースが正常に作成されたかを検証します。](https://we0-cms.oss-cn-beijing.aliyuncs.com/cms-assets/article-images/2026/07/cdc2e614-7103-4028-a5b4-367a708009de-1-4.png)

起動が完了したら、ポート 4000 にアクセスできるかを確認します。

```Bash
curl http://192.168.42.140:4000

次のアドレスを開くと、Claper のウェルカムページが表示されます。

http://localhost:4000

登録してからログインします。

ログインに成功すると、管理ダッシュボードに入ることができます。

次に、プレゼンテーションイベントを作成できます。

![画像は Claper プラットフォームの「マイイベント」ページを示しています。ページ上部には「Active」「Finished」

with you」の3つのタブがあり、現在は「Active」が選択されています。ページ中央には「Create your first event」と表示され、その下に赤い枠で強調された「+ Create event」ボタンがあり、ボタンを指す矢印も表示されています。この画像は、ドキュメント内の「Next, you can create a presentation event」の内容に対応しており、ログイン成功後にadmin dashboardへ入り、「+ Create event」ボタンをクリックしてデモ用イベントを作成する手順をユーザーに案内しています。](https://we0-cms.oss-cn-beijing.aliyuncs.com/cms-assets/article-images/2026/07/23ea88f7-cc63-4285-86ba-ed3f4dc7a95b-1-9.png)

画面上の指示に従ってください。

右上の Create をクリックし、PPTまたはPDFをアップロードしてから、インタラクティブコンポーネントを設定します。コメントと投票を有効にすることをおすすめします。これにより、インタラクションの効果がより分かりやすくなります。

この時点で、Claperのインタラクティブプレゼンテーションプラットフォームのデプロイは完了です。

これでプレゼンテーションイベントを作成し、参加者を招待できます。参加者は、現地でQRコードをスキャンする場合でも、リモートリンクを開く場合でも、コメント、アンケート、投票などの方法で参加できます。また、その過程で有用なフィードバックデータを残すこともできます。

会議室での報告、教室での講義、オンライン発表会のいずれであっても、Claperは一方向の説明を、より強い参加感のある双方向のインタラクションに変えることができます。

1. cpolarをインストールする

Claperをすでにローカルにデプロイし、コメント、アンケート、リアルタイムフィードバック機能を設定済みであっても、同僚、クライアント、学生にリモートで参加してもらいたい場合には、まだ問題が発生する可能性があります。彼らはできません。

アクセス：

http://your-internal-ip:4000

理由は簡単です。このサービスはLAN内で実行されており、パブリックIPアドレスを持っていないため、外部デバイスからアクセスできません。

このような場合、cpolarを使うことでパブリックアクセスの問題を解決できます。

cpolarは、ローカルコンピューター上で実行されているSSH、Webサービス、データベースなどのサービスをパブリックインターネットにマッピングできます。つまり、サービスが自宅、オフィス、または仮想マシン内で実行されている場合でも、パブリックURLを通じてアクセスできます。

以下はcpolarのインストール手順です。

ワンクリックスクリプトでインストールします：

sudo curl https://get.cpolar.sh | sh

インストール後、以下のコマンドを実行してcpolarサービスの状態を確認します。状態が正常であれば、サービスは正常に起動しています。

sudo systemctl status cpolar

![画像は、Z4S

• VJFLシステムでsudo systemctl status cpolarコマンドを使用してcpolarサービスの状態を確認したターミナル出力結果を示しています。cpolarサービスが読み込まれており、状態はactive (running)で、9月17日16:51:03から稼働しており、継続時間は8秒です。また、メインプロセスID、タスク数、メモリ使用量などの情報、およびCGroup関連情報も表示されています。この画像は、ドキュメント内のcpolarインストール後にサービス状態を確認する内容に関連しており、サービスが正常に実行されている状態を視覚的に示しています。](https://we0-cms.oss-cn-beijing.aliyuncs.com/cms-assets/article-images/2026/07/de719673-d864-44f7-8bf8-6f87105189f3-1-12.png)

cpolarのインストールと起動が正常に完了したら、ブラウザで仮想マシンのホストIPにポート9200を付けて入力し、管理インターフェースにアクセスします：

http://ip:9200

ローカルでも開くことができます：

http://localhost:9200

登録したアカウントでログインした後、

cpolar公式サイトにアクセスすると、cpolarのWeb設定画面が表示されます。以降のトンネル設定は、このページから行えます。

1. パブリックURLを設定する

cpolar Web UIの管理画面にログインしたら、左側のダッシュボードで Tunnel Management → Create Tunnel をクリックします。

以下のパラメータで設定します。

• トンネル名：任意の値。この例では claper を使用します。既存のトンネル名と重複しないようにしてください。
• プロトコル：http
• ローカルアドレス：4000
• ドメインタイプ：ランダムドメイン
• リージョン：China Top を選択

作成に成功したら、左側の Online Tunnel List を開きます。先ほど生成されたパブリックURLを確認できます。

次に、別のパソコンやスマートフォンでこのアドレスを使用すると、ローカルにデプロイしたClaperページへパブリックインターネットからアクセスできます。

アクセスに成功すると、ページは次のように表示されます。

1. 固定の公開URLを予約する

ランダムな公開URLは一時的に使用できます。ただし、サービスを長期間ほかの人と共有したい場合、頻繁に変わるアドレスはあまり便利ではありません。

そこで、cpolarで固定の第2レベルサブドメインを設定できます。設定後、この公開URLは毎回ランダムに変更されなくなります。

左側の Reserve をクリックし、Reserve second-level subdomain を選択します。リージョンは China Top を選び、第2レベルサブドメイン名を設定します。

この例では、使用するサブドメインは capler です。必要に応じて自由にカスタマイズできます。メモ情報を入力したら、Reserve をクリックします。

次に、cpolar Web UI管理画面に戻ります。左側のダッシュボードで Tunnel Management → Tunnel List をクリックします。設定したいトンネルを見つけ、右側の Edit をクリックします。

![この画像はcpolarのWeb UI管理画面のトンネル一覧ページを示しており、ドキュメント内の「cpolar Web UI管理画面に戻る」後の操作手順に対応しています。

ページ左側は機能ナビゲーションバーで、ダッシュボード、トンネル管理（トンネル一覧、トンネル作成などのオプションを含む）、ステータス、cpolar公式サイトなどの項目が含まれています。右側のトンネル一覧エリアには、番号が1、名前が「capler」のトンネルが表示されており、ステータスは「active」です。操作欄には編集、再起動、停止などの機能ボタンがあります。このページは、固定セカンドレベルサブドメインの設定完了後にトンネルの状態を確認する画面です。](https://we0-cms.oss-cn-beijing.aliyuncs.com/cms-assets/article-images/2026/07/ecb5e619-4f88-4fdb-bd10-99aa83a54b73-1-19.png)

次に、トンネル情報を変更し、予約済みのセカンドレベルサブドメインをトンネルに設定します。

• Domain type：second-level subdomain を選択
• Sub Domain：予約に成功したセカンドレベルサブドメインを入力
• Region：China Top

設定が完了したら、Update をクリックします。

更新が完了したら、再度 Online Tunnel List を開きます。元のランダムなパブリックURLが、固定のセカンドレベルサブドメインURLに変わっていることが確認できます。

最後に、任意のデバイスのブラウザで固定パブリックURLを開きます。ページが正常に開けば、固定セカンドレベルサブドメインのパブリックアドレスの設定は成功です。

![この画像はWebログイン画面を示しており、背景は濃い紫色で、中央に入力欄と紫色の「Join」ボタンがあります。上部にはこのサービスを示すブランドロゴがあり、画面右上には「About」と「Login」ボタン、右側にはカートゥーン風の装飾イラストがあります。文脈から、この画面はcpolarのWeb UI管理画面に関連する操作ページであり、関連サービスの設定やログインを行うために使用される入口ページで、固定パブリックURLの設定フローで使用する必要がある画面です。](https://we0-cms.oss-cn-beijing.

aliyuncs.com/cms-assets/article-images/2026/07/0d8ae4da-3ced-4377-9830-09cc8bc11487-1-22.png)

まとめ

Claper は PPT のレイアウトの問題を解決するものではありません。プレゼンテーション中の参加の問題を解決するものです。

聴衆は同じページ上でコンテンツを閲覧し、質問を送信し、投票に参加できます。発表者も現場のフィードバックをより素早く確認できます。この方法は、双方向コミュニケーションを必要とする講義、研修、ローンチイベントに特に適しています。

正式に使用する前に、事前に確認しておくべき点がいくつかあります。

1. docker-compose.yml 内のデフォルトのデータベースパスワードを置き換える。
2. 次のコマンドを使用して、独立した SECRET_KEY_BASE を生成する。この記事のサンプル値をそのまま使用しないでください。

openssl rand -hex 64

1. パブリック URL を設定した後、ENDPOINT_HOST を実際のアクセスドメインに変更する必要があるか確認する。そうしないと、招待リンクやリアルタイム通信が引き続き LAN IP を指す可能性があります。
2. PostgreSQL イメージについては、プロジェクトで現在サポートされているバージョンを使用することを推奨します。古い postgres:9 を長期間使い続けることは推奨されません。

全体として、このソリューションの中核となる考え方は明確です。

まず Docker を使って Claper を起動します。次に cpolar を使ってローカルの 4000 ポートをパブリックインターネットにマッピングします。これにより、現地イベントでもリモートプレゼンテーションでも、聴衆はブラウザから参加できます。

教室、研修セッション、製品デモ、オンライン共有において、この方法は単に PPT を再生するよりも多くのフィードバックを生み出し、聴衆も参加しやすくなります。