Skip to content

コミットと同期

クラウドストレージの利点は「異なる場所からアクセスし、編集し、同期できる」ことです。Git と Gitea を使って作ったクラウドストレージで同じことをしてみましょう。

リポジトリの更新

以下のコマンドを実行して VSCode でデスクトップの mydrive を開いてください。

sh
$ code ~/Desktop/mydrive

ウェルカムページが表示されたら閉じ、エディタでは README.md を開いておきます。また、ウィンドウ左のアクティビティバーからソース管理タブ(○ が 3 つ曲線で繋がれた図形)を開き、以下のような画面にしてください。

この状態で README.md を編集して保存すると画面に色々変化が生じます。

  • README.md で編集した部分の左側に青色 or 緑色の縦線が入る
  • サイドバーの「変更」の部分に README.md が追加される
  • 「コミット」ボタンが使用可能になる

など。この状態で以下を順に実行してください。

  1. カーソルを「コミット」ボタンの直下にある「変更」の文字の上に持っていき、すぐ右隣に表示される「+」を押す
  2. その上の入力欄に「README.md 更新」と書き入れて「コミット」ボタンを押す
  3. 「コミット」ボタンが「変更の同期 1↑」ボタンに切り替わるので、それも押す

手順 2 の途中

COMMIT_EDITMSG

入力欄(コミットメッセージ)が空欄のまま「コミット」ボタンを押すと VSCode が英語が書かれた謎のファイルを表示して脅かして来ますが、単純に「入力欄が空欄だよ〜」と言われているだけです。開かれたファイルを閉じてコミットメッセージを書くことで問題なくコミットできます。

ちなみに、このファイルの 1 行目もコミットメッセージの入力欄として機能しています。コミットメッセージを書き込んでファイルを閉じると「コミット」ボタンを押したのと同じ扱いになります。

ここまで終わったら、Gitea のリポジトリのページに飛んでみます。リロードすると先ほどの更新が反映されていることが確認できます。

リポジトリの同期

今度はダウンロードディレクトリにある mydrive を開きます。本当はこれが別のデバイスからクラウドストレージにアクセスしているという想定です。

VSCode で開いて少し待つと「コミット」ボタンが「変更の同期 1↓」ボタンに変化します。

同期の方向

先ほどと違うのは矢印が上ではなく下を向いている点です。これは先ほどの同期が「デスクトップの mydrive → Gitea 上の mydrive」だったのに対し、今回の同期が「Gitea 上の mydrive → ダウンロードの mydrive」であることを表しています。

「変更の同期 1↓」ボタンを押すと README.md の内容が書き変わり、先ほど行った変更が同期されたことが確認できます。

今回はリポジトリに元からただ一つ置かれていた README.md というテキストファイルの更新と同期を試しましたが、もちろん新しいファイルを同じ場所に置いて同期させることもできます。授業資料の PDF ファイルももちろん載せられます。

Git と Gitea を使ってクラウドストレージを作ることができましたね。