BETA

AtomエディタのGit/GitHub機能の使い方

投稿日:2018-10-14
最終更新:2018-10-24

Atomエディタは2017年6月にGit/GitHubとの連携に対応しました。
以降使い続けていた私の使い方をざっくりまとめました。

標準機能と便利なパッケージ

Project Manager

Project Manager - Atom

Project Manager for easy access and switching between projects in Atom.

個人的にはGit使うかどうか関わらず必須だと思っているパッケージ。便利。
あらかじめ保存しておいたプロジェクト(フォルダ)を呼び出して、すぐ作業に取りかかれます。

Git Tab

標準機能です。control + shift + )で画面右に表示。

Gitを利用しているプロジェクトで、変更したファイルのステージやコミット、取り消し(Discard)などできます。
特定範囲だけ指定(Hunk)や一つ前のコミットのやり直し(Reset)もコマンド入力不要で楽チン。

GitHub Tab

標準機能。control + shift + (でGit Tabと切り替えます。

作業中のプルリクエストや、リポジトリでオープンになっている他のプルリクエストをプレビューできます。
あくまでGitHubだけで、BitbucketやGitLabは表示できません。

PlatformIO IDE Terminal

PlatformIO IDE Terminal - Atom

A terminal package for Atom, complete with themes, API and more for PlatformIO IDE. Fork of terminal-plus.

command + shift + T で画面下部にターミナルを出します。npm startなどのコマンドを入力してそのまますぐ作業に移れるのが特に便利ですが、Atomの基本機能に無いGitコマンドもここで実行できます。

実際どんな感じで使っているのか

今回は、GitHubとNetlifyなHugoブログ「6z」(ほぼ放置中)をサンプルに、記事を更新してプルリクエスト、マージするまでの流れを紹介します。

プロジェクトフォルダを表示

command + control + P で、登録済みのプロジェクトを呼び出します。

データを最新の状態に

画面右下にある「Fetch」をクリック。もしリポジトリ側に新しいコミットが20件あれば、「Pull 20」のように表示されます。

オプションでFource Pushも選択可能。

Rebase関連などはありません。

ブランチを変更

右下の設定欄から、コマンド不要でブランチの切り替えや追加ができます。
今はmaterブランチにいます。

今回はadd-postブランチを新しく追加します。

追加と同時にチェックアウトしました。

ファイルの追加

新しい記事を投稿するために、まず過去の記事ファイルを複製してみます。
ツリーでファイルを選択し、Dを打つと複製できます。

新しく追加したファイルは緑色で表示されています。
さて、早速この変更をadd-postブランチにコミットしてみます。

Git Tabにて対象ファイルを選択。

Return キーを押すとステージングします。

メッセージを入力してコミット。履歴に追加されました。

取り消したい時は「Undo」ボタンをクリックするだけ。履歴を常時確認できるのも使いやすいポイントです。

ファイルの更新

さて、複製したファイルの内容を、新しい記事へ変更します。

保存すると、このように差分を見れます。ツリーとGit Tabの色はオレンジになりました。
ちなみに、必要な場所だけ選択してステージング(Stage Selection)することもできます。

メッセージ入力して、今回はファイルをコミット。

コミットした後、Publish(ブランチをローカルからリモートへ初めてPush)をクリックします。

一瞬表示が「Push」になり、

完了して表記が「Fetch」になりました。
GitHub Tabを開くと、「Open new pull request」ボタンが表示されています。

クリックすると、GitHubのプルリクエスト作成画面へ直接移動します。

早速プルリクエストを作成しました。
ここでAtomへ戻りFetchします。

このように、Atom上からプルリクエストの内容を確認できます。
さて、プルリクエストをマージします。

マージしました。Atom側の表示も、Fetchすると変わります。

以上です。大まかにこのような流れで作業しています。
ちなみにブランチの削除はAtomの機能に無いので、ターミナルで git branch -d {ブランチ名} します。

使っていて気になるところ

  • プロジェクト内のデータが多いと、起動時だいぶもっさりする
  • Git/GitHub Tabが一発で表示されないことがある
    • ウィンドウ再起動するとだいたい直る

終わりに

致命的に不便だと感じたことはほとんどありません。実際の作業では、他にも色々なパッケージやショートカットを活用しています。
強いて言えば、もっとキビキビ動作すると嬉しいですね…。

ぜひ一度Atomを利用してみてください。
また、より便利な使い方や機能・パッケージがあれば教えてください。

技術ブログをはじめよう Qrunch(クランチ)は、プログラマの技術アプトプットに特化したブログサービスです
駆け出しエンジニアからエキスパートまで全ての方々のアウトプットを歓迎しております!
or 外部アカウントで 登録 / ログイン する
クランチについてもっと詳しく

この記事が掲載されているブログ

@rokuzeudon の技術メモログ

よく一緒に読まれる記事

0件のコメント

ブログ開設 or ログイン してコメントを送ってみよう