GithubとAtomの連携について

Question

GUIやCUIを使わずにGithub上のリモートリポジトリに共有されたファイルを直接PULLしてきてAtomで編集することって出来るのでしょうか。
Atom上の操作でローカルリポジトリを作成し、ブランチ、編集、コミット、プッシュを全て完結できますか？
現在Github上で公開されたファイルをSourceTreeでGit操作をし、ローカルに作成されたファイルをAtomで開いて編集、という流れです。
もしGUIを使わずに出来るのであればAtomとGithubの連携方法についてお伺いしたいです。
ちなみに「https://www.sejuku.net/blog/73327」で紹介されている方法で試したところ、GithubタブにLoginボタンが表示されず、
『「.git」ファイルが存在しないフォルダをプロジェクトフォルダとしている』というくだりが理解できず挫折しました。
少し漠然とした質問にはなりますがご回答ぜひよろしくお願いします。

自分の認識では、GithubとAtomの連携＝AtomがSourceTreeなどのGUIとしても使えて、そのままエディタとして編集までできる。
というものなのですがそもそもこの認識から間違ってますか？

Answer 1

こんばんは。

GithubとAtomの連携＝AtomがSourceTreeなどのGUIとしても使えて、そのままエディタとして編集までできる

という点ですが、

• AtomにはGitを操作する拡張機能が付属している
• SourceTreeのようなGitの操作だけに特化したツールを使わなくても、Atomエディタ内だけで完結できる

という感じで良いと思います。
Atomの公式サイトでも、ちゃんと連携できると書いてありますので。

さて、参考にされた記事だと、

• ローカル開発環境でGitを使っているソースコードをGitHub側にpushする

という感じかと思います。

ローカル開発環境にソースコードは無く、まず最初にGitHubからgit cloneしてきてそのままエディタで編集する...ということでしたら、Atomを起動したあと、以下のようにすれば良いです。

1. Command + Shift + P でコマンドパレットを開く
2. 検索バーに clone と入力する
3. GitHubからのcloneのメニューが出るので、それを選択 (GitHub: Clone)

GitHub: Cloneび、次の画面でClone元（GitHub上のリポジトリのURLを入力）と、ローカル開発環境でClone先にしたいパス（ディレクトリ）を指定すれば良いです。

あとは、Cloneしてきたソースコードがエディタ上に表示されるので、そのまま編集可能です。
ファイルに変更が加わると、ツリー表示でも色が変わって表示されます。

コミットや差分を確認したい、pushしたい場合は、画面右下にGit関連の操作用のアイコンが出るので、この辺りをクリックしてみると、pushやコミットのメニューが出てきます。

もちろん、ローカルリポジトリを作ることもできます。
こちらは、同じく画面右下の「Git」という小さいアイコンをクリックすると、"Create Repository" というタブが出ますので、ここで. git initと同じ操作ができます。

Atom以外でも、VS Codeなども同じようにできます。

Comments

[NarumiT]

めちゃくちゃ分かりやすかったです。大変助かりました。成功しました！