【パートナー様へ】株式会社ディバータへの納品のコーディングデータ、デザインデータの品質について
ファイルパスについて
選択リソースファイルの配置について
例：
/files/user/images/file.jpg
/files/user/css/style.css
/files/user/js/script.js
ファイルへの参照について
NG：../../images/file.jpg
OK：/files/user/images/file.jpg
<form>内のsubmitボタンについて
選択NG：<a href="" class="btn--send">送信</a>
OK：<input type="submit" class="btn--send" value="送信">
<form>内のradioとcheckboxとselectについて
選択基本形：
<label><input type="radio" name="" value="" id="">見積もりに関して</label>
NG:
<label class="test1"><div class="form_item1" id="label"><input type="radio" name="" value="" class="item1" id="item"/><span>見積もりに関して</span></div></label>
<label class="test2"><div class="form_item2" id="label"><input type="radio" name="" value="" class="item2" id="item"/><span>製品に関して</span></div></label>
OK:
<div class="test1"><label class="item1"><input type="radio" name="" value="" class="test"/>見積もりに関して</label></div>
<div class="test1"><label class="item1"><input type="radio" name="" value="" class="test"/>製品に関して</label></div>
<form>内の都道府県のvalue値について
選択NG：<option value="東京都">東京都</option>
OK：<option value="13">東京都</option>
js、cssのセレクターにname属性を使わない
選択NG： $('[name=submit_btn]').on('click', function(){});
OK： $('.submit_btn').on('click', function(){});
jsファイルの結合・圧縮を行っている場合
jsからurlを参照する処理を書く場合
選択ローカル上のURL： https://www.r-cms.jp/news/index.html
RCMS上のURL： https://www.r-cms.jp/news/
外部リンクのURLの記述について
選択NG：
<a href="//www.r-cms.jp/" target="_blank" rel="noopener noreferrer">参考サイト</a>
OK：
<a href="https://wwwt.r-cms.jp/" target="_blank" rel="noopener noreferrer">参考サイト</a>
CSSプリプロセッサーを使用している場合
RCMSではSSIをサポートしていないため使用できません
セレクターの先頭に要素を付けない
選択NG：h4.heading
OK：.heading
特定のページで共通部分にidやclassを付与する場合
選択NG：
<body id="top_page">
<p>トップページ専用の装飾をします</p>
</body>
OK：
<body>
<div id="top_page">
<p>トップページ専用の装飾をします</p>
</div>
</body>
※<div id="top_page"></div>は共通部分ではない
空タグの使用について
選択NG：<a class="icon"></a>
OK：<a class="icon"> </a>
複数のページで再利用できるようなコーディングデータ
モックアップサイトの提供
選択NG：<a href="#">ニュース</a>
OK：<a href="/news/">ニュース</a>
参考になるページ