---
title: "はじめに"
description: "macOSまたはWindowsにFloSyncをインストールし、最初のコンテンツを読み込んで、数分でライブ開始するためのスタートガイド。"
url: "https://flosync.com/ja/docs/getting-started/"
lang: "ja"
updated: "2026-09-24"
---

# FloSyncをはじめよう

FloSyncはmacOSでもWindowsでも、ほかのアプリと同じようにインストールできます。接続したスクリーンは自動的に認識されるので、数分あればすべてのスクリーンで映像をフルスクリーン再生できます。

## インストール

### macOS

1. [ダウンロードページ](https://flosync.com/ja/download/)からFloSyncのDMGファイルをダウンロード
2. DMGを開き、FloSyncをアプリケーションフォルダにドラッグ
3. アプリケーションフォルダからFloSyncを起動

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

### Windows

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

## 初回起動

FloSyncを初めて起動すると、ブラウザに短いウェルカムページも開きます。アプリ本体にはメインのコントロールパネルが表示されます:

![4つの領域に番号が振られたFloSyncコントロールパネル:トップバー、空のスクリーンボックス2つを含むスクリーン配置エリア、再生コントロールバー、ステータスバー](https://flosync.com/images/screenshots/docs-getting-started-main-interface.jpg)

1. トップバー
2. スクリーン配置エリア
3. 再生コントロールバー
4. ステータスバー

### インターフェイスの概要

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

**1. トップバー**

- **モードドロップダウン**で、独立、ミラー、スパンの各モードを切り替えます
- **LIVEインジケーター**は、プレゼンテーションモード中に赤いバッジとして表示されます
- **スケジュールアイコン**（アジェンダ/リスト）で、時刻モード・インターバルモードのコンテンツスケジューリング用パネルを開閉します
- **グローバルキャンバス拡張アイコン**（グリッド）で、マルチPCビデオウォール用の**グローバルキャンバス**を設定します（スパンモード時のみ）
- **グローバルプレビュー切り替え**（ズーム）で、グローバルキャンバスプレビューの表示/非表示を切り替えます（スパンモードで拡張が設定済みの場合のみ）
- *（区切り線）*
- **トランスコードアイコン**（動画コントロール）で、同期に適したフォーマットへ動画を変換するトランスコードパネルを開閉します
- **同期ログアイコン**（ターミナル）で、同期状況をリアルタイムに表示する同期ログパネルを開閉します
- *（区切り線）*
- **サーバーアイコン**（タワー）で、ネットワーク同期のサーバーモードを開始/停止します（アクティブ時は緑）
- **クライアントアイコン**（Wi-Fi）で、ネットワーク同期のクライアントとして接続/切断します（アクティブ時は青）

**2. スクリーン配置エリア**

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

**3. 再生コントロールバー**

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

**4. ステータスバー**

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

## コンテンツの読み込み

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

### 動画の読み込み

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

**クリックして参照：**

1. 配置エリア内の任意のスクリーンボックスをクリック
2. **コンテンツを追加**ダイアログで**動画 / 画像**を選択
3. 動画ファイルを選択して「開く」をクリック

**対応動画フォーマット：**

- MP4（H.264、H.265/HEVC）
- MOV（ProRes含む）
- MKV
- AVI
- WebM
- M4V
- WMV
- FLV

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

### 画像の読み込み

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

**クリックして参照：**

1. 任意のスクリーンボックスをクリック
2. **コンテンツを追加**ダイアログで**動画 / 画像**を選択
3. 画像ファイルを選択して「開く」をクリック

**対応画像フォーマット：**

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

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

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

![静止画の画像 設定ダイアログです。コンテンツサイズの選択肢はフィット、フィル、ストレッチで、フィルが選択され、クリア、キャンセル、保存のボタンがあります。](https://flosync.com/images/screenshots/docs-getting-started-content-settings-ja.png)

*静止画の画像 設定ダイアログです。保存すると選択中のサイズが適用されます。*

### Webページの読み込み

**URLから：**

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

![「ウェブページ URL を入力」ダイアログのアドレス欄に flosync.com が入力され、自動更新はなしに設定され、キャンセルと読み込むのボタンがあります。](https://flosync.com/images/screenshots/docs-getting-started-web-page-url-ja.png)

*ウェブページが読み込まれる前に、自動更新をここで設定できます。*

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

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

> **メモ:** URL欄には`https://`で始まるアドレスを入力できます。`example.com`のようにスキームを省略したアドレスを入力した場合も、自動的に`https://`とみなされます。ローカルHTMLファイルでは、同じディレクトリ内のアセット（CSS、画像、JS）を相対パスで参照できます。

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

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

## コンテンツの再生

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

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

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

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

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

![Display 1にイルカの動画が読み込まれ、Display 2はプラス記号だけの空の状態で、タイムラインが途中まで進み、下部バーに再生ボタンとライブ開始ボタンがあるFloSyncのコントロールパネル](https://flosync.com/images/screenshots/docs-getting-started-video-preview-ja.jpg)

*Display 1に動画が読み込まれた状態。Display 2はまだ空です。*

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

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

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

**ライブモード中：**

- フルスクリーンウィンドウではマウスカーソルが**デフォルトで非表示**になります
- マウスを動かすとカーソルが一時的に表示されます
- 操作しない状態が続くとカーソルは再び自動的に隠れます
- フルスクリーンウィンドウをクリックするとライブモードが終了します

**ライブモードの終了：**

- 任意のフルスクリーンウィンドウで**ESC**キーを押します
- フルスクリーンウィンドウの任意の場所をクリックします
- コントロールパネルの**ライブを停止**ボタンをクリックします

**ライブ開始のオプション：** **ライブ開始**ボタンをクリックするとドロップダウンが開きます。スケジュール（複数シーン）が設定されている場合、以下のオプションが含まれます:

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

スケジューリングモードやコントローラーオプションの詳細は、[スケジューリング](https://flosync.com/ja/docs/scheduling/)をご覧ください。

## 複数スクリーンの使い方

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

### スクリーン配置

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

![3つの空のスクリーンボックスが横に並び、Display 1に「プライマリ」の表示があるコントロールパネル](https://flosync.com/images/screenshots/three-screen-restaurant-menu-composer-fresh-ja.jpg)

*OSが認識している順番どおりに並んだ、接続中の3台のスクリーン。*

### 表示モード

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

- **独立**（デフォルトモード）：各スクリーンに異なるコンテンツと個別の音声を設定可能
- **ミラー**：すべてのスクリーンで同じコンテンツを同期表示（プライマリスクリーンの音声のみ）
- **スパン**：すべてのスクリーンを1枚の大きなキャンバスとしてコンテンツを表示（プライマリスクリーンの音声のみ）

各モードの詳細は、[表示モード](https://flosync.com/ja/docs/display-modes/)をご覧ください。

## メニューバー

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

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

- **FloSyncメニュー**：FloSync について、環境設定...（⌘,）、隠す、終了
- **ファイルメニュー**：設定をインポート/エクスポート...（⌘O/⌘S）、すべてのシーンとコンテンツをリセット
- **表示メニュー**：スケジュールパネル、ログパネル、グローバルキャンバスプレビュー
- **ウィンドウメニュー**：しまう、拡大/縮小
- **ヘルプメニュー**：FloSync ドキュメント、FloSync ウェブサイト、FloSync on Reddit、アップデートを確認...、問題を報告...、ログフォルダを開く

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

- **ファイルメニュー**：設定をインポート/エクスポート...（Ctrl+O/Ctrl+S）、すべてのシーンとコンテンツをリセット、設定...（Ctrl+,）、終了（Ctrl+Q）
- **表示メニュー**：スケジュールパネル、ログパネル、グローバルキャンバスプレビュー
- **ヘルプメニュー**：FloSync ドキュメント、FloSync ウェブサイト、FloSync on Reddit、アップデートを確認...、問題を報告...、ログフォルダを開く、FloSync について

## 構成の保存と読み込み

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

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

### 構成のエクスポート

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

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

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

コンテンツ割り当てはメディアファイルそのものを埋め込むのではなく参照する形式なので、構成を別のPCへ移す際は動画・画像ファイルも一緒にコピーしてください。

**エクスポートされない内容**（設定を行ったマシンにのみ残る環境設定）：

- 同期許容値（ローカルおよびネットワーク）
- ウィンドウの位置とサイズ
- UIパネルの表示状態
- その他の環境設定（「ログイン時に FloSync を起動」など）

### 構成のインポート

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

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

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

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

### すべてリセット

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

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

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

- すべてのスケジュールシーン（時刻モード・インターバルモードの両方）
- 各ディスプレイのコンテンツ割り当て
- グローバルキャンバス拡張の設定

設定（同期許容値など）は保持されます。

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

環境設定やログも含めて完全にリセットしたい場合は、[環境設定](https://flosync.com/ja/docs/preferences/)の「危険な操作」セクションをご覧ください。

## 便利なヒント

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

## 次のステップ

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

- **[表示モード](https://flosync.com/ja/docs/display-modes/)**：独立、ミラー、スパンの使い分けと、マルチPCビデオウォールの構築方法
- **[スケジューリング](https://flosync.com/ja/docs/scheduling/)**：時刻モードやインターバルモードによるシーンの自動切り替え
- **[ライブ開始](https://flosync.com/ja/docs/go-live/)**：フルスクリーンプレゼンテーション、コントローラーモード、キーボード操作、シーン遷移
- **[ネットワーク同期](https://flosync.com/ja/docs/network-sync/)**：同一ネットワーク上の複数PC間で動画再生を同期
- **[MIDI](https://flosync.com/ja/docs/midi/)**：MIDIコントローラーによるシーンの直接トリガー
- **[動画の準備](https://flosync.com/ja/docs/video-preparation/)**：もっとも滑らかな同期を実現するための動画ファイルの最適化