マークアップ/コーディングエンジニアのフリーランス案件一覧|エンジニアファクトリー

業務内容: 続きを読む
PC向け新規「拡張型ECサイト」のCSS設計/HTMLコーディング業務※画面仕様書を基にHTML, CSS, JavaScriptへの落とし込み作業WebサイトのCSS/HTML設計・主な使用技術HTML/HTML5CSSJavaScript/jQuery（基礎レベルでも可。弊社社員がサポート致します。）・主な使用ツールSVNAdobe Dreamweaver等の編集ツール（慣れたものがあれば他ツールでも可）・ご用意出来るPCのOSwindows10

詳細を見る

ディレクター兼コーダー | 東京都

単価: 月額 37 ～ 41万円 (税抜)

エリア: 東京都

職種: マークアップ/コーディングエンジニア

業務内容: 続きを読む
・事業紹介ページの作成やリニューアルに向けたページ内整理・国産独自のCMS（ALAYA）をベースに、ページ更新・ページ追加【詳細】某研究機関における下記の業務をお願いいたします。・公式ホームページの更新業務→国産独自のCMS（ALAYA）をベースに、ページ更新・ページ追加・公式SNS投稿業務→職員へ投稿内容のヒアリング、投稿案企画を行い、原稿を画面に反映⇒プレビューを確認⇒担当部署に確認～、という流れで進めていただきます。【開始】24年1月〜【勤務時間】09:00-17:30（週5出勤）※時間外対応は基本無し想定【募集人数】1人～2人

詳細を見る

【基本リモート】国内最大級の不動産クラウドファンディングを行う事業会社でのコーダー募集 | 東京都

単価: 応相談

エリア: 東京都

業界: 不動産

職種: マークアップ/コーディングエンジニア

スキル: Ruby JavaScript Ruby on Rails AWS Git Terraform Docker figma

業務内容: 続きを読む
国内最大級の不動産クラウドファンディングを行う事業会社でのコーダー【単価】スキルによって応相談【期間】応相談、長期想定【働き方】基本リモート、月1-2回出社（最寄り駅：御成門/神谷町）【歓迎要件】◎0→1のサービスを伸ばしていくフェーズが得意な方もしくは経験がある方◎要件、仕様を決めるのが苦にならない方 ◎要件、仕様がない中で実装を進められる方【開発環境】・バックエンド: Ruby on Rails 7・フロントエンド: VanillaJS・インフラ: AWS EC2/ECS・CI/CD: GitHub Actions・ツール: Docker/Terraform・バージョン管理: GitHub・タスク管理: Redmine・コミュニケーション: Slack・デザインツール: Figma

詳細を見る

【フルリモート/上位会社の社員交代枠】大手企業のコーポレートサイトやサービスサイトの制作デザイナー募集 | 東京都

単価: 月額 54 ～ 59万円 (税抜)

エリア: 東京都

業界: 放送・出版・音楽・芸能

職種: マークアップ/コーディングエンジニア webデザイナー・UIUXデザイナー

スキル: Photoshop Illustrator figma

業務内容: 続きを読む
大手企業のコーポレートサイトやサービスサイトの制作・運用に携わっていただきます。そのほかにも、幅広いクライアントからの依頼に応じたクリエイティブを制作・提案していただきます。具体的な業務内容・構成案やWFの要件に沿ったWebサイトのデザインや画像の提案・制作・WebアプリなどUXを考慮したUI構築・プロモーション効果を高めるイラストやビジュアルデザイン制作やサービスロゴの制作・提案やガイドラインなどの資料制作

詳細を見る

フリーランスに対して
不安をお持ちの方へ

自分のスキルで大丈夫か？安定した収入を得られるのか？
税金や保険の手続きができるか？
そんな不安を全てサポートします。

簡単
60秒

会員登録はこちら

マークアップ/コーディングエンジニアとは

マークアップ/コーディングエンジニアは、Webサイトの構造を作成し、デザインを正確に反映するためのHTML、CSS、JavaScriptなどの技術を駆使して、Webページをコーディングする役割を担います。主な業務は、デザインを忠実にWeb上で再現し、レスポンシブデザインやアクセシビリティに配慮しながら、ブラウザやデバイスに依存しないページを作成することです。Webサイトの基盤となるHTMLのマークアップ作業や、スタイルを定義するCSSを使用して、見た目と機能の両面からWebページを整えます。近年では、単に静的なページを作るだけでなく、動的な要素をJavaScriptなどで追加することも求められています。SEO対策としても、適切なタグの使用やページの読み込み速度の最適化が重要で、ユーザー体験を向上させるための知識も必要です。

マークアップ/コーディングエンジニアを活用するメリット・デメリット

マークアップ/コーディングエンジニアの求人案件のメリットは、Webデザインを具現化する重要な役割を担い、技術的なスキルを活かしてユーザー体験を向上させる点です。レスポンシブデザインやSEO対策など、多様な技術を身につけることができ、実務経験を積むことでキャリアアップが期待されます。一方、デメリットとしては、デザインの忠実な再現やブラウザ互換性の維持など、細かい調整作業が多く、時間がかかることが挙げられます。また、フロントエンド技術の進化が早く、新しいスキルの習得が常に求められる点も負担になることがあります。

マークアップ/コーディングエンジニアの仕事内容

マークアップ/コーディングエンジニアは、デザインカンプを基にしてWebページのレイアウトやスタイルをHTML、CSS、JavaScriptでコーディングする役割を担います。主に、デザイナーが作成したビジュアルデザインをブラウザで正確に再現し、レスポンシブデザインを考慮して、デスクトップ、モバイル、タブレットなどのさまざまなデバイスで最適に表示されるように対応します。また、SEO対策として、適切なタグの使用やページ構造の最適化を行い、検索エンジンでの評価を高めるためのマークアップを実施します。さらに、Webアクセシビリティを考慮した設計も重要で、誰でも使いやすいWebページを作成することが求められます。ページの表示速度の最適化やクロスブラウザ互換性も含め、細かい調整作業が必要となる職種です。

マークアップ/コーディングエンジニアの案件の特徴

コーディング案件はマークアップが出来ると単価が上がる傾向

フリーランスのコーダー、webデザイナーとして活躍するならマークアップが出来ることは必須スキルと言っても過言では無いかもしれません。
コーディングとマークアップの違いには様々な定義がありますが広義の意で言うとコーディングがソースコードを記述していくのに対し、マークアップは必要に応じて要素にタグ付けをしたり、SEO的にクローリングしやすい記述をするなどページの用途に応じて最適な記述をしていく技能になります。広告用LPやSEO的に注力しているページでは特に大切な技能ですから、マークアップが出来るコーダーと出来ないコーダーでは、やはり単価が変わってきます。

エンジニアファクトリーならマークアップ/コーディングの案件に参加した"後"も安心して稼働できます

その理由とは？
・フリーランスエンジニア向け”お金と保険”のサポートサービスを無料で使えるから安心
・担当者が案件確定後も丁寧にサポート！困った時に放置しません
・単価交渉も担当者にお任せ、稼働に集中しながら単価アップを目指せます
・途中で正社員への転職をしたくなった時もしっかりサポートがあります

知れば知るほど面白いマークアップ

マークアップは主にhtmlで指定することが多く、場合によってはCSSで指定することもあります。

マークアップ/コーディングエンジニアの案件のよくある質問

マークアップ/コーディングエンジニア案件の月額単価相場はいくらぐらいですか？
マークアップ/コーディングエンジニアの平均月単価は56万円です。この単価はあくまで目安であり､個々人のご経験やスキルによって変わります。
マークアップ/コーディングエンジニア案件はどのぐらいありますか？
エンジニアファクトリー（フリーランス）でご覧いただけるマークアップ/コーディングエンジニア案件は47件です（検索条件によって案件数が異なる場合もあります）｡
マークアップ/コーディングエンジニアでモートワーク可能な案件はありますか？
マークアップ/コーディングエンジニア案件はフルリモート、一部リモートワークさまざまな働き方の案件があります。ご応募いただければ、サイト非公開案件の中にリモート可能なマークアップ/コーディングエンジニア案件がありますので、詳しい条件をお聞かせください。
登録後、どのような流れで進むのですか？
ご登録いただきましたら、当社担当者がご登録内容を確認し、その後メールもしくはお電話にて次のステップ（コンサルタントによる面談）のご案内をいたします。コンサルタントによる面談では、これまでの経験とこれからの希望についてお話を伺わせていただき、非公開案件を含む当社保有案件をご案内させていただきます。尚、土日祝日にお申し込みいただいた場合、ご連絡は翌営業日以降となりますのでご了承ください。詳しくはご利用の流れをご覧ください。
登録面談はどこで行われますか？
面談は下記にて行っております。
【東京】本社面談ルーム（溜池山王駅　徒歩7分、六本木一丁目駅　徒歩6分）地図を開く
【大阪】大阪支社面談ルーム（淀屋橋駅　徒歩1分、北浜駅　徒歩6分）　地図を開く
もちろんスーツ等の着用は必要ありません。気軽な格好でお越しください。
ご要望に応じてWEBによる「オンライン面談」もご用意しています。
運営会社について教えてください
エンジニアファクトリーを運営するアイムファクトリー株式会社は、IT・WEBエンジニアの専門のコンサルタントで構成されている人材サービス企業です。エンジニアと企業をつなぐマッチング精度の高さを強みとしており、機械的なマッチングでなく、お客様の状況や考えを深く理解し、満足の行く案件受注を実現できるサービスを心がけております。
個人情報はどのように取り扱われていますか？
当サイトからのオンライン登録などで収集したご登録者様の個人情報はご本人様のキャリアアップおよび営業活動のサポートを目的に使用しております。お預かりしているすべての個人情報はご本人様の許可なく、企業側に開示したり、第三者に提供することは一切ございません。弊社では個人情報の取り扱いについて、弊社のホームページにも掲げ、全社的に個人情報の漏えい防止に努めております。
また、当サイトのWeb登録においても暗号コードプログラムを利用して送信されますので、機密保持に関してもご安心ください。詳細は個人情報保護方針と個人情報の取り扱いについてをご覧ください。

会員様限定！
非公開案件もございます

無料会員登録すると一般では募集されていない"非公開求人"の確認ができます。

無料

会員登録はこちら

フリーランス向け福利厚生サービス AIM CARE

弊社ではフリーランスの個人事業主の方も安心して働いていただけるよう、さまざまなプログラムをご用意。
収入面でのサポートをはじめ、保険や生活面のサポートなど、
フリーランスとして生活するにあたっての充実したサポートをご提供しています。