コーディング時のスタンス
- HTML, CSS
-
- HTML5にて記述します。
- 文法とSEOを重視し、第三者にも見やすく汎用的なマークアップを心がけます。
- CSSは原則BEM記法とします。
- CSSの新しい機能を用いる場合、旧ブラウザでは表現を簡素化することがあります。
- 印刷は環境に左右されるため原則考慮しません。
- JavaScript
-
- 主にjQueryとそのプラグインを利用します。
- JavaScriptが無効なブラウザは原則考慮しません。
- 公開されているJavaScirptの関数等を利用する場合、ソース元（URLなど）をコメントに記載します。
- 使用したプラグインや注意事項などは仕様書にまとめます。
- WordPress
-
- WordPressを採用するリスクなどについては資料にてご説明します。
- WordPressは制作時点で最新のバージョンを使用します。
- Gutenbergのブロックカスタマイズも簡単な入力補助程度であれば可能です。
- セキュリティを考慮しプラグインは極力使用しないようにします。
- カスタマイズはテンプレートファイル内で完結するように設計します。
- 使用したプラグインや注意事項などは仕様書にまとめます。
- 投稿方法をまとめたマニュアルを作成いたします。
制作環境・チェックブラウザ
- Macにて Coda 2 + CodeKit を使用し、CSSはSCSSにて記述しています。
- ブラウザチェックをする範囲は静的ページは全て。またWordPress、カラーミーショップなど動的なものはテンプレート毎に全てとします。
- HTML、CSSともに「validator.w3.org」にてチェックを行います。システムの都合によりエラーがゼロにならない場合、目視によるチェックで問題がないことを確認します。
- JavaScriptについては動作チェック以外に、ブラウザが出力するエラーが原則なくなるまでチェックします。
- PCでのチェックは下記ブラウザにて行います。
Windows: Edge, IE10 ～ IE11, Firefox, Chrome
Mac: Safari, Firefox, Chrome
- IE以外は、制作時点の最新バージョンとします。またIE9以下は基本お見積り外のオプションといたします。
- スマートフォン、タブレットでのチェックは、所有している実機（iPhone、iPad、Android）以外、エミュレーターを使用します。詳細は「スマートフォンへの対応」をご覧ください。
- GitHubでの操作や、Dreamweaverなどソフトの使用を前提としたご依頼はお受けできません。
