DXフリーランス専門エージェント|リモプル

フロントエンドエンジニア の求人・案件一覧

フロントエンドエンジニア とは

フロントエンドエンジニアは、Webサイトの見た目や動作を担当するエンジニアです。コーダーやマークアップエンジニアの上位職として認識されており、より高いスキルや知識が求められます。HTMLやCSS、JavaScriptなどの基本スキルはもちろん、幅広いフレームワークを扱える必要があります。

  • ポジション

  • スキル

  • こだわり

  • フルリモート 高単価

    NFT自社サービスのUI/UXデザイン業務

    50 〜 90 万円/月

    3〜5

    ポジション
    Webデザイナー UI・UXデザイナー フロントエンドエンジニア マークアップコーダー
    使用ツール・
    言語
    XD/Figma Photoshop/Illustrator JavaScript HTML/CSS WordPress
    必須スキル

    <必須スキル>
    ・UI/UXデザイナー,WEBデザイナーとしての実務経験
    ・コーディングスキル

    業務内容

    ・NFTをメインにした自社事業のUI/UXデザイン業務となります。
    ・スマートフォンアプリ、WebアプリケーションアプリのUIデザインを行います。
    ・エンジニアやディレクターなどと打ち合わせを行いながらデザインを行います。
    ・WEB3やメタバースで非常に注目度の高い企業となっております。
    ・業務詳細は面談の際、改めてお伝えさせて頂きます。

    詳細を見る
  • フルリモート 高単価

    動画配信サービスのアプリ開発業務

    40 〜 120 万円/月

    3〜5

    ポジション
    フロントエンドエンジニア マークアップコーダー
    使用ツール・
    言語
    JavaScript Ruby PHP
    必須スキル

    ・Webサイトの開発実務経験(3年以上)
    ・フロントエンド、バックエンドは問いません
    ・開発言語においても問いません
    ・自身のスキルアップを求めている方

    業務内容

    ・同社の自社サービスの動画配信サービスのアプリ開発案件となります。
    ・新たなCTOが着任され、自社サービスの開発、改修業務の内製化を実施します。
    ・また、今後リリース予定の新規サービスも社内にて開発を予定しております。
    ・新規サービスにおいては、社内メンバーと直接会話して要件を定め、設計、実装・テスト・リリースまでを一気通貫でお願いします。
    ・平均年齢30代、情報システム・開発部署は10名強の現場です。
    ・社内もとても綺麗なオフィスで上場企業ですので安定感のある現場です。
    ・開発言語はFlutter,Go

    詳細を見る
  • フルリモート 高単価

    LPコーディング業務

    20 〜 50 万円/月

    3〜5

    ポジション
    フロントエンドエンジニア マークアップコーダー
    使用ツール・
    言語
    JavaScript HTML/CSS WordPress
    必須スキル

    ・LPコーディングの実務経験
    ・WordPressの構築実務経験

    業務内容

    ・同社クライアントのLPコーディング業務となります。
    ・同社はWebマーケティングを得意とする広告代理店です。
    ・クライアントは大手から中小企業まで多岐にわたります。
    ・業務内容は静的コーディングとなります。※多少のjQuery実装有
    ・求めることとしては、デザインデータの正確な再現となります。

    詳細を見る
  • フルリモート 高単価

    ECサイト構築業務(futureshopなど)

    20 〜 60 万円/月

    3〜5

    ポジション
    フロントエンドエンジニア マークアップコーダー
    使用ツール・
    言語
    JavaScript HTML/CSS WordPress
    必須スキル

    ・ECサイトの構築経験
    ・futureshopの構築経験

    <尚可サイト>
    ・楽天、YahooのECサイト構築経験

    業務内容

    ・同社クライアントのECサイト新規、リニューアルにおける構築業務となります。
    ・futureshop構築案件が多い為、futureshop構築経験がある方は大歓迎です。
    ・業務内容としては、新規、リニューアル案件でのECサイト構築となります。
    ・クライアントは様々で、大手から中小企業までございます。
    ・案件の規模感は3ヶ月〜6ヶ月まで幅広いです。
    ・同社ディレクター、デザイナーと連携し、サイト構築を実装頂きます。
    ・サイトはECサイト9割となり、同社はECコンサル企業となります。

    詳細を見る
  • フルリモート 高単価

    自社サービス、新規事業のフロントエンド開発

    40 〜 80 万円/月

    4〜5

    ポジション
    フロントエンドエンジニア マークアップコーダー
    使用ツール・
    言語
    JavaScript HTML/CSS WordPress
    必須スキル

    ・HTML/CSS(SASS)/JSでのコーディング経験3年以上

    <尚可スキル>
    ・React/Vue.jsを用いたフロントエンド開発経験がある方だと有り難いです
    ・webアプリケーションの開発・運用業務

    業務内容

    ・同社自社サービス、新規事業のフロントエンド開発業務となります。
    ・プロジェクトで利用するフロントエンド技術の調査、選定、導入などをお願いします。
    ・フロントエンド技術のボトムアップ
    ・コンポーネント設計、マークアップ、ES6、React/Vue.jsを採用したフロントエンド開発など得意分野を担当頂きます。

    詳細を見る
  • フルリモート

    ランディングページのコーディング業務

    20 〜 50 万円/月

    4〜5

    ポジション
    フロントエンドエンジニア マークアップコーダー
    使用ツール・
    言語
    JavaScript HTML/CSS WordPress
    必須スキル

    ・HTML、CSS、Javascript(jQuery)のコーディング経験
    ・ランディングページコーディングの経験

    業務内容

    ・同社クライアントのランディングページのコーディング業務となります。
    ・特に複雑な要件はなく、静的ページのコーディングをお願いします。
    ・ディレクター、デザイナーとコミュニケーションを取りながらの進行を行います。
    ・基本稼働10時00分〜19時00分です。

    詳細を見る
  • フルリモート

    受託Webサイトのコーディング業務

    20 〜 50 万円/月

    3〜5

    ポジション
    フロントエンドエンジニア マークアップコーダー
    使用ツール・
    言語
    JavaScript HTML/CSS WordPress
    必須スキル

    ・コーディング実務経験(2年以上)
    ・WordpressなどのCMSを用いたサイトの基本構築

    業務内容

    ・制作会社での受託Webサイトのコーディング業務となります。
    ・案件は大企業サイト運用・エンタメ系・中小企業コーポレートなどとなります。
    ・同社プロデューサー、ディレクター、デザイナーと連携しながら案件進行をお願いします。

    詳細を見る
  • フルリモート 高単価

    自社サービスのフロントエンド開発業務

    40 〜 80 万円/月

    4〜5

    ポジション
    フロントエンドエンジニア マークアップコーダー
    使用ツール・
    言語
    JavaScript HTML/CSS
    必須スキル

    ・HTML/CSS(SASS)でのコーディング経験2年以上
    ・JS(Vue/reactなど)開発経験2年以上

    業務内容

    ・自社サービスのフロントエンド開発業務となります。
    ・体制はフロントエンド4名、バックエンド8名となります。※現在時点
    ・対応頂きたいのは新規機能開発、改修などとなります。
    ・セールス、カスタマーサクセス、PM、エンジニアが密に連携を取り開発を進行しております。
    ・対応PJは横断的、得意ポジションでのジョインを想定しております。

    詳細を見る
  • フルリモート 高単価

    集客支援サービスのフロントエンド開発業務

    50 〜 90 万円/月

    4〜5

    ポジション
    フロントエンドエンジニア
    使用ツール・
    言語
    JavaScript
    必須スキル

    ・React,Vue等モダンフレームワークを使ったJSでの開発経験(1年以上)
    ・AWSクラウドの利用経験
    ・Gitを用いた開発の経験
    ・SPAでの開発経験

    <環境>
    ・サーバーサイド:Go,gin, PHP, Laravel
    ・フロントエンド:React.js(Next.js), TypeScript, ESLint, webpack
    ・データベース: MySQL5.7
    ・インフラ: AWS (ELB, EC2, ECS, RDS, S3, SQS, Lambda, Batch, DynamoDB)
    ・開発環境:Docker
    ・開発ツール: VS Code, Sketch, AdobeXD
    ・Biz基盤: G suite,
    ・リポジトリ管理:GitHub
    ・CI/CD:CircleCI
    ・サーバ監視:Cloud Watch
    ・コミュニケーション:Slack
    ・ドキュメント:DocBase

    業務内容

    同社が提供するGoogleサービスを使った集客支援サービスのフロントエンド開発業務をお任せします。
    数千を超えるお客様にご利用いただいており、さらなる事業拡大に伴い開発体制を強化中で、
    開発チームメンバーと共にWebアプリケーション・API開発をご担当いただきます。
    プロダクトは成長フェーズで、開発環境もモダンな技術を採用しながらチーム一丸で開発を進めています。

    詳細を見る
  • フルリモート 高単価

    大手メーカーサイトのコーディング業務

    25 〜 50 万円/月

    4〜5

    ポジション
    フロントエンドエンジニア マークアップコーダー
    使用ツール・
    言語
    JavaScript HTML/CSS WordPress
    必須スキル

    ・HTML、CSS、Javascript(jQuery)のコーディング経験

    <尚可スキル>
    ・Gulp、Sass、Git等のご経験
    ・CSSやJavaScriptによるアニメーション実装

    業務内容

    ・同社受託案件の大手メーカーサイトのコーディング業務となります。
    ・新規制作、運用更新、ページ追加などをメインに行なって頂きます。
    ・ディレクターとコミュニケーションを取りながらの進行を行います。
    ・完全分業制となり、デザイン、コーディングは分業されております。
    ・基本就業10時00分〜19時00分、平均年齢30代の現場です。

    詳細を見る
  •  
4
4

フロントエンドエンジニア とは

フロントエンドエンジニアは、Webサイトの見た目や動作を担当するエンジニアです。コーダーやマークアップエンジニアの上位職として認識されており、より高いスキルや知識が求められます。HTMLやCSS、JavaScriptなどの基本スキルはもちろん、幅広いフレームワークを扱える必要があります。

フリーランスフロントエンドエンジニアについて

■フリーランスのフロントエンドエンジニアとは

フリーランスのフロントエンドエンジニアは、クライアントから案件を獲得し、仕事をこなしながら収入を得ます。

・仕事内容は?
フリーランスのフロントエンドエンジニアの仕事内容は、会社員として働く場合と大きくは変わりません。Webサイトやアプリの中で、ユーザーが直接操作したり閲覧したりできる部分を作るのが仕事です。ユーザーが使いやすいサイトを意識し、ユーザーの視点に立って作成します。
フリーランスの場合はコーディングなどの、UI/UXデザインやCMS構築など幅広い業務を担当するケースが多いでしょう。そのため、Webデザインなどのスキルもあわせて身につけておくのがおすすめです。また、以下のようなモダンフレームワークを扱えるようにしておきましょう。

Angular
React
Preact
Vue.js

モダンフレームワークとは、宣言的な制御を可能にする技術であり、バグが発生しにくいのが特徴です。近年では、モダンフレームワークを使用するモダンフロントエンドが増えているため、身につけておいて損はないでしょう。

・フリーランスの年収・時給・単価は?
フリーランスのフロントエンドエンジニアの年収は、300万円~500万円程度が平均と考えられます。獲得する仕事の単価により、時給や年収は大きく異なるでしょう。そのため、スキル次第では年収1000万円以上も可能です。
年収をアップさせるためには、単価の良い仕事を獲得する必要があります。営業や仕事探しに注力し、年収のアップを目指しましょう。

■フロントエンドエンジニアが使うSPAとは

フロントエンドエンジニアが良く使う形式に「SPA」があります。ここでは、SPAがどんなものなのか、主に使われるフレームワークを見ていきましょう。

・SPAとは
SPAとは、フロントエンドエンジニアがシングルページアプリケーション(SPA)を開発するためのフレームワークです。SPAとは、単一のHTMLページ内でコンテンツの切り替えを行うWebアプリケーションを指します。Vue.jsやReactなどのJavaScriptのフレームワーク・ライブラリを利用することで、簡単にSPAが開発可能です。
ユーザー体験が向上するほか、開発が効率化されるなどのメリットが得られます。また、保守が容易になるのも特徴です。近年では、SPAを用いて開発を行うフロントエンドエンジニアも多いため、身につけておいて損はないでしょう。

・SPAを作成するためのフレームワーク
SPAを作成するためのフレームワークとしては、以下の3つが挙げられます。

React
Angular
Vue.js

Reactは、Facebookが中心となって開発されたフレームワークです。「JSX」と呼ばれる記載方法を採用しており、JavaScriptなどを用いて使用します。記述方法がやや特殊なため、習得までに時間がかかるケースがあるでしょう。

Angularは、Googleが中心となって開発したフレームワークです。開発スピードが早く、年に約2回のアップグレードが行われています。SPAを構築するための機能が一通り揃っているため、非常に使いやすいのが魅力でしょう。

Vue.jsは、オープンソース型のフレームワークです。ReactやAngularなどのJavaScriptフレームワークに比べ、習得しやすいとされています。機能面ではやや劣りますが、拡張性の高いフレームワークとして人気です。以上のようなフレームワークを学び、SPAを作成してみましょう。

■フロントエンドエンジニアの仕事はつらい?

つらいと言われるケースもありますが、好きな人にとっては楽しい仕事です。仕事内容の中に、どれだけの楽しさを見つけられるかどうかが大切になるでしょう。楽しく仕事をするためには、コミュニケーション能力をつけるのがおすすめです。

チームで仕事をするケースが多いため、メンバーとのコミュニケーションが取れると楽しさに繋がります。関わり方次第では、新しい分野にチャレンジしたり、企画の段階から関われるようになったりするケースもあるでしょう。

また、複数のフレームワークを勉強するのもおすすめです。フレームワークを学ぶと視野が広がり、できることも増えて楽しさを感じられるようになります。

■フロントエンドエンジニアのロードマップ

フロントエンドエンジニアとして活躍するためには、経験と知識を積んでいく必要があります。以下のロードマップを参考に、需要の高いフロントエンドエンジニアを目指しましょう。

1.HTML・CSS・JavaScriptを学ぶ
まずは、HTML・CSS・JavaScriptなどの基本を学びます。HTML・CSS・JavaScriptなどの言語はコーディングの基礎となる部分であり、マークアップエンジニアやコーダーなども良く使います。そのため、必ず覚えておきましょう。

2.コーダーやマークアップエンジニアとして実績を作る
基礎が学べたら、コーダーやマークアップエンジニアとしての実績を作ります。フロントエンドエンジニアは、マークアップエンジニアやコーダーの上位職として認識されているため、実績を作ることでキャリアアップを目指せるでしょう。
会社員として働くのはもちろん、フリーランスとして活躍しながら実績や経験を積んでいくのもおすすめです。あわせて、資格の取得も目指しましょう。

3.フレームワークを学ぶ
フロントエンドエンジニアとして活躍するためには、フレームワークが欠かせません。フレームワークには多くの種類がありますが、以下のようなものを身につけましょう。

React
Angular
Vue.js
TypeScript
Node.js

React・Angular・Vue.jsの3つはSPAに欠かせないフレームワークで、フロントエンドエンジニアの多くが使用しています。TypeScriptは、JavaScriptを拡張して開発された新しいプログラミング言語で、Reactでも使用可能です。

Node.jsは、オープンソース型のフレームワークとして知られています。大量のリクエストにも高速に対応できるほか、豊富なフレームワークやライブラリが用意されているため、効率良く開発を行えるのが特徴です。それぞれの中から、自分が使いたいフレームワークを学びましょう。

4.ライブラリを学ぶ
フレームワークとあわせて、ライブラリも学んでおきましょう。ライブラリを利用することで、エンジニアは新しいコードを書く手間を省き、開発を効率化できます。多くのエンジニアによってテストされているため、信頼性が高いのもメリットです。

5.実践経験を積む
豊富な知識を身につけた後は、フロントエンドエンジニアとしての実戦経験を積みましょう。自分のレベルに合った案件に取り組み、クライアントの信頼を得ながら仕事を進めていきます。ある程度の実績を作ると、単価の高い案件にもチャレンジできるようになるでしょう。
フリーランスとして年収アップを目指すのであれば、ポートフォリオを作成しておくのがおすすめです。自身のスキルやレベルが分かるものを用意し、クライアントから認めて貰える体制を作りましょう。

■フロントエンドエンジニアにおすすめの資格

フロントエンドエンジニアとして活躍していくためには、資格を取得するのがおすすめです。以下で、おすすめの資格を開設しているので参考にしてみてください。

・ウェブデザイン技能検定
ウェブデザイン技能検定とは、Webサイトの企画・設計・制作・運用に関する知識と技能を認定する国家資格です。Web業界では人気の国家資格となっており、多くのエンジニアやWebデザイナーが取得しています。

比較的難易度が低いものの、Webサイト作成の基本スキルを身につけられるのが魅力です。国家資格なので、取得することでクライアントからの信頼も得やすくなるでしょう。

・Webクリエイター能力認定試験
Webクリエイター能力認定試験とは、Webサイトの企画・設計・制作・運用に関する知識と技能を認定する試験です。エキスパートとスタンダードの2つの級に分けられています。

スタンダードは中級程度の知識と技術で合格可能ですが、エキスパートはWebサイトの企画・設計・制作・運用に関する高度な知識と技能がなければ合格できません。エキスパートは、自らWebサイトを企画・設計・制作・運用できる技能者を認定する試験です。

・Ruby技術者認定試験
Ruby技術者認定試験とは、Rubyの技術力を認定する資格です。SilverとGoldの2つの級があり、SilverはRubyの基礎的な知識と技能を有する方を対象に、GoldはRubyの高度な知識と技能を有する方を対象に認定されます。

Rubyはフロントエンドエンジニアが多く用いる言語の1つなので、資格を取得しておくと自身のスキルを証明できるでしょう。

・PHP技術者認定試験
PHP技術者認定試験とはPHPの技術力を認定する資格で、初級・中級・上級の3つの級があります。初級はPHPの基礎的な知識と技能、中級はPHPの中級的な知識と技能、上級はPHPの高度な知識と技能がなければ合格できません。

PHPはRubyと同様に多く用いられるプログラミング言語なので、初級から順に知識や技術を身につけながら取得していきましょう。

・LPIC
LPICとは、LPIが認定するLinux技術者の認定資格です。世界中でも人気のあるLinux技術者の認定資格の1つであり、レベル1~3まで用意されています。レベル1は基礎知識、レベル2は高度な知識、レベル3は専門的な知識が求められます。

レベル1は比較的合格率が高いものの、レベル3は難易度が高いため、やや上級者向けの資格です。Linuxはオペレーティングシステムの一種であり、誰でも自由に使用することができます。

・HTML5プロフェッショナル認定試験
HTML5プロフェッショナル認定試験は、HTML5・CSS3・JavaScriptなどに関する知識と技術力を認定する資格試験です。HTML5やCSS3、JavaScriptなどの基礎知識と技術力を評価する資格のため、スキルがあることをアピールできます。

・PMP
PMPとは、プロジェクトマネジメント・プロフェッショナルの略称で、アメリカのプロジェクトマネジメント協会(PMI)が認定する国際資格です。資格を取得することで、プロジェクトマネジメントの知識とスキルがあることを証明できます。

プロジェクトマネジメントは、プロジェクト成功までのプロセスを構築することです。フロントエンドエンジニアとして幅広く活躍したい場合には、マネジメント力を身につけておく必要があるでしょう。

・Webデザイン試験
ウェブデザイン技能検定は、ウェブサイトのデザインに関する知識と技能を評価する国家資格です。1級と2級があり、1級は合格率30%程度と難易度が高くなっています。1級に合格できると、応用や専門的な知識があることの証明になるでしょう。

・基本情報技術者試験
基本情報技術者試験は、情報処理技術者試験の1つで、ITに関する基礎的な知識を問う試験です。IT全般の知識が身につくため、エンジニアには特に取得しておきたい資格の1つでしょう。基本情報技術者試験は、合格率は30%程度です。

・人間中心設計専門家認定試験
人間中心設計専門家認定試験は、ユーザーのニーズや要望を理解し、使いやすいサイトやアプリを作成するための知識が身につく資格です。UI/UXデザイナーなどが取得する資格ですが、フロントエンドエンジニアはデザインを担当するケースもあるため、取得しておいて損はありません。

・CIW JavaScript Specialist
CIW JavaScript Specialistは、CIWが認定するJavaScriptに関する資格です。JavaScriptに関する基礎知識から専門知識まで幅広く問われる試験で、JavaScriptを多く扱うフロントエンドエンジニアにも向いています。

■フロントエンドエンジニアに必要なスキル

フロントエンドエンジニアには、さまざまなスキルが必要です。以下を参考に、フロントエンドエンジニアに求められるスキルを身につけましょう。

・Web知識全般
フロントエンドエンジニアが主に担当するのはフロントエンドの部分ですが、フリーランスのおいては幅広い業務を担当する場合もあります。そのため、Web全般の知識は身につけておくのがおすすめです。

WebデザインやUI/UXデザインのほか、アクセス解析やマーケティングなどの知識も身につけておきましょう。

・フレームワークやライブラリ
フロントエンドエンジニアには、コーディングの知識や経験が必須です。HTML・CSS・JavaScriptの基本を学ぶのはもちろん、PHPやRubyなどの知識も身につけておきましょう。また、あわせてフレームワークを学んでおくのがおすすめです。
ReactやVue.js、Next.jsはJavaScriptを使ったフレームワークで多く用いられます。近年では、フレームワークやライブラリを用いた開発が増えてきているため、柔軟に対応できるように知識を身につけておきましょう。

・バックエンド言語
フロントエンドで使われる言語のほか、バックエンド言語もあわせて覚えておくと良いでしょう。主に使われているのは、Java・Ruby・PHP・Python・Go言語などです。さまざまな言語を知っておくと、サーバーサイドエンジニアなどともスムーズに話せます。

■フロントエンドエンジニアが案件を獲得するポイント

フリーランスのフロントエンドエンジニアが案件を獲得するためには、深い知識を身につける必要があります。スキルを身につけるのはもちろん、資格取得も有効な手段です。相手は初対面で自分のことを知らないため、資格を取得することで実力や実績のアピールにも繋がります。
また、大前提として積極的に案件を探す必要があるでしょう。放っておいて勝手に案件が入ってくるわけではないため、注意が必要です。仕事をこなしながらも常に最新のトレンドをチェックし、クライアントのニーズに応えられるようにすることも意識しましょう。

■フロントエンドエンジニアとして活躍しよう

フロントエンドエンジニアは、今後も需要が高まると考えられている仕事の1つです。エンジニアの中でも高い技術と幅広いスキルが求められる職種のため、コーディングだけでなくフレームワークやWebデザインなど多くの技術を身につけましょう。
特に、フリーランスを目指す場合には、フロントエンドエンジニアの領域だけでなく、デザインのスキルを求められるケースが多くあります。単価の高い案件を獲得していくためにも、日々努力を重ねながら年収アップを目指しましょう。