カテゴリー: WEB & PC

ターミナルでGITの文字色を設定する

未設定の場合、GITのコマンドラインはすべてターミナルのデフォルト色

下記設定をすれば、例えばgit statusやgit diffなどを実行した場合、
変更箇所に色をつけてくれる。

git config --global color.ui true

以上

Windows10でスタートアップのプログラムを設定する

windows7ではスタートメニューの中に「スタートアップ」フォルダへのショートカットがあったのですが、
windows10ではなくなっているので、自分でフォルダを開かなければなりません。
フォルダは以下の場所にあります。

◎自分だけに適用されるスタートアップ
C:\ユーザー\(ユーザ名)\AppData\Roaming\Microsoft\Windows\スタート メニュー\プログラム\スタートアップ

◎全ユーザーに適用されるスタートアップ
C:\ProgramData\Microsoft\Windows\スタート メニュー\プログラム\スタートアップ

上記フォルダに、windows起動時に合わせて起動したいプログラムのショートカットを置いておきます。

変更されたファイルを知る方法（何も知らずにPULLするのは怖い）

私は小心者なので、変更されたファイルが何かも知らずに公開サーバーを更新するのが怖くて仕方ありません。

そこで、更新をかける前に「どのファイルが更新されるよ」という情報を得ることにしました。

「このファイルが更新されてるよ」＝「このファイルが変更されてるよ」

上記の公式に基づき、FETCHとDIFFで情報を得ます。

※注意
この操作は、私の環境でうまくいったものですが、みなさんも同様の結果が得られる保証はありませんので、実行する場合は自己責任で慎重に行ってください。

（１）FETCH

リモート・リポジトリにいる状態で、ワーキング・ツリーからFETCHします。

# git fetch

これでワーキング・ツリーの最新情報が取得できました。

（２）DIFF

ワーキング・ツリーの最新情報とリモート・リポジトリのHEADを比較し、変更されたファイルを取得します。

# git diff HEAD..FETCH_HEAD --name-only

これを実行すると、ターミナルの画面に対象ファイル名がずら～っと表示されます。

その一覧を見て、意図しないファイルが含まれていないか確認します。
問題なさそうなら、PULLしちゃいましょう。
コンフリクトが起こっている場合は、

#git merge

で解決するかどうか試してみてください。

（３）PULL

DIFFをとって変更箇所を確認すれば、ようやく安心できるようになります。
では、リモート・リポジトリを更新しましょう。

# git pull

 

BootStrapでcontainerの幅を変更する方法

レスポンシブWEBデザインを手軽に実現できるツールとして、BootStrapは大変助かってます。
あれだけ少ないコードの量で済むので、作業がとても楽なのです。
まぁ、ソース全体でみれば、bootstrapのライブラリ分があるので、サイトの重さ的には変わらないと思いますが。

さて、そこでデザインの話に行くわけですが、レスポンシブは基本可変グリッドを使うわけですけども、その際bootstrapでは、containerというクラスを使うと、ページの左右に余白を作ることができます。ただ、私としてはもう少し余白が欲しかったので、レスポンシブを維持したまま、PCビューの際は固定レイアウトのように、左右の余白を大きめに取れないかなと、色々調べてみたところ、container-fluidというクラスを使えば、要件が実現できることを知りました。

＜使い方＞

まず、現在「container」クラスを使っているところを、「container-fluid」に変更します。

そして、CSSで下記のように「container-fluid」を定義します。

.container-fluid {
margin-right: auto;
margin-left: auto;
max-width: 900px; //例えば
}

 

＜参考サイト＞

bootstrap – 固定レイアウトと可変レイアウト

以上、どうぞお試しあれ。