読者です 読者をやめる 読者になる 読者になる

ノラプログラマーの技術メモ

ネットで調べても出てこなかった情報を載せていきたい技術系ブログ。

2014年版Githubの使い方!Windowsで初心者でも簡単アップロード

Githubって何?gitの手順

githubとは自分のソースコードを公開したりバージョン管理したりするのに使うシステム。

githubの使い方を調べてみると情報が古いものが多かったり、コマンドラインでgitに接続する必要があったりしてなにやら面倒くさい。

せっかくwindowsを使っているので、これをビジュアルなツールを使ってマウス操作のみでgitにアップロードしてみたい。
初めてgitを使う初心者の人のために、gitの流れを簡単に説明するとこんな感じ。

  1. サーバー上にあるリポジトリをパソコン上に複製する(git clone)
  2. リポジトリ内にソースコード等を追加・修正・削除し、変更履歴を残す(git commit)
  3. パソコン上の変更内容をサーバー上に反映する(git push)

では、いってみよう!

Githubの登録とwindowsツールのインストール

githubにアクセスしてユーザー名、メールアドレス、パスワードを入力して登録する。

f:id:kawai_norimitsu:20140628085857p:plain

続いてフリープランを選択してサインアップする。

f:id:kawai_norimitsu:20140628085930p:plain

先に登録したメールアドレス宛に確認メールが届くので認証しておく。

f:id:kawai_norimitsu:20140628090017p:plain

githubに登録できたので、さっそくリポジトリを作成する。

f:id:kawai_norimitsu:20140628090054p:plain

リポジトリ名と説明文を入力して、作成ボタンをクリックする。

f:id:kawai_norimitsu:20140628090118p:plain

リポジトリが作成されたら、windowsツールをインストールする。

f:id:kawai_norimitsu:20140628090224p:plain

GitHub Desktopをダウンロード・インストールする。

f:id:kawai_norimitsu:20140628090308p:plain

ツールを起動する。セットアップ画面でgithubのユーザー名、メールアドレス、パスワードを入力してログインする。

f:id:kawai_norimitsu:20140628090612p:plain

そのままコンティニューボタンをクリック。

f:id:kawai_norimitsu:20140628090744p:plain

最後にスキップボタンをクリックして完了!

f:id:kawai_norimitsu:20140628090823p:plain

以上でgithubの登録と、githubツールのインストールまでが終わりました。ここからgitの手順に従ってgithubソースコードをアップロードしていきます。

Githubにプログラムを登録・公開する

githubツールの左上にあるプラスアイコンをクリックしリポジトリを選択、cloneタブをクリック、cloneボタンをクリックする。

f:id:kawai_norimitsu:20140628091145p:plain

するとパソコン上の、ドキュメント内にgithubフォルダが出来上がる。githubフォルダの中にはリポジトリ名のフォルダがあるはず。

これより先は内容が古くなっていますので、次のサイトをご参考ください。

kawaidesu.hatenablog.com



このリポジトリ名フォルダの中は空っぽなので、githubで公開したいプログラムをコピーしておく。

f:id:kawai_norimitsu:20140628091312p:plain

再びgithubツールに戻って、F5キーを押すとフォルダ内にコピーした内容が参照される。

次に「uncommitted changes」の隣りにある「show」ボタンを押す。変更履歴のタイトルと説明文を入れて、「commit to master」ボタンをクリックする。

f:id:kawai_norimitsu:20140628091459p:plain

コミットできたら、右上にある「publish」ボタンをクリックすると、githubにプログラムが登録される。

f:id:kawai_norimitsu:20140628091659p:plain

ブラウザからgithubにアクセスしてみると、無事にソースコードがアップロードされて公開されているはず。このURLをブログなどで共有しよう。

f:id:kawai_norimitsu:20140628091752p:plain

プログラムを変更する

githubで公開したプログラムを修正する場合は、まずパソコン上(ドキュメントフォルダ内にあるgithubフォルダ内のリポジトリ名フォルダ)のソースコードを変更する。

プログラムを修正したら、githubツールで「uncommitted changes」の隣りにある「show」ボタンを押し、変更内容を入力してコミットする。

f:id:kawai_norimitsu:20140628092215p:plain

コミットできたら右上にあるsync(同期)ボタンをクリックすると、サーバー上との差分がアップロードされる。

f:id:kawai_norimitsu:20140628092307p:plain

ブラウザからgithubにアクセスすると、変更したファイルの更新日付が変わっているのが確認できる。

f:id:kawai_norimitsu:20140628092344p:plain