スタッフブログ

menu

Gitとは？

2020年8月3日

Git（ギット）とは、分散型(※1)バージョン管理システムのことです。
Gitは、Linuxのプログラムソースコードを管理するために開発されましたが、最近ではプログラマーだけでなく、WebデザイナーやWebライターの方にも使用されています。そこで今回は、「Gitで出来ること」にフォーカスを当ててご紹介します。

※1：分散型とは、複数のPCに分散して機能を持たせることを意味します。

ファイル管理の悩み

Gitを使用しないファイル管理では、編集前のファイルをコピーしてバックアップ用のファイルを作ることが一般的です。しかし、バックアップファイルの作成には手間が掛かり、ファイル数が増えてくると管理が煩雑になります。また、チーム作業では他人の編集内容を間違って上書いてしまう恐れもあります。このように、ファイル管理にはそれぞれ悩みがあるのではないでしょうか。

Gitで出来ること

Gitでは、「誰が、いつ、どんな変更」をしたのか確認できます。さらに、過去のファイル内容に戻したり、変更内容の差分を確認することも可能です。差分は、「変更前」と「変更後」を並べて見ることができ、一目瞭然で変更箇所が分かります。

そのため、ローカル環境にバックアップファイルを作成する必要がなくなり、手間が減ります。
チーム作業では、他人が編集したファイルを上書きしようとすると警告が出るため、誤って編集内容を上書きするミスを軽減できます。また、Gitはテキストデータだけでなく、さまざまな種類のファイルを管理できます。

このように、Gitを使うとファイル管理がとてもラクになります。しかし、Gitを使っていてもファイル管理は慎重に行うよう心掛けましょう！

Gitのメリット

Gitのメリットは、次の点が挙げられます。

まとめ

Gitは、プログラマーに限らず、Webデザイナーにも使用者の多いバージョン管理システムです。GitはHTMLやCSSのみならず、画像も管理できる点が嬉しいと感じています。興味をお持ちの方は、是非導入を検討してみてはいかがでしょうか。

【コーディング用語集】ディレクトリマップ

2020年7月30日

ディレクトリマップとは、Webサイトの全てのページのURLとタイトルがまとめられている一覧表のことです。

↓弊社が用意しているシートの記入例です。

【コーディング用語集】チャットボット

2020年7月29日: チャットボット（chatbot）とは、「チャット」する「ボット(ロボット)」を組み合わせた言葉で、
「自動会話プログラム」のこと。
想定される問い合わせ内容を登録し、入力されたテキストや音声に対して自動的に回答してくれます。
最近では多くの企業がWebサイトにチャットボットを実装し、問い合わせ業務の効率化などを行っています。

【今日の一枚 Instagram】傘の形のヘアゴムセット

2020年7月28日

雑貨イラストシリーズ、本日はヘアゴムセットです。
傘の形をしたケースに入ってて可愛いですね。
↓イラストをクリックしてインスタも覗いてみてください。

イラストだけではなく写真も素敵に撮れています☆

【コーディング用語集】マージン

2020年7月27日: Web制作においてマージン(margin)とは、「余白」を意味します。ただWebページについての余白には2種類あり、
マージンは対象を基準にして外側の余白を指します。対象を基準にして内側の余白のことはpadding（パディング）といいます。

相対パスと絶対パスについて

2020年7月27日

まず始めに「パス」とは？
「パス」とは、簡単に言うとファイルやディレクトリが置いてある住所のことです。
一般的に「パス」は、ファイルやディレクトリの場所を指します。「パス」の英語表記は「path」で、直訳すると「道」という意味になります。

相対パスについて
相対パスは、「現在の場所」を基準として、ファイルやフォルダの場所を伝える方法です。そのため、相対パスはファイルやディレクトリを置く場所によって内容が異なってきます。

Windowsを例にすると、「C:\ProgramData\ABCsoft」は、Cドライブの中の「ProgramData」フォルダの中の「ABCsoft」フォルダを指します。住所と同じで、一番始めに書く部分が一番大きな枠組みになります。

上記の「ABCsoft」フォルダの中に「sample.txt」があるとします。この場合の相対パスの書き方を見ていきましょう。
書き方は3通りあります。

・現在の場所はCドライブにいます。そこから「ProgramData」の中にある「ABCsoft」の中の「sample.txt」
./ProgramData/ABCsoft/sample.txt
・現在の場所は「ProgramData」にいます。そこから「ABCsoft」の中にある「sample.txt」
./ABCsoft/sample.txt
・現在の場所は「ABCsoft」にいます。その中にある「sample.txt」
./sample.txt

お分かりいただけたでしょうか？
このように「現在の場所」を基準として、パスの内容が異なるのが相対パスになります。

絶対パスについて
絶対パスは、相対パスと異なり「現在の場所」は関係ありません。どこを参照していても、記載するパスの内容は同じになります。

Windowsを例に、「C:\ProgramData\ABCsoft\sample.txt」について見ていきましょう。
現在の場所が「ProgramData」でも、「ABCsoft」でも「sample.txt」の絶対パスは「C:\ProgramData\ABCsoft\sample.txt」になります。

ご覧のように「絶対パス」はファイルやディレクトリの場所を一番最初から説明した「完全な住所を伝えるもの」という点がポイントです。少々ややこしいですが、「絶対パス」と「相対パス」をセットで考えるようにして下さいね。

【コーディング用語集】レティナ対応

2020年7月23日: Retina(レティナ)はApple社の高精細ディスプレイの名称です。
非Retinaディスプレイでは普通に表示されていた画像が、Retinaディスプレイではぼやけて見えることがあります。
Retina対応は制作する際に使用する画像を縦横2倍で作成するなどし、ぼやけないように対策することを指します。

【コーディング用語集】カラム

2020年7月22日: Web制作においてのカラム (column)とは、Webサイトのレイアウトについて指します。
「列」という意味でページのレイアウトが何列で構成されているかを1カラム、2カラム…と表現します。

【今日の一枚 Instagram】中華な飾り

2020年7月21日: 雑貨イラストシリーズ、本日は中華な飾りです。
ふとキョンシーを思い出しました！ご存じですか？
↓イラストをクリックしチャイナ☆　そしてインスタも覗いてみてください。

【コーディング用語集】アスペクト比

2020年7月20日: アスペクト比（aspect ratio）とは、画面や画像の縦と横の辺の比率を表します。
代表的なアスペクト比は、スクエア(1：1) Instagramなどスマホが普及して増えてきた比率、
ワイド(16:9) ジタルテレビ等で使われておりYouTubeの標準にもなっている比率、
スタンダード(4:3) 主にアナログテレビやPCのディスプレイ等で使われている比率などがある。