開発環境

Mac ユーザ

林檎派。一応Windowsも扱えます。
主な所有デバイスは以下の通り。

  • iMac 27インチ Retina 5K
  • MacBookPro 13インチ
  • HP ENVY x360
  • iPhone XR

コーディング環境

使用ソフトウェア

Nova というコーディングソフトを使っています。Coda2 の後継です。
Dreamweaver も使えなくはないですが、最近使っていません。Dreamweaver テンプレート機能を使ったサイトを構築できます。

コーディングルール

C-Labo. では、コーディングの品質を保ち、保守性や拡張性、壊れにくいCSSを書くためにいくつかのルールに則って制作をしています。
指定のルールに対応することも可能です。

CSS設計は、PRECSSを採用しています。
そのほか詳しくは下記をご覧ください。ルールは順次明文化していきます。

Sass コーディング

Sass(SCSS記法)でCSSコーディングを行っています。コーディングの納品時には、原則、コンパイル後のCSSのみ提供します。
dart-sass 環境。

Node.js 環境

一応、Node.js が動く環境を用意してあります。もともと、node-sass コマンドを使って Sass のコンパイル環境を用意するために導入したものです。なので、Node.js 自体の知識はほぼありません。
今のところ、指定のコマンド打つので精一杯です。
ふわっと理解して、インストールした自覚があるのは以下のものです。

  • Homebrew
  • anyenv
  • nodenv
  • sass
  • wp-env

利用中のサービス

  • Adobe CC
  • Chatwork
  • Dropbox (非課金アカウント)
  • Google Drive
  • Zoom
  • Skype

プロジェクト進行の際には Chatwork が利用できると助かります。
もし、上記のほかに指定のツールがあれば勉強します。