私たちについて

コーディング技術

01Gulp×EJS×Sass(.scss)環境

コーディングラボでは、タスクランナーのGulpを使い、EJS、Sassをコンパイルしてコーディングを行なっています。

画像圧縮など自動化できるところは自動化し、効率よくコーディングを進めます。

Gulpで行なっている動作一覧

• Ejsファイル

  • コンパイル
  • 整形
  • コメントの削除コンパイル

• Scssファイル

  • コンパイル（ベンダープレフィックス付与）
  • 圧縮

• jsファイル

  • 変換（Babel）
  • 圧縮

• 画像ファイル（jpg/png/gif/svg）

  • 圧縮
  • Webp形式への変換

02BEM記法の導入

• Scssのclassの命名規則は、BEM記法に則って行います。誰が見ても、理解しやすいclass名になるよう、心がけています。

• 

03コードのモジュール化は最低限

デザインに忠実にコーディング

コーディングラボでは、いわゆるモジュールコーディングについては、最低限のものしか行なっておりません。モジュールコーディングは、コーディング側だけでなく、デザインデータ自体も、モジュールの思想に則ったものでないと中々難しいと思います。

一方でクライアント様からお預かりするデザインデータは、当然その会社様によって多種多様で、仕様も当然バラバラなので、それらを画一的なルールでモジュール化すると、デザイン通りのコーディングができない場合もあり、却ってクオリティが低下してしまいます。

コーデイングラボでは、モジュールは最低限にして、基本はページごとにCSSを設定するという方法にして、デザインにできるだけ忠実にコーディングするということに重点を置いています。