| 実務経験1年〜3年 | 10～40万円前後 |
| 実務経験3〜5年 | 40〜50万円前後 |
| 実務経験5年以上 | 60万円前後 |
新着のHTML/CSS案件・求人
HTML/CSSは、WebサイトやWebアプリケーションの構築において基本となる技術です。
2つの技術を組み合わせることで、視覚的に美しく、使いやすいWebページを作成できます。
具体的にはHTML（HyperText Markup Language）は、ページの構造や内容を定義するためのマークアップ言語で、テキストや画像、リンク、表などを配置し、Webページの骨組みを作成します。
一方、CSS（Cascading Style Sheets）は、HTMLで作成したものにデザインやレイアウトを施すためのスタイルシート言語です。
色、フォント、配置、スペースなどを調整し、ページの外観を整えられます。
また、レスポンシブデザインにも対応できるため、さまざまなデバイスや画面サイズに適応したWebサイトを構築することが可能です。
Python キャリア向けwebサイト(FAQ)および社内システムの開発支援
| 単価/月 | 45～60万円 |
|---|---|
| 期間 | 即日 ～ 長期 |
| 案件概要 | キャリア向けwebサイト(FAQ)および社内システムの開発業務支援 ＜業務内容＞ ・BtoB、BtoC向け公式FAQのwebサイトの構築 ・コールセンター、家電量販店で使う社内FAQ、ナレッジ共有システムの開発 ＜環境＞ ・フロント：JavaScript（Vue,React）/HTML等 ・バックエンド ：Python（Flask) ・インフラ：AWS全般 ・その他：GitHub / Slack / Backlog / pycharm docker ＜基本時間＞ 10:00～19:00 |
TypeScript ディーラー予約受付システムの開発
| 単価/月 | 90～100万円 |
|---|---|
| 期間 | 即日 ～ 長期 |
| 案件概要 | 新規プロジェクトでディーラーの予約受付システムの開発に携わっていただきます。 車種を選んで、来店や電話予約をするイメージです。 TypeScriptでフロントエンド、バックエンドの開発を行っていただきます。 ＜技術環境＞ ・言語：TypeScript ・サーバーサイド：Node.js、 ・フロントエンド：React、Nextjs API ・データベース：MySQL、Redis、BigQuery ・インフラ：AWS、GCP ・ログ収集・分析：Redash、Sentry ・監視：AWS Cloud Watch、New Relic ・環境構築：Terraform、Docker ・その他：Github、Slack、CircleCI |
高単価！【Python/JavaScript】AIソリューション提供企業のDX/AXエンジニア募集
| 単価/月 | 110～130万円 |
|---|---|
| 期間 | 即日 ～ 長期 |
| 案件概要 | "AIソリューション提供企業におけるDX/AXエンジニア募集案件です。 プロジェクトマネージャーと協力し、下記業務を行っていただきます。 ・部門単位での業務改善プロジェクトの実行 ・社内生成AIツールを活用した業務効率化 ・システムの品質管理・検証業務の自動化 ・アプリケーション開発における開発プロセス効率化のための実装(API連携など)" ＜開発環境＞ フロントエンド: TypeScript, Next.js, React バックエンド: Python インフラ : GCP, GPU cloud Services 開発ツール : Slack, Confluence, Jira, Google Workspace, Github ＜作業環境＞ Mac (Appleシリコン) Github Copilotと社内GPT利用可能 モニター2台まで利用可能" ＜就業時間＞ 10:00-19:00 |
初日以降リモート！【Python/Django/JavaScript】省庁向けシステム移行PJ
| 単価/月 | 58～68万円 |
|---|---|
| 期間 | 即日 ～ 長期 |
| 案件概要 | 省庁向けのシステム移行案件です。 ＜作業概要＞ ・Djangoで作られたWebアプリケーションをEC2上で動作させ、DB（Aurora PostgreSQL）接続部分を改修 ・Aurora PostgreSQLのデータをAPI Gateway – Lambda でAPIを1つ作成 ・帳票を自動化するプログラムを7つ（帳票が7種類あるため）作成 主にDjangoのWebアプリケーションをEC2上で動作するようにしていただく部分をご担当いただける方を募集しています。 Amazon Q DeveloprやCopilotを使うことを推進していますので、AIエージェントを用いた設計や開発の経験を身に着けていただけます。 ＜担当工程＞ ・実装、単体テストケースの作成、単体テストの実施 ・結合テストの実施 ・総合テストの実施 ＜時間＞ 9:30～18:30 ※※こちらの案件は現在募集を終了しております※※ |
フルリモート×フルフレックス！長期就業可【React/TypeScript】図面管理SaaSフロント
| 単価/月 | 70～100万円 |
|---|---|
| 期間 | 即日 ～ 長期 |
| 案件概要 | クラウド上で一元管理が可能な図面管理SaaSを運営している企業にて フロントエンドエンジニアとして、下記を担当していただく方を募集いたします。 ・ユーザーインターフェースの設計と開発 ・最新のフロントエンド技術を活用した直感的で効率的なアプリケーションの構築 ・インタラクティブな機能の開発によるユーザー体験の向上 ・ReactやNext.jsを活用し、描画機能を含むリッチなフロントエンドの実装 （特定ライブラリの経験がない場合でも学ぶ意欲があれば歓迎します） ＜開発環境＞ 言語：HTML, CSS, JavaScript, TypeScript FW: React, Next.js, Jest 主なライブラリ:React Hook Form, TanStack Query, Auth0, dnd kit, React Konva インフラ：GCP その他：Cloud Run, Cloud SQL, Cloud Storage, Terraform, GitHub, Notion, Slack ＜就業時間＞ フルフレックス（土日と22時〜5時は稼働不可） ※※こちらの案件は現在募集を終了しております※※ |
高単価のHTML/CSS案件・求人
高単価！【Python/JavaScript】AIソリューション提供企業のDX/AXエンジニア募集
| 単価/月 | 110～130万円 |
|---|---|
| 期間 | 即日 ～ 長期 |
| 案件概要 | "AIソリューション提供企業におけるDX/AXエンジニア募集案件です。 プロジェクトマネージャーと協力し、下記業務を行っていただきます。 ・部門単位での業務改善プロジェクトの実行 ・社内生成AIツールを活用した業務効率化 ・システムの品質管理・検証業務の自動化 ・アプリケーション開発における開発プロセス効率化のための実装(API連携など)" ＜開発環境＞ フロントエンド: TypeScript, Next.js, React バックエンド: Python インフラ : GCP, GPU cloud Services 開発ツール : Slack, Confluence, Jira, Google Workspace, Github ＜作業環境＞ Mac (Appleシリコン) Github Copilotと社内GPT利用可能 モニター2台まで利用可能" ＜就業時間＞ 10:00-19:00 |
TypeScript ディーラー予約受付システムの開発
| 単価/月 | 90～100万円 |
|---|---|
| 期間 | 即日 ～ 長期 |
| 案件概要 | 新規プロジェクトでディーラーの予約受付システムの開発に携わっていただきます。 車種を選んで、来店や電話予約をするイメージです。 TypeScriptでフロントエンド、バックエンドの開発を行っていただきます。 ＜技術環境＞ ・言語：TypeScript ・サーバーサイド：Node.js、 ・フロントエンド：React、Nextjs API ・データベース：MySQL、Redis、BigQuery ・インフラ：AWS、GCP ・ログ収集・分析：Redash、Sentry ・監視：AWS Cloud Watch、New Relic ・環境構築：Terraform、Docker ・その他：Github、Slack、CircleCI |
フルリモート×フルフレックス！長期就業可【React/TypeScript】図面管理SaaSフロント
| 単価/月 | 70～100万円 |
|---|---|
| 期間 | 即日 ～ 長期 |
| 案件概要 | クラウド上で一元管理が可能な図面管理SaaSを運営している企業にて フロントエンドエンジニアとして、下記を担当していただく方を募集いたします。 ・ユーザーインターフェースの設計と開発 ・最新のフロントエンド技術を活用した直感的で効率的なアプリケーションの構築 ・インタラクティブな機能の開発によるユーザー体験の向上 ・ReactやNext.jsを活用し、描画機能を含むリッチなフロントエンドの実装 （特定ライブラリの経験がない場合でも学ぶ意欲があれば歓迎します） ＜開発環境＞ 言語：HTML, CSS, JavaScript, TypeScript FW: React, Next.js, Jest 主なライブラリ:React Hook Form, TanStack Query, Auth0, dnd kit, React Konva インフラ：GCP その他：Cloud Run, Cloud SQL, Cloud Storage, Terraform, GitHub, Notion, Slack ＜就業時間＞ フルフレックス（土日と22時〜5時は稼働不可） ※※こちらの案件は現在募集を終了しております※※ |
フルリモート！【Salesforce】カード会社モール管理システム構築支援
| 単価/月 | 75～85万円 |
|---|---|
| 期間 | 即日 ～ 長期 |
| 案件概要 | カード会社の加盟店向けECモール管理システムの新規構築プロジェクトです。 Salesforce Experience Cloud を基盤として、 加盟店が商品・キャンペーン・売上管理などを行うポータルサイトを構築します。 UI/UXデザイナーが参画予定のため、 フロントエンドは Aura Components や Lightning Web Components (LWC) を用いたカスタム開発が中心となります。 Apexによるサーバーサイド開発やAPI連携の設計・実装も想定されており、 Salesforce開発のサブリーダーとして業務整理、仕様整理、進捗管理 などの役割を担っていただきます。 （現在は要件定義フェーズ中） ＜作業内容＞ ・Salesforce Experience Cloudを用いた加盟店ポータルサイト構築 ・Aura / Lightning Web Components（LWC）によるUI開発 ・Apex（クラス・トリガー等）の開発・単体テスト ・外部システム連携（REST/SOAP API）の設計・開発 ・標準設定（オブジェクト、ワークフロー、権限設定 等） ・デザイナーとの連携による画面デザイン実装 ・開発チームリード（進捗管理、設計・コードレビュー） ※※こちらの案件は現在募集を終了しております※※ |
Java / JavaScript 転職希望の方向けWebサービス
| 単価/月 | 68～85万円 |
|---|---|
| 期間 | 即日 ～ 長期 |
| 案件概要 | 転職プラットフォームにおける転職希望の方向けWebサービスの開発を担うエンジニアチームにて、 Webアプリのバックエンド開発を中心としたグロース開発および運用・保守業務を担っていただきます。 （一部フロントエンドもあり） ※実装や運用保守のみではなく、上流工程（要件定義・基本設計）の一部推進にも携わっていただきますので、 要件定義経験のある方を募集いたします。 ＜想定業務内容＞ ・Webアプリケーションの開発およびバックエンドのリードとしての開発 ・デザイナーやQA、必要に応じてカウンターパートとのコミュニケーション ＜開発環境＞ ・バックエンド：Java, SQL ・フロントエンド：jQuery,React ・データベース：MySQL ・バージョン管理：GitHub ＜服装＞ オフィスカジュアル ※※こちらの案件は現在募集を終了しております※※ |
フルリモートのHTML/CSS案件・求人
【Microsoft 365】テクニカルサポート業務
| 単価/月 | 41～51万円 |
|---|---|
| 期間 | 2026-04-01 ～ 長期 |
| 案件概要 | Microsoft 365に関するユーザーからの各種申請、および問い合わせ対応を行うテクニカルサポート業務です。 現在はメールExchange、Outlook、Defenderに関するお問い合わせをメインで担当しております。 弊社で担っているのは主に問い合わせ対応や設定変更で、 2次受けとして各種調査・検証、およびMicrosoft社等のベンダーへの調査依頼を行います。 ＜服装＞ オフィスカジュアル ＜就業時間＞ 9:00-18:00 |
【インフラ上流】SASE(Zscaler)導入/トラブルシューティング完遂支援
| 単価/月 | 68～102万円 |
|---|---|
| 期間 | 2026-04-01 ～ 長期 |
| 案件概要 | 本番移行フェーズにおいて、1,000超の業務アプリのうち、製品相性等による残課題が複数件発生中しており、 既存チームの調査キャパシティを補強し、障害の復旧・早期安定稼働を実現するための技術者を募集しています。 ＜業務内容＞ - Zscalerを中心としたSASE構成における技術的課題の切り分け・調査・解決。 - 原因特定（Zscaler/アプリ/NW/端末）の旗振りおよび調査実務（ログ解析等） - 関係各所と連携したトラブルシュートの実行・推進 ＜必須要件＞ - Zscaler（ZIA/ZPA）の深い技術知見と、実務におけるトラブルシューティング経験。 - P1/P2レベルの重大事象における原因切り分けの主導経験。 - インフラ・NW・端末・アプリの複合的な視点から原因を特定できるテックリード級のスキル。 |
【PM】プラットフォームサービスのモバイルアプリカスタム案件
| 単価/月 | 80～100万円 |
|---|---|
| 期間 | 2026-03-13 ～ 長期 |
| 案件概要 | 自社製品をベースとした個別アプリのカスタマイズ案件において、 要件定義～設計及びプロジェクトの進捗管理と課題解決、顧客との調整や交渉、 メンバーやベンダーの管理、成果物の品質確保までのプロジェクト管理を案件PMとしてお任せします。 ＜業務内容＞ ・クライアント・社内関係者との課題解決にむけた調整、タスク管理 ・顧客への説明資料、進捗・課題・成果の集約と関係者への報告 ・アプリ開発/リリースに必要なアプリストア登録・リリース作業 ＜開発環境＞ ・開発言語:Kotlin、Swift、PHP（独自FW）、Java、Go、Python ・DB：PostgreSQL、 Amazon Aurora ・コード管理: GitHub ・プロジェクト管理: Slack、Redmine、Backlog" |
フルリモート！【PM】コネクテッドカー搭載機能の開発案件
| 単価/月 | 100～120万円 |
|---|---|
| 期間 | 2026-03-13 ～ 長期 |
| 案件概要 | コネクテッドカーの開発を進めている企業にて、自動車業界における最新技術などを用いて コネクテッドカーに搭載する機能開発などを、マネジメント目線で支えていただくPMポジションになっております。 コネクテッドカーに搭載したい製品自体も数多くあり、プロジェクトも順々に担っていただくような形になります。 ＜就業時間＞ 8:30-17:30 |
【テクニカルディレクター】大手動画配信サービスにおける開発管理進行業務
| 単価/月 | 83～93万円 |
|---|---|
| 期間 | 即日 ～ 長期 |
| 案件概要 | 動画配信サービスにおいて、大小さまざまな規模の開発案件が進行する中で 下記チームのメンバーとして業務をお任せいたします。 ①サービス全体の技術面を統括するチーム ②各案件の技術担当チーム 技術統括チーム ・各案件の要件把握とシステム全体を俯瞰した設計レビュー ・外部連携案件における要件把握、アーキテクチャ検討 ・今後のサービス全体を見据えての技術的な課題の発見と解決促進 ・インフラ・サーバサイド・クライアント・動画配信に関わる幅広い技術要素のキャッチアップと共有 各案件の技術チーム ・各案件の技術担当としてWebディレクターともに案件の進行管理と技術的進言 ・各開発者・クライアントとの仕様調整 ＜勤務時間＞ 10:00-19:00 ＜備考＞ 出社頻度はチーム状況によって異なる場合がございます |
HTML/CSS案件について
ここからは、HTML/CSS案件について紹介します。
HTML/CSS案件の単価相場
HTML/CSS案件の単価は、60万円前後が相場です。
実際に、「フォスターフリーランス」で掲載中のHTML/CSS案件の平均単価は59.9万円です。
- 平均単価：59.9万円
- 最高単価：100万円
- 最低単価：30万円
なお、HTML/CSS案件以外にも言えることですが、単価が高くなるほど実績・スキル・実務経験年数が求められます。
実際に、高単価案件ほど必須条件欄に「実務経験〇〇年以上」との記載があります。
そのため、初心者・未経験者のうちは中々案件受注に繋がらないことも多いです。
ただし、まずは低単価な案件で実績を積み上げていくことで徐々に高単価案件にも挑戦できるようになります。
HTML/CSSコーダーの年収相場
フリーランスのHTML/CSSコーダーの年収は、500〜700万円ほどが相場です。
実際に先ほど紹介したHTML/CSS案件の平均単価で年収を算出すると718.8万円になります。（平均単価59.9万円×12カ月）
ちなみに中小企業庁の調査によると、フリーランスとして得ている現在の年収（手取り）で最も多いのは「100万円以上、300万円未満」（35.2％）となっています。
出典元：中小企業庁「第2節 フリーランスの事業活動の取組」
そのため、安定的に案件を受注することができればHTML/CSSコーダーは高収入が目指しやすい職種と言えます。
HTML/CSSの市場動向やニーズ
HTMLとCSSは、WebサイトやWebアプリケーションのフロントエンド開発において欠かせない基礎的な技術です。
IDC Japanの調査によると、2023年の国内ITサービス市場規模は前年比6.0％増の6兆4608億円に達し、2010年以降で初めて成長率が5％を超えたことが明らかになっています。
今後も国内のITサービスは拡大することが予測されているため、HTML/CSSのスキルがあるエンジニアのニーズも引き続き拡大していくと言えるでしょう。
HTML/CSS案件は週2日・週3日・副業でもできる
HTML/CSS案件は週2日・週3日・副業でもできます。
具体的には、以下のような案件が多いです。
- 既存Webサイトのデザイン調整や更新作業
- LP（ランディングページ）の制作や修正
- 小規模なWebプロジェクトのコーディング業務
副業や限られた時間で案件に参画したい方にとって、HTML/CSSはスキルを活かしやすい分野と言えるでしょう。
ただしHTML/CSS以外にも言えることですが、週2・週3稼働や副業可能案件だからと言って簡単な作業とは限りません。
短期間で納品が求められることも多いため、案件概要をしっかり確認しておきましょう。
HTML/CSS案件は在宅・フルリモートも可能
HTML/CSS案件は、在宅・フルリモートも可能です。
実際に、「フォスターフリーランス」で掲載中のHTML/CSS案件は9割以上が在宅可能案件です。
具体的には全50案件（非公開案件除く）のうち、フルリモート案件が14件、原則リモート案件が19件、一部リモート案件が16件です。
- フルリモート：14件
- 原則リモート：19件
- 一部リモート：16件
HTML/CSS案件は、指示通りに作業を進め、常駐が求められないことも多いため、在宅で働きたい方や、副業ワーカーにとって最適な案件と言えます。
HTML/CSS案件の地域別案件数
当サイトが運営する「フォスターフリーランス」のHTML/CSS案件は、東京都23区内の案件が多いです。
特に港区、千代田区、中央区が多いです。
- 港区：13件
- 千代田区：8件
- 中央区：4件
ただし先述したように、HTML/CSS案件は在宅・フルリモート可能案件が多いです。
そのためHTML/CSS案件は、東京が通勤圏内でない地方の方や、在宅で働きたい方も受注可能です。
HTML/CSS案件に参画するために必要なスキル
HTML/CSS案件に参画するためには、以下のスキルが求められます。
・HTML/CSSの基礎知識
マークアップ言語の基本的な理解と正しい構文の書き方を習得しましょう。
・レスポンシブデザインの知識
モバイルファーストに対応するWebサイトを作るため、メディアクエリの活用やフレキシブルなデザインの実装スキルが必要です。
・CSSフレームワークの理解
BootstrapやTailwind CSSなど、効率的にスタイリングを行うためのフレームワークを使えると案件の幅が広がります。
・ブラウザ対応スキル
クロスブラウザ対応のための知識やテストの経験が求められることがあります。
・基本的なJavaScriptの理解
動的なUIを実現するため、簡単なJavaScriptの知識が求められる場合があります。
未経験・初心者からHTML/CSS案件に参画する流れ
未経験・初心者からHTML/CSS案件に参画するためには、以下のステップを参考にしてください。
1.基礎スキルの学習
オンライン教材やプログラミングスクールでHTMLとCSSの基本を学びます。Progateやドットインストールなどがおすすめです。
2.簡単な模写からスタート
実際のWebサイトの模写を通じて、実践的なスキルを磨きます。
3.Webサイトを制作
学んだことを参考に、自分でゼロからWebサイトを制作してみましょう。
4.ポートフォリオを作成
営業活動に使用するために制作したサイトやLPをポートフォリオとしてまとめます。
5.案件受注
「フリーランスエージェント」や「クラウドソーシングサイト」を活用して案件受注を目指します。フォスターフリーランスでは高単価なHTML/CSS案件のご紹介が可能です。
未経験・初心者のうちは「稼げない」「案件が取れない」ことも多いですが、実績が積み上がれば高単価案件も受注可能です。
まずはスキルを身につけ、実務経験・実績を増やしていきましょう。
HTML/CSS案件に関するよくある質問
ここからは、HTML/CSS案件に関するよくある質問を紹介します。
フリーランスのHTML/CSS案件の単価相場はどのくらい？
フリーランス向けのHTML/CSS案件の単価は、50〜60万円ほどが相場です。
ただしIT関連の案件では実務経験が重視される傾向があり、HTML/CSS案件も例外ではありません。
具体的には、実務経験1年〜3年の単価は10～40万円前後、実務経験3〜5年の単価は40〜50万円前後、実務経験5年以上の単価は60万円前後です。
HTML/CSS案件は初心者でもできる？
HTML/CSS案件は、Web制作の基礎であるため、初心者でも比較的取り組みやすい内容が多くあります。
特にシンプルなWebページのコーディングや修正、既存サイトのデザイン調整などは、HTML/CSSの基本知識があれば対応可能です。
実務経験がなくても、小規模な案件から挑戦し、スキルを積みながら徐々に大きなプロジェクトに挑戦していきましょう。
HTML/CSSのフリーランス案件はリモートワークは可能？
HTML/CSSのフリーランス案件は、リモートワーク・在宅勤務も可能です。
実際にフォスターフリーランスで掲載中のHTML/CSS案件（非公開案件除く）の9割以上が在宅可能案件です。
HTML/CSSの副業案件は未経験者・初心者でもできる？
HTML/CSSの副業案件は、比較的未経験者や初心者でも取り組めるものが多いです。
特に、テンプレートを用いたWebサイトの修正や、静的ページのコーディングといった案件は初心者向けといえます。
ただし、案件に参画するには、HTMLとCSSの基礎的な知識は不可欠です。
基本的なタグやスタイルの使い方を理解し、実際に模写や小規模なプロジェクトで経験を積むとよいでしょう。また、レスポンシブ対応や簡単なJavaScriptの知識があると案件の幅が広がります。
案件受注を目指す際は、ポートフォリオの作成も行いましょう。
HTML/CSSのコーディング案件が取れない時はどうする？
HTML/CSSのコーディング案件が取れない場合、以下の方法を試してみてください。
・ポートフォリオを充実させる
模写や個人制作のWebサイトをポートフォリオとしてまとめ、自分のスキルを可視化しましょう。
・スキルを拡張する
JavaScriptやCSSフレームワーク（例：Bootstrap、Tailwind CSS）を学ぶことで、案件の幅が広がります。
クラウドソーシングサイトを活用する
クラウドワークスやランサーズなどで低単価の案件から始めて、実績を積み上げましょう。
HTML/CSS案件は稼げない？
HTML/CSS案件は単価が低いわけではないため、稼げないわけではありません。
ただしHTML/CSS案件に限らず、IT関連の案件は初心者・未経験者のうちは稼げないことが多いです。
特に高単価案件は実績・実務経験年数が求められますが、初心者・未経験者のうちはクライアントが求める実績・実務経験年数に達していないことが多いため、低単価な案件しか受注できないことが要因です。
とは言え、低単価案件で実績を積み上げ、幅広いスキルを身につけることで徐々に受注できる案件の幅が広がります。
「初心者・未経験者のうちは稼ぎにくい」ことを念頭に行動していきましょう。
HTML/CSS案件・求人の応募はフォスターフリーランス！
今回はHTML/CSSのおすすめ案件を新着、高単価、フルリモートの3つに分けてご紹介いたしました。
弊社が運営するフリーランスエンジニア向けポータルサイト「フォスターフリーランス」では、本記事で紹介した案件の他にもたくさんの案件を掲載しています。
ご自身にあった働き方や条件で案件探しができるので、ぜひご活用ください。
