画像ツール一覧

同期(Sync)

Synchronization / Sync

データ

同期は、データを複数の場所でそろえる意味と、処理の実行順を合わせる意味で使われます。データ同期では、更新や削除を決められた方向・タイミング・競合ルールに沿って反映します。

🐾 猫で例えると?

茶トラとアメショが丸まり、2匹合わさってハート形でシンクロして寝ている様子
完全にシンクロして綺麗なハート形を作る2匹の猫

写真の茶トラとアメショは、似たポーズで丸まり、2匹で「ハート形」を作って眠っています。この足並みのそろった姿を、スマホとPCのデータをそろえる同期のイメージにしてみましょう。片方の変更をもう片方へ反映するとしても、すぐ反映するのか、一定間隔で反映するのかで、そろうタイミングは変わります。

🐾 PR

💻 IT現場における「同期(Sync)」とは?

ITの現場において「同期」という言葉は、主に2つの文脈で使われます。1つ目は「データの同期」、2つ目はプログラミングにおける「同期処理」です。

「データの同期」は、端末とクラウドなどで変更を反映し合う仕組みです。一方向の複製も双方向の同期もあり、通信待ちやオフライン中は状態がずれる場合があります。サービスによっては写真のアップロードをバックアップと呼ぶため、名称だけでなく削除や変更がどこまで伝わるかを確認します。

プログラムの「同期処理」は、現在の処理が終わってから次へ進む実行方式です。「非同期処理」は、完了を後で受け取る形で待ち時間を扱います。必ず複数のCPUで同時に動くという意味ではなく、データの内容をそろえる「同期」とも別の話です。

⚠️ 同期の仕組みと競合(コンフリクト)

データを同期する上で最大の課題となるのが「競合(コンフリクト)」です。例えば、オフライン状態でスマホとPCの両方から同じファイルを編集してしまい、後でネットワークに繋がった際、「どちらのデータを正とすべきか」システムが迷ってしまう状態です。

プログラミングでの同期処理と非同期処理の違い

ブラウザーのメインスレッドで長い同期処理を続けると、画面操作や描画を待たせます。次はブラウザーのコンソールで実行できる例です。setTimeoutは指定時間後の実行を予約し、実際の実行はそれより遅れる場合もあります。

console.log("1: 開始");
setTimeout(() => console.log("3: 予約した処理"), 0);
console.log("2: 後続の処理");
// 表示順は 1 → 2 → 3

async/awaitを使うと、非同期処理の完了を待つ流れを読みやすく書けます。ただし、その関数内で重い計算を同期的に実行すれば画面を止める可能性は残ります。データの同期処理を、非同期の通信で実装することもできます。

🛠️ 「同期」を賢く使うためのポイント

システム設計や日常的なツール利用において、同期を適切に扱うための注意点は以下の通りです。

ハート形で眠る2匹のようにデータをそろえるには、「どちらからどちらへ、いつ反映するか」を決めます。片方の削除がもう片方にも伝わる設定なら、同期先は削除前へ戻すためのバックアップにはなりません。競合と削除の扱いを、小さなデータで確かめてから利用しましょう。

参考資料