2022」の記事です。テンプレートをよく見て、以下のようなことを思っていました。キャメルケースやスネークケース、日本語だったり英語だったり!!よく考えてみると、MTタグってプログラミング言語のように、そもそも管理方法のルール自体がないのかなと思います。書き方が多種多様なのは良いことですが、ルールなしの状態は管理や実装が属人的になり継続的な支援に向いていません。ご紹介する「クラス構文型」テンプレートは、この問題を解消するために設計しました。上記の課題が解消できれば、実装やサイト運用はもっとスムーズになると思います。実装したエンジニアが退職したからと「現状把握の調査」が作業工数に含まれていたりしないでしょうか?もっと発注者も受注者も幸せになる方法があると思うのです。設計規則の「BEM」で命名を行うこと。タグをネストさせて作成すること。クラス内の変数は必ず初期化すること。クラス変数名の接頭語には「class」を追加すること。タグでHTMLを出力する際は、接頭語に「--output」を追加すること。タグは「note」でコメントを残すこと。BEMのように命名を行うBEMとは厳格な命名ルールが特徴的なCSS設計規則のひとつ。「Block」「Element「Modifier」の3つの概念で命名を行います。検索エリアやニュースエリアなどの大きな要素で定義する。中でのみ使用するパーツを定義する。検索エリアの入力蘭など。追加する装飾内容を定義する。ニュースエリアで選択中のタブなど。複数単語になる場合は、ハイフン1つで区切ります。「Block」「Element「Modifier」の要領で命名します。entry関数名は「class-news__archive-entry--entry」になります。なし関数名は「class-helper__pager」になります。ハッシュ(動作名)関数名は「class-news__archive-entry--entry--custom-navi--hash」になります。