- HOME
- SERVICE
案件状況に合わせて
HTML/CSSコーディングを
サポート
LPや企業サイトのコーディング代行を承ります。
制作途中データの引き継ぎ、ai・psdデータの実装、
SPのデザインがない場合の最適なレスポンシブ対応などもお任せ。
個人（フリーランス）へのコーディング依頼・外注をお考えなら
お気軽にご相談下さい。
302の特徴
制作途中データを引き継ぎ、
作業が可能です
トップページのみコーディングできている、といった制作途中の状態からでも、既存データを引き継ぎ、作業を進めることが可能です。
aiデータのコーディングも
お任せ下さい。
Illustratorで作成されたaiデータ形式のご入稿も大歓迎です。aiデータのコーディングも安心してお任せ下さい。
SPのデザインがなくても、
最適なレスポンシブ対応
Webデザイン業務にも対応可能なため、PCのデザインを元に、デザインの意図を汲み取り、最適なSPの表示に調整可能です。PCのデザインしか用意してないケースもご安心下さい。
制作事例
ノベルティ制作会社サイトのコーディング
トップページの既存コードの調整と下層1ページの新規コーディングを担当。GSAPを用い、複数レイヤーが異なる速さで動くパララックスも実装しました。レイヤー間の速度差の微調整を繰り返し、滑らかで奥行きのある視覚効果を実現しました。
協会サイトのコーディング
下層4ページのコーディングを担当し、開発環境のWordPressサイトに追加する形で実装しました。既存テーマの設計方法・整合性の確保を徹底し、作業いたしました。
医療系メディアサイトのコーディング
下層2ページの静的コーディングを担当しました。サイトのCSS設計ルールを理解し、既存のコンポーネントの継承や整合性の確保を徹底し、作業いたしました。
警備会社サイトのコーディング
下層3ページの静的コーディングを担当しました。既存のトップページの設計ルールを理解した上、サイト全体でのコードの整合性を考慮し、実装いたしました。
ものづくり体験申込LPのコーディング
LPの静的コーディングを担当しました。SP版のデザインデータは作成されておらず、「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でのやり取りは可能ですか？
可能です。