SERVICE
- HOME
- SERVICE
案件状況に合わせて
コーディングをサポート
Webサイトのコーディング代行を承ります。
制作途中データの引き継ぎ、aiデータからのコーディング、
SPのデザインがない場合の最適なレスポンシブ対応など、幅広いニーズに対応。
外注先・外部パートナーをお探しの方はお気軽にご相談下さい。
302の特徴
制作途中データを引き継ぎ、作業が可能です
トップページのみコーディングできている、といった制作途中の状態からでも、既存データを引き継ぎ、作業を進めることが可能です。
aiデータのコーディングもお任せ下さい。
Illustratorで作成されたaiデータ形式のご入稿も大歓迎です。aiデータのコーディングも安心してお任せ下さい。
SPのデザインがなくても、最適なレスポンシブ対応
デザイン業務にも対応可能なため、PCのデザインを元に、最適なSPの表示を検討・実現が可能です。PCのデザインしか用意してないケースでもご安心下さい。
制作事例
ノベルティ制作会社サイトのコーディング
トップページの調整と下層1ページの静的コーディングを担当しました。GSAPを利用した、複数レイヤーのパララックスも実装させていただきました。
協会サイトのコーディング
下層4ページのコーディングを担当しました。開発環境のWordPressサイトに追加する形で納品させていただきました。
医療系メディアサイトのコーディング
下層2ページの静的コーディングを担当しました。
警備会社サイトのコーディング
下層3ページの静的コーディングを担当しました。クライアント様のご意向を受け、公開済みのトップページの記述ルールに則り、作業させていただきました。
ものづくり体験申込LPのコーディング
LPの静的コーディングを担当しました。「SP時の表示はお任せしたい」とのご要望を受け、PCデザインを基にスマホ表示を検討し、実装させていただきました。
税理士事務所の採用ページ制作
東京にある税理士事務所の採用ページを制作しました。構成・画面設計からデザイン、コーディング、WordPressへの入れ込みまで担当しました。
動画配信サービスLPのコーディング
LPのコーディングを担当しました。CSSの独自ループアニメーションやモーダルなども実装させていただきました。
住宅・不動産事業サイトの制作
完成済みのトップページデータを引き継ぎ、下層10ページのデザインと静的コーディングを担当しました。
エネルギー管理事業サイトのコーディング
トップページ及び主要な下層ページのコーディング・WordPressの導入を担当しました。GA4/GTMの初期設定、広告のCV計測設定も作業させていただきました。
スタンス
HTML
Webサイトの文章構造を理解し、検索エンジンが読み取りやすいセマンティックなコーディングを心がけています。
CSS
BEM、FLOCSSを採用し、原則シングルクラスで構成することで、保守・運用しやすいスタイルを目指しています。SCSS（Dart Sass）のコンパイルはnpm-scriptsを使い、効率化しています。
JavaScript
アニメーションやインタラクションは主にjQuery+CSSで実装しています。
対応できないこと
- Vue、Reactなどのフレームワークを用いたフロントエンド開発
- ECサイトの構築
- WordPressの複雑なカスタマイズ
- 印刷用CSSの作成
よくある質問
直接お会いし、相談させていただくことは可能ですか？
メールやチャットなどテキストベースでやり取りさせていただいています。初回お打ち合わせはGoogle Meetなどを用いて、オンラインで対応可能です。
デザインはまだ決まっていないのですが、お見積りは可能ですか？
ワイヤーフレームでページ内容を確認させていただければ、概算でのお見積りが可能です。正式なお見積りはデザインデータを確認後に提出いたします。
納品方法について教えてください
クラウドストレージなどにファイル一式をアップロードし、URLをお伝えさせていただく、もしくは指定のテストサーバーへのアップロードという形で納品させていただいております。
対応ブラウザについて教えてください
PC : Chrome / Firefox / Safari / Edge（OS : Windows, Mac）
SP : Chrome / Safari（OS : iOS, Android）
タブレットについては実機ではなく、Chromeのデベロッパーツールでの検証となります。
SP版のデザインを用意していないのですが、おまかせで組んでもらうことは可能ですか？
PC版のデザインがあれば、SP版はおまかせで組むことも可能です。レイアウトの希望やこだわりがあるような場合にはSP版のデザインデータの提供もお願いしています。
WordPressの実装も可能ですか？
可能です。複雑なカスタマイズ、ブロックテーマの開発は対応不可となります。
入稿可能なデザインデータについて教えてください。
下記のデザインデータに対応しています。
figma / xd / psd / ai
Chatworkでのやり取りは可能ですか？
可能です。