コーディング時のスタンス

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などソフトの使用を前提としたご依頼はお受けできません。