マークアップエンジニアは、ECサイトのHTML/CSS構築を中心に、デザインの意図を忠実に再現しながら美しく機能的なUIを実現するポジションです。 デザイナーと連携し、ブランドの世界観を崩さずに再現するコーディング力、アクセシビリティ・表示速度・メンテナンス性まで考慮した実装力が求められます。 また、JSを使ったアニメーションの表現などよりインタラクティブでリッチなサイトデザインの表現を行なっていきます。 Shopifyやecforceを中心に、多様なブランドのECサイト構築に携わりながら、構造設計から運用まで幅広く関わることができます。 ⸻ ▼swimmy Inc.のマークアップエンジニアって他と何が違うの？ • EC特化の実績とスピード感：Shopify / ecforceを中心に、国内有数のブランドEC構築に携わることができます。 • デザイン再現力の追求：単なるHTMLコーディングではなく、ブランドの質感・トーンまでコードで表現する“デザイン実装の職人”。 • フロントエンド・バックエンドとの連携：Liquid / Vue / JSなどを扱うエンジニアと協働し、実装フローの上流から関われます。 • 自社プロジェクトへの関与：自社の新規サービス（動画×EC領域など）にも参加可能。コーポレート・クライアント両面で成長できる環境です。 ⸻ ▼求める人物像 • デザインの意図を理解し、構造的かつ美しく再現できる方 • 細部のディテールにこだわり、UI品質を高めることに喜びを感じる方 • コミュニケーションを大切にし、デザイナーやエンジニアと協働できる方 • 新しいCSS設計手法やフロントエンド技術への学習意欲がある方 • ECのUI/UXトレンドに関心があり、ユーザー視点を大切にできる方 ⸻ ▼業務内容 • ECサイト（Shopify / ecforce）のHTML・CSSマークアップ • デザイナーとの連携によるUI/UX再現 • コンポーネント設計・レスポンシブ対応 • Liquid / JS / テンプレート構築の補助実装 • ページパフォーマンス改善や運用保守対応 ⸻ ▼必須スキル • HTML / CSS(SCSS) を用いた実務経験（2年以上目安） • デザインを正確に再現するコーディングスキル • レスポンシブデザイン・CSS設計（BEMなど）の理解 • Git / チーム開発の基本的な知識 • デザイナーとのコミュニケーションを円滑に行えるスキル ⸻ ▼歓迎スキル • Shopify / ecforceなどEC構築プラットフォームでの実装経験 • JavaScript / jQueryを用いた簡易的なUI実装経験 • パフォーマンス・アクセシビリティ改善への知見 • XD / Figmaなどのデザインツール理解 • 自社サービスや新規事業への関与経験 ⸻ ▼swimmyでマークアップエンジニアとしてキャリアを積むと、どんな人になれるか？ • シニアマークアップエンジニア 　┗ 構造設計・UI品質・パフォーマンスの最適化をリードする存在へ。 • フロントエンドエンジニア 　┗ JSやAPI連携など、より動的な実装・開発領域へステップアップ。 • アートディレクター / クリエイティブリード 　┗ デザインと実装をつなぐ立場として、ブランド体験全体を設計する役割へ。