カテゴリー: コーディング

About Git

capture-2016-12-07-10-37-26

What is Git?

Git is a version control system.

What is a version control system (VCS)?

What is “version control”, and why should you care? Version control is a system that records changes to a file or set of files over time so that you can recall specific versions later. It allows you to:

  • revert files back to a previous state
  • revert entire projects back to a previous state
  • compare changes over time
  • see who last modified something that might be causing a problem
  • who introduced an issue, and when
  • recover from screwed up or lost files

What if git wasn’t used and a bug is discovered?

  • Don’t know when the bug was introduced and what code caused it
  • Can’t reset code to a previous version
  • Don’t know who introduced the bug
  • Can’t have different versions of code (production versus not-in-production)
git-basics

Sublime Diffy

Sublimeのパッケージがインストールされていない場合：
https://packagecontrol.io/installation

1. Preferences > Browse Packagesを選択。
2. Finderで、Installed Packages/というフォルダーを開いておく。
3. Package Control.sublime-package をダウンロードして、先に開いておいたフォルダーに入れておく。
4. Sublime Textをリスタート。

Diffyをインストールする。
https://packagecontrol.io/packages/Diffy

1. Preferences > Package Control: Install Packageを選択。
2. Diffy を入力し、confirmをクリック。

【Diffyの使い方】
画面を２つに分ける： cmd + op + 2
ファイルの違いを表示： cmd + k , d
ファイルの違いを非表示： cmd + k , c

ENJOY!

タブレットとスマホの解像度

サイズ 端末 ポイント Retina ピクセル 倍率 デバイス App Preview
3.5 iPhone iPhone 3G iPhone 3GS 320×480 1 320×480 1 320×480
3.5 iPhone 4 iPhone 4S 320×480 2 640×960 1 640×960
4 iPhone 5 iPhone 5s iPhone 5c iPhone SE 320×568 2 640×1136 1 640×1136 640×1136 or 1080×1920
4.7 iPhone 6 iPhone 6s iPhone 7 375×667 2 750×1334 1 750×1334 750×1334
4.7 (互換/拡大) iPhone 6 iPhone 6s iPhone 7 320×568 2 640×1136 1.17 750×1334
5.5 iPhone 6 Plus iPhone 6s Plus iPhone 7 Plus 414×736 3 1242×2208 0.87 1080×1920 1080×1920
5.5 (互換) iPhone 6 Plus iPhone 6s Plus iPhone 7 Plus 320×568 2 640×1136 1.69 1080×1920
5.5 (拡大) iPhone 6 Plus iPhone 6s Plus iPhone 7 Plus 375×667 3 1125×2001 0.96 1080×1920
6 Fire HD6 800×1280 800×1280 ? 800×1280
7.9 iPad Mini 768×1024 1 768×1024 1 768×1024
7.9 iPad Mini 2 iPad Mini 3 iPad Mini 4 768×1024 2 1536×2048 1 1536×2048
9.7 iPad iPad 2 768×1024 1 768×1024 1 768×1024 900×1200
9.7 iPad 3 iPad 4 iPad Air iPad Air 2 iPad Pro 9.7 768×1024 2 1536×2048 1 1536×2048
12.9 iPad Pro 12.9 1024×1366 2 2048×2732 1 2048×2732 900×1200

Dreamweaver 保存時のサーバーアップ手順

Dreamweaverで作業をして保存しサーバーにファイルをアップする際、 Cmd＋Shift＋U　でサーバーにアップされます。 その際、保存ファイルの関連ファイル（CSS,JS）などもアップするかどうかの設定は a%c2%82%c2%b9a%c2%82%c2%afa%c2%83aa%c2%83%c2%bca%c2%83%c2%b3a%c2%82%c2%b7a%c2%83%c2%a7a%c2%83%c2%83a%c2%83%c2%88-2016-10-05-14-20-06 a%c2%82%c2%b9a%c2%82%c2%afa%c2%83aa%c2%83%c2%bca%c2%83%c2%b3a%c2%82%c2%b7a%c2%83%c2%a7a%c2%83%c2%83a%c2%83%c2%88-2016-10-05-14-21-01 の「依存ファイルを常に自動保存する」チェックをはずしてください。

外部にお願いするとき、提出するアコーダーのコーディングルール

アコーダーのコーディングルールにある一部を共有します。
なるべくみんなで合わせると今後、社内での対応が快適になるのでよろしくお願いします。
1. INLINE要素は、ブロック要素に囲まれるようにする。(divはカウントされない)

NG: 

<a>こんにちは、アコーダーです。</a>

NG: 

<div><a>こんにちは、アコーダーです。</a></div>

OK:
<p><a>こんにちは、アコーダーです。</a></p>
OK:
<div><p><a>こんにちは、アコーダーです。</a></p></div>

2. 商品は、productsの中、機械は equipmentsに入れる。
他のすべての画像は、imagesの中に入れておく。

3. <NAV><SECTION><ARTICLE>など、HTML5タグはできるだけ使用しないようお願いします。

4. <IMG>タグには、widthとaltは必須、できればheightも入れて下さい。

5. 画像の書き出しは200%にし、Retinaにも対応できるようにお願いします。

6. ID名、CLASS名、画像名はできるだけ省略せず、分かりやすく書いて下さい。

7. h1, h2, h3, h4タグには必ずIDかCLASSを付け、タグを変えてもそのまま反映できるようにして下さい。
（例）
<h1 class=”big_title”>タイトル</h1> を
⇒<p class=”big_title”>タイトル</p>
に変えても影響されないようにするためです。

cssの方では
NG: h1.big_title
NG: #company_page .big_title
OK: .big_title

8. 最終的に、社内でSmarty化するので、できるだけ例外がなく統一したコーディングをして下さい。

9. 意味のない画像はbackgroundか、contentなどに指定して下さい。
（例：矢印、ビックリマーク、ブレットなどを imgタグにしないで下さい。)