ツールをつかって手動作業による漏れを防ごうファイルの修正をしてみるそれでは、見出し画像と写真のキャプションを修正してみましょう。見出し画像(title.jpg)の「おさんぽ日記」を「お散歩日記」に修正します。写真のキャプション(index.html)の「雨が降りそうだけど」を「雨が降りそうなんだけど」に修正します。ローカルマシン上で、画像ファイルとHTMLファイルを修正して「上書き保存」します。すると、SourceTreeが更新されたファイルを検知して、自動で黄色いアイコンがつきます。欄で黄色いアイコンになっているのが更新のあったファイルです。選択してみると、更新された個所が表示されます。上書き保存しているのに更新内容がわかるんですね!いちいち修正前のデータを退避させたり、別名で保存したりしなくてもいいのです。(Gitに記録(コミット)した時点の状態との比較なので、コミットしないで上書き保存した場合は比較できません)なお、修正前後がわかるのはテキストファイルだけです。画像は更新があったことがわかるだけです。※リモートでは、画像の更新内容もビジュアルで確認できます。実はこれが一番おもしろいんです!修正したファイルを記録(コミット)する修正が終わったら、修正内容を記録(コミット)しましょう。修正の概要を入力します。Modified」にすれば、更新のあったファイルが自動的に選択されますので「Commit」ボタンをクリックします。ボタンを押したりメニューを選んだりしていくだけです。クリックすると確認できます。‘After’」ボタン)の画像を表示させることができます。(比較したりはできません)リモートにプッシュローカルでコミットしたら、リモートにプッシュしましょう。SourceTreeの「Push」ボタンをクリックして、ダイアログが出たら「OK」をクリックします。SSHキーを使ってログインしているので、今度はスムーズにプッシュできます。簡単ですね!もし、一度SourceTreeを終了したりネットワークが切れたりしていると再度認証画面が表示されるかもしれませんが、その時は初回コミットでやったときと同じようにパスワードを入れてやればプッシュできます。リモートで更新履歴を確認それでは、リモートで更新履歴を確認してみましょう。Bitbucketの画面を開き「コミット」タブをクリックすると、コミット一覧に先ほどの更新が表示されています。コミットのリンクをクリックすると、更新内容が表示されます。リモートサーバーでは、修正ファイル(index.html、title.jpg)の修正前後の比較が、とても見やすく表示されます。画像は、前後を重ね合わせて比較することができます。Blendモード:スライダーで更新前後を透過表示で確認できますsplitモード:スライダーで更新前後を分割表示で確認できます更新内容を元に戻すバージョン管理システムのいいところは、更新内容を元に戻せるということです。それでは、見出し画像の修正を元に戻してみましょう。コミット一覧を表示させ、先ほどのコミットを選択します。ファイル一覧から更新を元に戻したいファイル(title.jpg)を選択します。File」をクリックすると、更新内容がひとつ前に戻ります。changes」と表示され、コミットされていない修正が発生したことがわかります。ローカルマシンのファイルを開いてみると、修正前の画像に戻っているのが確認できます。先ほどの修正で上書き保存したはずですが、Gitは過去のバージョンのファイルをちゃんと保持しているんですね。コミットしてプッシュして、リモートで確認これを先ほどと同様の手順でコミットします。SourceTreeの「Commit」ボタンをクリックします。「修正一部取り消し」などと入力しておきます。選択されるようにして、「Commit」をクリックします。コミットすると、こんな風に表示されます。「ファイルを一つ戻したよ」って表示されていますね。コミット出来たらリモートにプッシュします。「Push」ボタンをクリックして、ダイアログが出たら「OK」をクリックするだけです。プッシュ出来たら、リモートで確認してみましょう。簡単ですね!ツールをつかって手動作業による漏れを防ごういかがだったでしょうか?この記事では、一番単純だと思われる運用方法をご説明しましたが、もっとも重要なポイントは「バージョン管理は、ほぼボタンクリックだけでできる」いう点です。ファイルや画像の更新履歴をいちいち手動でメモしたりしていると、どうしても漏れが出ます。ツールを使うことでそういったヒューマンエラーを極力減らすことができるのです。ここまでできるようになったら、Gitに関する他の記事を読んでもある程度理解できるようになっていると思います。Pullリクエスト、ブランチなど、一歩進んだ使い方にもどんどん挑戦してみてください。ディレクターやクライアントの担当者などをユーザーに追加して、更新履歴を確認してもらうというのも良いと思います。私は、ノートパソコンで仕事を外に持ち出すときにGitを使っています。以前はDropboxやSkyDriveを使っていましたが、Gitのほうが操作上のミスが起こりにくく、わかりやすいですね。ここまで偉そうに書いてきましたが、実は、まだ私は、Gitを使い始めて1か月もたっていないのです。「こうしたほうがいいよ」とか「こんな使い方もあるよ」なんて教えていただけると嬉しいです。〜アナログからデジタルへの変遷〜2019年9月2日技術記事WordPressでは、なぜ固定ページの内容をテンプレートファイルに書いてはいけないのか?2019年6月24日技術記事「WordPressのやさしい教科書。20年以上の制作会社での経験を活かし、Web制作・DTP制作を行っています。制作の上流から下流まで、企画・制作から運用までまた、制作会社でのチームリーダー経験を活かし、制作会社様の現場のスキルアップや効率改善などのコンサルタントもさせていただいています。お気軽にお問い合わせください。