ベータ版

FloSyncは現在ベータ版です。皆さまのフィードバックを反映しながら機能を改善しています。

ドキュメントメニュー

FloSyncをはじめよう

このガイドでは、FloSyncのインストールからコンテンツの読み込み、基本的なインターフェイスの操作方法までをひと通り説明します。

インストール

macOS

  1. ダウンロードページからFloSyncのDMGファイルをダウンロード
  2. DMGを開き、FloSyncをアプリケーションフォルダにドラッグ
  3. アプリケーションフォルダからFloSyncを起動

メモ: 初回起動時、macOSから「開発元を確認できないアプリを開いてもよいか」と確認される場合があります。「開く」をクリックして続行してください。

Windows

  1. ダウンロードページからFloSyncのインストーラーをダウンロード
  2. インストーラーを実行し、画面の指示に従う
  3. スタートメニューまたはデスクトップショートカットからFloSyncを起動

初回起動

FloSyncを初めて起動すると、メインのコントロールパネルが表示されます。

インターフェイスの概要

FloSyncのインターフェイスは、いくつかの領域で構成された統合コントロールパネルです。

トップバー

  • モードドロップダウン — 独立、ミラー、スパンの各モードを切り替えます
  • LIVEインジケーター — プレゼンテーションモード中に赤いバッジとして表示されます
  • スケジュールアイコン（リスト） — 時間帯方式・インターバル方式のコンテンツスケジューリング用パネルを開閉します
  • すべてクリアボタン（プレゼンテーションのキャンセル） — 読み込み済みのコンテンツをすべて削除します（コンテンツが読み込まれているときのみ表示）
  • キャンバス拡張アイコン（グリッド） — マルチPCビデオウォール用のグローバルキャンバスを設定します（スパンモード時のみ）
  • グローバルプレビュー切り替え（ズーム） — グローバルキャンバスプレビューの表示/非表示を切り替えます（スパンモードで拡張が設定済みの場合のみ）
  • （区切り線）
  • サーバーアイコン（タワー） — ネットワーク同期のサーバーモードを開始/停止します（アクティブ時は緑）
  • クライアントアイコン（WiFi） — ネットワーク同期のクライアントとして接続/切断します（アクティブ時は青）

スクリーン配置エリア

  • 接続中のスクリーンが視覚的に表示されます
  • 各スクリーンは実際のサイズと位置に応じた比率のボックスで表示されます
  • 動画や画像をスクリーンボックスへ直接ドラッグ&ドロップできます
  • 右クリックでWebページやHTMLファイルの読み込みなど追加オプションを利用できます
  • スクリーンをクリックして選択できます
  • 読み込み済みのコンテンツをクリックすると設定を編集できます
  • 各スクリーンに音声の切り替えボタンがあります（動画のみ）

再生コントロールバー

  • タイムラインスライダー — 動画をスクラブできます（動画コンテンツ読み込み時に表示）
  • 時間表示 — 現在位置と総再生時間
  • 再生/一時停止ボタン — 動画の再生をコントロールします
  • ライブ開始ボタン — すべてのスクリーンでフルスクリーンプレゼンテーションを開始します

ステータスバー

  • キャンバスサイズ — 全スクリーンを合わせた寸法（例：「3840×1080」）
  • グローバルキャンバスサイズ — キャンバス拡張が設定されている場合、ビデオウォール全体のサイズを表示
  • スクリーン数 — 接続中のスクリーンの数
  • 警告 — セットアップ上の問題がある場合に表示（コンテンツの欠落、再生時間の不一致など）
  • 同期補正 — ライブモード中の同期補正回数（ライブ時のみ表示）
  • ネットワーク同期ステータス — サーバー/クライアントの接続状態（アクティブ時）
  • 動画の長さ — 読み込まれた動画のうち最も長いものの再生時間

コンテンツの読み込み

FloSyncは動画、画像、Webページの3種類のコンテンツに対応しています。種類ごとに読み込み方法や挙動が異なります。

動画の読み込み

ドラッグ&ドロップ： Finder（macOS）またはエクスプローラー（Windows）から動画ファイルをドラッグし、コントロールパネル内の任意のスクリーンボックスにドロップします。

クリックして参照：

  1. 配置エリア内の任意のスクリーンボックスをクリック
  2. ファイル選択ダイアログが開きます
  3. 動画ファイルを選択して「開く」をクリック

対応動画フォーマット：

  • MP4（H.264、H.265/HEVC）
  • MOV（ProRes含む）
  • MKV
  • AVI
  • WebM

ミラーまたはスパンモードでは、いずれかのスクリーンにコンテンツを読み込むと自動的にすべてのスクリーンに反映されます。独立モードでは、各スクリーンに異なるコンテンツを個別に設定できます。

画像の読み込み

ドラッグ&ドロップ： ファイルブラウザから画像ファイルをドラッグし、任意のスクリーンボックスにドロップします。

クリックして参照：

  1. 任意のスクリーンボックスをクリック
  2. ファイルダイアログから「Load Video/Image」を選択
  3. 画像ファイルを選択

対応画像フォーマット：

  • PNG
  • JPG / JPEG
  • GIF（アニメーションGIF対応。自動でループ再生されます）
  • BMP
  • TIFF
  • WebP
  • SVG

画像のフィットモード： 画像を読み込んだ後、画像をクリックするとコンテンツ設定ダイアログが開き、表示方法を調整できます。

  • フィット — アスペクト比を維持したままスクリーンに収まるようスケーリング（余白が生じる場合あり）
  • フィル — スクリーン全体を覆うようスケーリングし、はみ出た部分をクロップ（余白なし、一部がクロップされる場合あり）
  • ストレッチ — スクリーンに合わせて引き伸ばし（アスペクト比が崩れる場合あり）

Webページの読み込み

URLから：

  1. スクリーンボックスを右クリック
  2. 「Load ウェブページ URL」を選択
  3. HTTPS URL（例：https://example.com）を入力
  4. OKをクリック

ローカルHTMLファイルから：

  1. スクリーンボックスを右クリック
  2. 「Load HTML ファイル」を選択
  3. HTMLファイルを選択
  4. 「開く」をクリック

メモ: セキュリティ上の理由から、対応しているのはHTTPS URLのみです。ローカルHTMLファイルでは、同じディレクトリ内のアセット（CSS、画像、JS）を相対パスで参照できます。

自動更新： Webページの読み込み後、Webページをクリックして設定を開くと、自動更新の間隔を指定できます。

  • なし（デフォルト）
  • 15分ごと
  • 30分ごと
  • 1時間ごと

コンテンツの再生

コンテンツを読み込んだら、2つの方法で表示できます。

プレビューモード（コントロールパネル）

コントロールパネルの再生コントロールを使って、コンテンツをプレビューできます。

  • 再生/一時停止ボタン — 下部バーの再生ボタンをクリック（動画のみ）
  • タイムラインのスクラブ — タイムラインをドラッグして任意の位置へジャンプ（動画のみ）
  • 音声の切り替え — 各スクリーンのスピーカーアイコンをクリックして音声をオン/オフ（動画のみ）

メモ: 画像はすぐに表示され、そのまま保持されます。Webページはプレビュー内でライブ描画されます。再生コントロールは動画コンテンツにのみ作用します。

ライブ開始（フルスクリーンプレゼンテーション）

本番の表示にはライブ開始を使います。

  1. 再生コントロールバーのライブ開始ボタンをクリック
  2. 接続中の各スクリーンにフルスクリーンウィンドウが作成されます
  3. 設定に応じて各スクリーンにコンテンツが表示されます
    • 動画はすべてのスクリーン間で視覚的に同期した状態を保ちます
    • 画像はすぐに表示されます
    • Webページはライブで描画されます
  4. ネットワーク同期がアクティブ（サーバーまたはクライアントモード）の場合、複数台のPC間で動画再生が同期されます

ライブモード中：

  • フルスクリーンウィンドウではマウスカーソルがデフォルトで非表示になります
  • マウスを動かすとカーソルが一時的に表示されます
  • 操作しない状態が続くとカーソルは再び自動的に隠れます
  • フルスクリーンウィンドウをクリックすると「ライブを終了?」の確認ダイアログが表示されます

ライブモードの終了：

  • 任意のフルスクリーンウィンドウでESCキーを押す
  • フルスクリーンウィンドウをクリックし、ダイアログで「Yes」を選択
  • コントロールパネルのライブを停止ボタンをクリック

ライブ開始のオプション： スケジュール（複数シーン）が設定済みの場合、ライブ開始ボタンにドロップダウンが表示されます。

  • ライブ開始（現在）：コンポーザーの現在の内容をそのまま再生し、スケジュールは無視します。テスト用です。
  • ライブ開始（スケジュール） または ライブ開始（最初から）：スケジュールに従ってコンテンツを自動切り替えで再生します。本番運用ではこちらを使用してください。

スケジューリングモードやControllerオプションの詳細は、スケジューリングをご覧ください。

複数スクリーンの使い方

PCに複数のスクリーンが接続されていれば、FloSyncが自動的に検出してスクリーン配置エリアに表示します。

スクリーン配置

コントロールパネル中央には、OS上の設定と同じ配置で接続中のスクリーンが表示されます。レイアウトは各スクリーンの相対的な位置とサイズがわかるよう、比例してスケーリングされます。

スクリーンモード

トップバーのモードドロップダウンで、スクリーン間のコンテンツ表示方法を選択します。

  • 独立 — 各スクリーンに異なるコンテンツと個別の音声を設定可能
  • ミラー — すべてのスクリーンで同じコンテンツを同期表示（Primaryスクリーンの音声のみ）
  • スパン — すべてのスクリーンを1枚の大きなキャンバスとしてコンテンツを表示

各モードの詳細は、スクリーンモードをご覧ください。

メニューバー

FloSyncは両プラットフォームでメニューバーを提供しています。

macOS：標準キーボードショートカット対応のネイティブメニューバー

  • FloSyncメニュー — About、環境設定（⌘,）、Hide、Quit
  • ファイルメニュー — 設定をインポート/エクスポート（⌘O/⌘S）、すべてのシーンとコンテンツをリセット
  • 表示メニュー — スケジュールパネル、ログパネル、グローバルキャンバスプレビュー
  • ウィンドウメニュー — Minimize、Zoom
  • ヘルプメニュー — Documentation、Website、Reddit

Windows：ウィンドウ上部のアプリ内メニューバー

  • ファイルメニュー — 設定をインポート/エクスポート（Ctrl+O/Ctrl+S）、すべてのシーンとコンテンツをリセット、設定...（Ctrl+,）、Exit（Ctrl+Q）
  • 表示メニュー — スケジュールパネル、ログパネル、グローバルキャンバスプレビュー
  • ヘルプメニュー — Documentation、Website、Reddit、About

構成の保存と読み込み

FloSyncではセットアップ全体を.floファイルに保存し、あとからインポートして構成を復元できます。次のような場面で役立ちます。

  • スケジュールやコンテンツ割り当てのバックアップ
  • 同じ構成を複数台のPCに展開
  • 同僚との設定共有

構成のエクスポート

  1. ファイル > 設定をエクスポート...（macOSは⌘S、WindowsはCtrl+S）を選択
  2. 保存場所とファイル名を指定
  3. 「保存」をクリック

エクスポートされる内容：

  • すべてのスケジュールシーンとコンテンツ割り当て（時間帯方式・インターバル方式の両方）
  • 表示モード（独立、ミラー、スパン）
  • グローバルキャンバス拡張設定
  • 音声設定（ディスプレイごとのミュート状態）
  • アプリバージョンとフォーマットバージョン（互換性チェック用）

エクスポートされない内容（マシン固有）：

  • 同期トレランス（ローカルおよびネットワーク）
  • ウィンドウの位置とサイズ
  • UIパネルの表示状態

構成のインポート

  1. ファイル > 設定をインポート...（macOSは⌘O、WindowsはCtrl+O）を選択
  2. .floファイルを選択
  3. 「開く」をクリック

バージョン互換性： より新しいバージョンのFloSyncで作成されたファイルの場合、続行するかどうかを確認する警告ダイアログが表示されます。お使いのバージョンにない機能を含む構成をインポートした際の問題を防ぐためです。

ファイルが見つからない場合： 構成のエクスポート後にコンテンツファイルが移動または名前変更されていると、FloSyncはMissing Filesダイアログを表示します。以下の操作が可能です。

  • フォルダを検索をクリックして、フォルダ内から不足ファイルを一括検索
  • ファイルを指定をクリックして、個別のファイルを手動で指定
  • FloSyncはファイル名で照合し、可能な場合はファイルサイズとコンテンツハッシュで検証します

すべてリセット

すべてのコンテンツをクリアしてやり直すには：

  1. ファイル > すべてのシーンとコンテンツをリセットを選択
  2. 確認ダイアログで承認

これにより以下がクリアされます。

  • すべてのスケジュールシーン（単一の「All Day」シーンに戻ります）
  • 各ディスプレイのコンテンツ割り当て
  • グローバルキャンバス拡張設定

設定（同期トレランスなど）は保持されます。

メモ: ImportとResetはライブモード中は無効です。先にライブモードを終了してください。

便利なヒント

  • ESCで終了 — 任意のフルスクリーンウィンドウでESCキーを押すとライブモードを終了できます
  • ドラッグで置き換え — すでにコンテンツが読み込まれているスクリーンに新しいコンテンツをドラッグすると、既存のコンテンツが置き換わります
  • ループ再生 — 動画は自動的にループ再生されるため、デジタルサイネージに最適です
  • すべてのコンテンツをクリア — トップバーのXボタンで、読み込み済みのコンテンツをすべて削除できます
  • セッションの保持 — FloSyncは前回読み込んだコンテンツを記憶し、次回起動時に自動で復元します
  • スクリーンごとの音声 — 独立モードでは、各スクリーンに個別の音声切り替えがあります（動画のみ）
  • コンテンツ設定 — 読み込み済みのコンテンツをクリックすると、フィットモード（画像/動画）やURL・更新間隔（Webページ）を調整できます
  • 右クリックメニュー — スクリーンを右クリックしてコンテンツを読み込んだり、スケジュールパネルのシーンカードを右クリックして編集オプションを表示できます
  • アニメーションGIF — GIF画像は自動的にループ再生されます。設定は不要です

次のステップ

基本を押さえたら、次のガイドでFloSyncをさらに活用しましょう。

  • スクリーンモード — 独立、ミラー、スパンの使い分けと、マルチPCビデオウォールの構築方法
  • スケジューリング — 時間帯方式やインターバル方式によるシーンの自動切り替え
  • ライブ開始 — フルスクリーンプレゼンテーション、コントローラーモード、キーボード操作、シーン遷移
  • ネットワーク同期 — 同一ネットワーク上の複数PC間で動画再生を同期
  • MIDI — MIDIコントローラーによるシーンの直接トリガー
  • 動画の準備 — もっとも滑らかな同期を実現するための動画ファイルの最適化