スマホリモコンでHTMLスライドデッキを発表する方法

1つの`.html`デッキをアップロードし、ノートPCやプロジェクターで開いて、スマホからスライドを操作します。ログインも、ダッシュボードも、恒久的なホスティングもありません。

完結した1つのHTMLファイルを使う。

本ツールは、デッキがスタイルとスライドの動作をファイル内に含んでいるときに最もうまく動作します。スライドを作り直すのではなく、アップロードされたHTMLをそのまま保持します。

現在対応

  • 自己完結した1つの.htmlまたは.htmファイル。
  • インラインのCSS/JS、固定の16:9ステージ、.deck-viewport.deck-stage.slideなどのスライドクラスを持つFrontend Slides形式のデッキ。
  • コーディングエージェントからの単一ファイルHTMLデッキ、書き出されたWebスライド、またはカスタムの静的スライドページ。
  • セクション、アーティクル、.slide、またはdata-slideマークアップを使った静的デッキ。

先に変換

  • .pptx、Keynote、PDF、画像のみのデッキ、またはGoogle Slidesのリンク。
  • Zipファイル、フォルダ、またはアセットディレクトリが分かれた複数ファイルのWebエクスポート。
  • ホスティングされたURL。代わりに実際のHTMLファイルをアップロードしてください。
  • HTMLに埋め込まれていないローカルアセットに依存するデッキ。

Frontend Slides is a good match because it creates zero-dependency, single-HTML presentations with inline CSS and JavaScript. The current file limit is 2 MB. Empty files, non-HTML files, and oversized files are blocked.

HTML Slide Presenter upload form with expiry options
Start with one `.html` file and choose how long the temporary link should stay live.

発表用リンクとリモコン用リンクを作る。

  1. HTML Slide Presenterを開きます。
  2. `.html`デッキを選びます。
  3. 有効期限を選びます。30分、3時間、または1日。
  4. ボットチェックを完了します。
  5. 発表用リンクを生成します。
  6. 発表用リンクをノートPCやプロジェクターで開きます。
  7. スマホでQRコードをスキャンしてリモコンを開きます。
Generated presenter link and QR code for phone remote
The generated session includes a presenter link and a QR code for the phone remote.

ディスプレイから発表する。

画面上の前へ、中央/リセット、次へのボタンを使います。左右の矢印キーも使えます。コントロールのオーバーレイは小さく保たれるので、デッキが主役のままです。

Presenter view with deck and compact control overlay
The presenter view keeps the uploaded deck full screen with a compact control overlay.

スマホからスライドを操作する。

スマホリモコンには3つの大きなコントロールがあります。前へ、中央/リセット、次へ。ログインなしで動作し、作成された一時セッションのみを操作します。

Phone remote with previous, center reset, and next controls
The phone remote is designed for one-handed live presenting.

一時リンクは自動的に期限切れになる。

デッキは選んだ時間が経つと期限切れになります。期限切れ後は、発表用リンクとスマホリモコンが使えなくなります。新しい一時セッションを作るには、もう一度アップロードしてください。

Expired HTML Slide Presenter session message
Expired or missing sessions show a clear message and do not reveal the uploaded deck.

何かおかしいときは。

  • スライドの表示がおかしい場合は、デッキが完結したHTMLファイルで、重要なスタイルを含んでいることを確認してください。
  • リモコンでスライドが動かない場合は、発表者タブをディスプレイ上で開いたままにし、一度矢印キーを試してください。
  • リンクが期限切れの場合は、デッキをもう一度アップロードしてください。

一時的でサンドボックス化された発表セッション。

アップロードされたデッキは一時的です。デッキのスクリプトは隔離されたサンドボックス化されたiframe内でのみ実行され、Tiny Design Shopのページ、Cookie、ローカルストレージを読み取ることはできません。