密かにわりと長くWebデザイナーやってるけど「Git」は初心者なの。密かにわりと長くWebデザイナーやってるけど「Git」は初心者なの。密かにわりと長くWebデザイナーやってるけど「Git」は初心者なの。【無料プレゼント】まだホームページは作らないで!このガイドブックを読み終えるまでは。いうテーマで、「ホームページを作る前に読んでおくと得する本」を書きました。無料で読むって、ヒトは意外と多そうです。普段の業務はこなせているし、特に緊急性が高い技術でもなさそうだし、「興味はあるけどねぇ。そのうち」って感じで、知らないまま放置しちゃってて。どっちかっていうとエンジニアやプログラマーよりの技術なイメージもありますよね。自分には関係なさそう」という距離感を生み、積極的に学習しようという意欲を奪っている原因かもしれません。そこで今回はできるだけ専門用語を避けて、初心者向けに平たく「Gitって何?」ってことを伝えたいと思います。Photoshop」あたりをメインの武器に日々案件と戦うウェブデザイナーさんにとっても、Gitはきっと役立つツールですよ。読み方はギットと読みます。ト」は、ウェブ制作が進むにつれてゴチャゴチャになりがちな「バージョン管理」をラクにしてくれるツールです。公式サイトは以下リンク先です。Gitウェブサイトの構築やWordPressのオリジナルテーマの開発など、プロジェクトを進めているうちに、修正の回数が増え、こんな状況に陥ったことはありませんか?増えすぎたバージョン。ファイル名が...いつでも以前の状態に戻せるよう、変更を加えたファイルに別名を付け保存するのは、開発を進める上でありがちな手段。実際は...プロジェクトが進むほど、どのファイルが、「いつ」「だれが」「どんな」変更を加えたバージョンなのかわからなくなってきます。本来は、例えば「あの時のサイドバーなしのバージョンをもう一度見てみたいなあ」のようなクライアントさんの気まぐれに、いつでも対応できるように、開発中に生まれたバージョンたちを常に正確に把握しておかなくちゃいけないけれど...チームでプロジェクトを開発している場合は、「誰が変更したの?」という問題も生じますね。不具合の責任の所在を明らかにしたり、バグをスピーディーに解決したりするためにも、どの変更が「誰」によるものなのかを把握しておくことが重要です。行き当たりばったりのバージョン管理が招く不要なストレスやトラブル。そこで「Git」の出番!混乱しがちなバージョン管理はGitに任せてしまいましょう。「噂によると、特殊なアプリを使って難しいプログラミングの知識が必要になるんでしょ?」と怖がるヒトもいるかもしれません。マウスで操作できる優しいアプリも存在してます。ウェブで見つけられるチュートリアルを二つ三つこなせば、なんとなくでもGitの便利さを体感できるはずです。慣れるにしたがって、逆に、Gitなしでバージョン管理をすることの方が怖くなるくらいですよ。それではGitのメリットを簡単に。変更内容を記録できるGitを利用すれば、「いつ」「だれが」「なにを」変更したのか、バージョンと一緒に記録できます。履歴に残せる「いつ+だれが+なにを」の情報を含む変更内容は時系列に並び、履歴として残ります。履歴はもちろん遡ることができます。以前のバージョンに戻すことも可能です。手元にファイル名を変えて、多くのバージョンを残しておく必要はなくなります。バージョンの違いを目で見て確認できる変更によって生まれたバージョンごとの違いを「差分」と呼びます。上の例は、「SourceTree」という、Gitを扱いやすくしたアプリで差分を確かめている図です。HTMLファイルに追加したコードを「+記号とグリーンのハイライト」で、削除したコードを「-記号とピンクのハイライト」で教えてくれてます。こんなふうに差分を視認できるのは、今までファイル名だけでバージョン管理していたのとは桁違いに便利です。Atlassian画像の差異も視覚的に確認できます。変更前は白黒だった画像。変更後はカラーになってますね。差分を見れば、戻りたいバージョンをすぐに見つけられますよね。複数バージョンの開発を平行して進められる変更履歴を枝分かれに記録していくことができます。バージョンを分けてプロジェクトを進められるので、例えば、ヘッダー、コンテンツ、サイドバーで担当者を変えて、開発を進めていくようなことが可能になります。個人一人で進める場合でも、あのときのあのバージョンを一応残したまま、別バージョンを作っていきたい、というときに便利です。異なるバージョンを結合できる枝分かれに進めた複数のバージョンを1つにまとめることができます。先ほど出した例で言えば、担当者を分けて進めたヘッダ、コンテンツ、サイドバーを、ある時期で一つにまとめることが可能です。結果、ひとつのウェブページができあがります。上にあげた他にも、Gitには悩ましいバージョン管理を楽にしてくれる仕組みがたくさん備わってます。実際、ある程度使いこなせるようになるまでの学習コストは高めです。頑張って、そのある程度を超えてしまえば、その後のバージョン管理が捗ります。学習にかけた労力を一気に取り戻せるはず。今回の記事でチャレンジしてみようと思ったヒトは、以下のサイトや書籍が初心者向けでオススメです。GWに時間があれば、軽く勉強してみてはいかがでしょうか。iOSアプリ開発メモちなみに記事中のイラストはこちらを利用しました。あざーっす!商用フリー!昔の少女マンガ風イラスト【商用フリー】ホラー漫画風イラスト【デザインにも資料制作にも!】ついに再開!ウェブさえのHP作成サービスはこちら@websae2012さんをフォローシェアしてくれると嬉しいです!(コメントも喜ぶよ)Tweetあなたにはこんな記事もおすすめ!無料のホームページ作成ツールを14個も!もう制作会社を頼らない。いや、素人でもゲーム感覚で遊びながらプログラミングを学習できるサイト7個ぜんぶ無料!スマホサイトを素人でも制作会社に頼らず作成できるツール6個トップページに戻るん?最新情報を見逃さない方法!?わざわざブログに来なくても、自動的にウェブさえの更新情報を受け取ることができます。休止していたウェブさえマガジンも最近再開しました。メールで受信できます。受信は無料で、いつでも解約できるので気軽に登録してみてください。株式会社ウェブさえの代表者です。フリーランスまで様々な職種業界の方が居て、挙げだすと切りがありません。皆様に本当に感謝しております。詳しい自己紹介はこちらへ。お問い合わせやご質問・ご相談はこちらへ。初心者に優しいシングルページばかりを集めましたグサリっ!ホームページのリニューアルを成功させる急所ホームページ作成ツールを無料もありで19個も!もう制作会社を頼らない。最近更新した記事ホームページ作成ツールを無料もありで19個も!もう制作会社を頼らない。WordPressのスキルアップに最適。