Cntlog > 開発 > WEBデザイナだけどGitに惚れてきた

WEBデザイナだけどGitに惚れてきた

この先週末にGitの勉強会に参加してきました。
これまでGitは独学で何となくの知識で基本的なことを知らずに使っていましたがこの勉強会で理解が深まって良かったと思ってます。

当日使用されてたスライドはこちら→ はじめてのGit

次回(6/8)の募集もしてるので気になる人は参加してみてはいかがでしょうか。

そもそもGitって?

バージョン管理システムの一つです。

プロジェクト(ファイル)の更新状態を好きなタイミングで保存出来て、更新された箇所の差分も簡単に調べれます。

もちろん、過去に保存したタイミングに戻ることも簡単にできますので、何かトラブルが起きても安心です。
それと複数人でプロジェクトを進行している場合でも誰がそのファイルのその箇所を編集したかがわかるのでトラブルが減らせれます。

Gitって難しいんでしょ?

私もGitを使い始める前はプログラマが使うものだと思っていましたし、覚えるの大変で難しいんでしょ…と思っていましたが使ってみるとそんな幻想はぶち壊されます。

私がGitを使う前に勝手に誤解していた点
  • 黒い画面を使えないとダメ
  • 環境構築大変なんでしょ…
  • ローカルでバーション管理できない(GitHubで公開しないといけないと思っていました…)。
  • 融通が聞かなそう。
  • ちょっと間違えたらデータ壊しそう…復旧できない。
  • Git使い始めたら、ずっと使わないといけない。

これらは間違いで、GUI(ツール)を使えば黒い画面は一切触らないし、ローカルだけでも使えます。
環境構築についてはこちらを参考にするとすぐできます。※私はWindows環境です。

もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう
※P.27あたりから開発環境の情報があります。

融通が聞かないというよりも自分が知らないだけでやり方はすぐわかるし、データは壊れない(上書きとかもしない)です。

過去のバージョンに戻るのが凄い楽で人的ミスがかなり減らせれます。

データは必要なタイミングでZipに書き出しできるので合わないと思ったらGitを使うのをやめる事もできますので安心。

私が感じたGitを使うメリット

バージョン管理をしっかりする事で下記のように開発しやすさがありました。

  • 差分データだけ取るから容量を気にせず気軽にバックアップできる。
  • 複数人(複数のPC)でも最新版(安定版)のデータを管理できる。
  • 作業を振り分けやすくなる。
  • ドラブルが起きてもいつ・どこで起きたのか原因を特定しやすい。
  • 仕様をテストして、それとは別に本筋の開発すると言う事ができる。
  • プログラマに好かれる。

やってみるとわかる事が色々合って、今ではGitを使い始めてよかったと思っています。
確かに覚えるための時間が多少かかるとは思いますが、私はずっとWEBに関わっていきたいのでこの程度の学習コストなんて気にもなりませんでした。

Gitが怖いけど興味ある方へ

Gitを使いたいと思ってるけどなかなか前に踏み出せない方はローカルだけでGitを始めてみるといいと思います。

ローカルなので誰かに迷惑をかけることもないでしょうし、これまで通りのバーション管理も一緒にしていれば恐れることはありません。
最初から無理にサーバーと接続して使わないといけないなんて事はありません。
後からサーバーにつなぐ設定を追加もできますから安心です。

覚えておくと良い用語は下記の4つです。これだけで結構なんとかなります。

  1. リポジトリ…ファイルやディレクトリの状態を管理する為の場所の事
  2. コミット…変更の履歴をリポジトリに追加する事
  3. ブランチ…バージョン管理に分岐点をつける事
  4. マージ…ブランチしてたものを合体させます。

わかりにくい!と思ったかたはこちらにもう少しわかりやすく書かれています。

使いはじめると興味が湧いて後は自分でどんどん吸収していけるのではないでしょうか。
少なくとも私はそんなタイプです。

それでも怖いなと思う方は周りの人に相談するのが一番の近道だと思います。

私でよければ関西圏の方なら直接お教えできると思います。
環境構築もネットがあれば1時間もかからないと思いますので気軽にお声かけください。

はじめなければ興味だけで終わってしまいます。
取りあえずの気持ちから始めて見ましょう。
皆さんにも良いGitライフを!

それでもGitが怖い方は…

というアプリを使うと差分のデータが取れて便利かもしれませんよ。

関連記事

ミニ名刺サービスのProca以外でミニ名刺を作ってみた... 最近勉強会に参加することが続いて名刺が底を尽きかけていましたのでいつも使っていうProcaさんに頼もうと思ったらなんと2015年1月末にサービスを停止していました。 こちら2016年2月からサービス再開されたそうです。 ご丁寧に運営の方からご連絡をいただきました!! 私はこのサービスの愛用...
bootstrap並にイケてたCSSフレームワーク※サンプル有り... 新年もあけましたので新しいCSSフレームワークを探していたら素敵なものと出会いました。 Gumby Gumbyで作られたサイト 作成したサンプル CSSフレームワークって? CSSフレームワークとは、htmlソースにフレームワークに沿った記述をするだけで、簡単に...
サービス連携に強くて無料で使えるタイムトラッキングツール「tmetric」... みなさんタイムトラッキングツールって使ってますか? 私はpaymoというサービスを使って計測しています。 ただ最近はいつになにをやっていたかというばっくりとした管理しかできていなくて、ちょっと不満が溜まっていました。 今日はタスク管理ツールと簡単に連携できて、無料で始められるタイムトラ...
学習コストが低くて使いやすいCSSフレームワーク(Skeleton)... 最近色々なサイトを作る機会に恵まれました。 普段はUikitといった大型のCSSフレームワークを使うのですが、ふとした機会にミニマムなCSSフレームワークに出会い、一目惚れしましたのでご紹介します。 Skeletonとは Skeletonはとても...
Google謹製Material Design Liteを触ってみた所感... Googleがマテリアルデザインの考えを取り入れた公式フレームワーク「Material Design Lite」(以下、MDL)を公開しました。 少し触ってみましたので、基礎的な使い方と自分の備忘録も兼ねてまとめてみます。 Material Design Liteとは ...
Flexbox童貞を卒業させるためのフレームワーク(Dlex)作りました。... Flexbox ベースのレスポンシブ CSS フレームワーク Dlex を作りしました。 もともと Flexboxは好きではなく、display:table派だったのですが、長いことFlexboxを放置していたのですが、 Disろうと思って学び直して見たらつい熱が入りフレームワーク化してしてま...