ガジェット通信

見たことのないものを見に行こう

マンガでわかるGit 第3話「リポジトリとは?作ってみよう」

DATE:
  • ガジェット通信を≫

リポジトリとは?作ってみよう

まずは個人で練習


Gitは、複数のメンバーでひとつのサービスを作っていくときに真価を発揮するけど、1人で作るときにも十分活用できるわよ。


まずは個人での練習用に、手元のパソコンの中にリポジトリを作りましょう。
手元のパソコン内のリポジトリは、ローカルリポジトリと呼ばれているわ。

1.フォルダを作ろう

バージョン管理を行いたいフォルダを作りましょう。例として、「sample」というフォルダを、ドキュメント(マイドキュメント)内に新規作成します。

このsampleフォルダを、SourceTreeから指定することで、以降、sampleフォルダ内に入れたファイルはバージョン管理の対象になります。

2.リポジトリを作ろう

第2話でインストールしたSourceTreeを起動し、画面左上の[新規/クローンを作成する]をクリックします。[リポジトリを作成]タブ → [保存先のパス]の[…]をクリックします。

先ほど作ったsampleフォルダを選びましょう。

パスが入力され、フォルダが指定されます。[作成]ボタンをクリックします。

3.リポジトリができました!

これでsampleフォルダ内のバージョン管理ができるようになりました。

リポジトリかどうか見分ける方法

ぱっと見た感じでは、sampleフォルダには変化がないように見えます。
ところが、隠しファイルを表示するとどうでしょう。


[表示]タブから、[隠しファイル]にチェックを入れると、「.git」っていう半透明のフォルダが出てきたよ!


さっきの操作で、自動的に作られたのよ。
「.git」が入っていれば、そのフォルダがリポジトリに設定されていることがわかるわね。


「.git」の中には、過去のファイル・ディレクトリの状態が、特殊な方法で圧縮されて、蓄積されていくのよ。詳しい話は、わかばちゃんがもう少しGitに慣れてから教えるわね。

豆知識:コマンドでリポジトリを作るには?

SourceTreeでの操作は以上ですが、この操作をコマンド(例の黒い画面)でやるとどう書くのでしょうか?

作業用リポジトリの作り方

git init は、リポジトリを新規作成するコマンドです。

$ git init

たとえば、sampleフォルダに移動して、git init と打つと、今回SourceTreeでやった操作と同じ結果が得られます。
(sampleフォルダがリポジトリになり、その中に.gitが作られる)

サーバー用リポジトリの作り方

作業用のリポジトリではなく、中央サーバーにリポジトリを作るときは、こう書きます。

$ git init –bare myshop.git

これで、myshop.gitというディレクトリ名でリポジトリを作ることができます。
ベアリポジトリの名前には、サフィックスに .git を付けるという慣習があります。

登場人物紹介

わかばちゃんが登場する書籍が発売されます!

わかばちゃんと学ぶ Webサイト制作の基本

Webサイトの企画・制作・運用までを、4コママンガと図解で楽しく学べます。
HTML5やCSS3以外にも、アクセス解析やSEOも解説しています!

アマゾンで中身を試し読みする

わかばちゃんが真央ゼミにやってくる前のストーリーになっています。
ぜひ、書店のWeb制作コーナーで、わかばちゃんを見つけてみてくださいね。

次回のマンガでわかるGitは?

第4話の内容は「コミットしてみよう」の予定です。


そういえば、魔王教授、飲み物を買いに行ったきり戻ってこないね。


まぁ、あの人は神出鬼没だから……。


魔王だから?


魔王なのによ。

次回、魔王教授は姿を現してくれるのか!?お楽しみに!

※この記事は2016年6月3日時点、SourceTree2.0.5.5、Windows10 Pro バージョン1511(Build 10586)における実施内容です。時期や環境によって、操作が異なることがあります。

※SourceTreeのキャプチャ画像は、Atlassian Japan様に掲載許可をいただいた上で使用しております。


湊川あい(みなとがわ あい)
絵を描くWebデザイナー。高等学校教諭免許状 “情報科” 取得済。マンガと図解の力で、物事をわかりやすく伝えることが好き。2014年より「マンガでわかるWebデザイン」をインターネット上に公開していたところ、出版社より声がかかる。初の著書「わかばちゃんと学ぶ Webサイト制作の基本」が書店発売で6/14、Amazonでは6/15発売決定。Amazonで予約受付中

Twitter: @llminatoll
Webサイト: http://webdesign-manga.com/

コラボ問題 出題中!

CodeIQでは「マンガでわかるGit」のコラボ問題を出題中!
Gitの初期化についての5つの選択問題!あなたは「Git」を使いこなせていますか?
この第3話にヒントが隠されているかも!

コラボ問題はこちらから

カテゴリー : デジタル・IT タグ :
CodeIQ MAGAZINEの記事一覧をみる ▶
  • 誤字を発見した方はこちらからご連絡ください。
  • ガジェット通信編集部への情報提供はこちらから
  • 記事内の筆者見解は明示のない限りガジェット通信を代表するものではありません。

TOP