コーディング

Coding

コンクリートに刻まれた矢印

デザインデータをもとに、
正確かつ迅速にコーディングを行います。

＜作業内容＞

  • HTML/CSSでのデザインカンプを再現したコーディング
  • デバイスや画面幅に応じたレスポンシブ対応
  • JavaScript/CSSを用いたアニメーションの実装
  • BEMを基本としたCSS設計手法の導入
  • XD / Photoshop / Figma等からのデザインデータの読み取り、画像書き出し
  • PC（Mac/Windows）、スマホ（iPhone）、タブレットでの各ブラウザ表示確認
  • Git/GitHubを利用したバージョン管理と納品

スマホのデザインがない場合、PCのデザインを元に自然な形でレスポンシブ対応を行います。

対応ブラウザについては、コーディングサービスの対応ブラウザについてをご参照ください。

＜サービスの強み＞

  • ウェブ標準に基づき、様々な環境での一貫した表示と動作を提供します。
  • 長期的な運用と柔軟な改修を見据えたコード設計を重視します。
  • 論理的な文書構造を意識し、多様な読者層に配慮したマークアップを行います。
  • SEOとパフォーマンスを考慮した最適な実装を行います。
  • 静的サイトジェネレータのAstroを活用した効率的なコーディングが可能です。

＜納品までのフロー＞

ヒアリング・要件確認
↓
見積書作成・確認
↓
デザインデータのお預かり
↓
コーディング開始
↓
進捗状況のご連絡
↓
テストサイトへアップ
↓
ご確認・修正
↓
最終確認
↓
納品

デザインデータ受領後、疑義事項がありましたらコーディング着手前に確認させていただきます。

納品方法は、ファイル納品、貴社サーバーへの納品、Gitでの納品に対応しております。

＜制作期間の目安＞

TOPページ：約3〜5営業日
下層ページ：約1〜3営業日
ランディングページ：約3〜7営業日

デザインの難易度、ボリュームにより異なります。

休日や連休をまたぐ場合でも対応可能です。お気軽にご相談ください。

＜ご準備いただきたいもの＞

  • デザインカンプ（XD / Photoshop / Figma等）
  • サイトマップ情報
  • meta情報（title / description / OGP画像等）
  • 画像等の素材＊
  • コーディングルールを明記した文章（規定がある場合）

基本的にはデザインデータから画像等を書き出しますが、書き出せない画像・動画等がありましたら別でご提供いただけますと幸いです。