コーディング

HTML/CSSでのデザインカンプを再現したコーディング
デバイスや画面幅に応じたレスポンシブ対応
JavaScript/CSSを用いたアニメーションの実装
Web APIを使用したデータの取得と表示
FLOCSSを基本とした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画像等）
画像等の素材^＊
コーディングルールを明記した文章（規定がある場合）

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