山口君の山歩記コンテンツへスキップ山口君の山歩記ひょうご木の匠の会、ウェブサイト管理人の山口です。森林ボランティア活動支援事業など、日頃の身近な自然とのつながりを紹介していきたいと思います。メタ情報ログイン投稿フィードコメントフィードWordPress.orgHTML/CSSWEB制作環境セッティング覚書Sassコンパイル環境の構築方法1.nvmのインストール下記URLからインストーラをDLhttps://github.com/coreybutler/nvm-windows/releases対象ファイル:nvm-setup.zip2.Node.jpのインストールリストを表示し、LTSの最新バージョンをインストール。管理しやすいようにnvmからインストールする。公式ページからは直接インストールしない。Gulpのインストール1行目はグローバルにインストール、2行目はローカルにインストール。インデントは半角スペース4個とする。入れ子になったHTMLは必ず1段階だけインデントする。シングルクォートは使わず、ダブルクォートを使う。HTML5を使用する。lang要素を設定する。「IE互換モード」の設定をする。文字コードはUTF-8で設定する。JavaScriptの読み込みはbodyタグの閉じタグの前に行う。インデントは半角スペース4個とする。可読性のために、開き波括弧の前に1つの半角スペースを入れる。閉じ波括弧は新しい行に記述する。「:」のあとに1つの半角スペースを入れる。idは使用せずclassを使用する。インラインCSSは使わない。文字コードはUTF-8で設定する。色の指定はHEX型を使用し、すべて小文字にする。可能な場合は省略形のHEX型の値を使う。Sassのネストは3階層まで。Blockの最初の文字は大文字で書く。Elementの最初の文字は小文字で書く。BlockとElementは「__」でつなぐ。Modifierをつける場合は「–」でつなぐ。レイアウトに関するものは「l-」の接頭辞をつける。JavaScriptで状態を変更する場合は「isXX」という命名にする。