フロントエンドエンジニア の求人・案件一覧
フロントエンドエンジニア とは
フロントエンドエンジニアは、Webサイトの見た目や動作を担当するエンジニアです。コーダーやマークアップエンジニアの上位職として認識されており、より高いスキルや知識が求められます。HTMLやCSS、JavaScriptなどの基本スキルはもちろん、幅広いフレームワークを扱える必要があります。
-
フルリモート
【急募】WordPressサイト構築業務
10 〜 15 万円/月
週2〜3日
- ポジション
- フロントエンドエンジニア マークアップコーダー
- 使用ツール・
言語 - JavaScript HTML/CSS WordPress
- 必須スキル
-
・WordPressサイトの構築経験
・HTML/CSS/jQueryの実装経験
・SSL化の設定がされている
・レスポンシブ対応が出来ている
・ファビコン設定がされている - 業務内容
-
・同社クライアントのWordPressサイト構築業務となります。
・クライアントは中小企業が中心となります。
・担当サイトはコーポレートサイト（飲食店HPなど含む）となります。
・サイト規模感は5-10Pの案件が90%となります。
・社内ディレクターと連携し、構築を進めて頂きます。※働き方は固定ではなくても可能です。
例えば週5日、4h/1日稼動なども問題ございません。
-
フルリモート 高単価
スポーツ団体のWebサイトデザインコーディング業務
30 〜 60 万円/月
週3〜5日
- ポジション
- Webデザイナー UI・UXデザイナー フロントエンドエンジニア マークアップコーダー
- 使用ツール・
言語 - XD/Figma Photoshop/Illustrator JavaScript HTML/CSS
- 必須スキル
-
・Photoshop/ Illustrator/ XDを使用してWebデザインをした実務経験
・HTML/ CSS/ jQueryのコーディングをした実務経験 - 業務内容
-
・メイン業務はスポーツ団体のWebサイトデザイン、コーディング業務となります。
・サッカー、野球をはじめ、様々なスポーツ業界のWebサイトに携わって頂きます。
・サイトの規模感は大きいもの（1,000P）〜小さいもの（5P）まで様々です。
・同社のディレクターとコミュニケーションを密に連携し、デザイン、コーディングを行って頂きます。
※業務内容としてはデザイン業務の割合が多いです
-
フルリモート 高単価
【急募】WordPressコーダー募集
30 〜 50 万円/月
週4〜5日
- ポジション
- フロントエンドエンジニア マークアップコーダー
- 使用ツール・
言語 - JavaScript HTML/CSS WordPress
- 必須スキル
-
・WordPressサイトの構築実務経験
・コーポレートサイトの構築実務経験<尚可>
・ディレクションの経験（円滑なコミュニケーションを取りたい） - 業務内容
-
・同社クライアントのWordPressサイト構築業務となります。
・クライアントは中小企業（建設業界）が中心となります。
・案件としては、コーポレートサイトが中心となり、プロジェクトを複数ご担当頂きます。
・新規構築、リニューアルと案件は様々です。
・ページ数は10-20P程度の規模感の案件が多いです。
・業務内容詳細は別途面談時にお伝えさせて頂きます。
-
フルリモート 高単価
Webサイト制作におけるコーダー募集
20 〜 55 万円/月
週3〜5日
- ポジション
- フロントエンドエンジニア マークアップコーダー
- 使用ツール・
言語 - JavaScript HTML/CSS WordPress
- 必須スキル
-
・HTML/CSS/jQueryを使ったWebサイトのコーディング実務経験
・WordPressを使用したサイト構築実務経験 - 業務内容
-
・同社クライアントのWebサイトのコーディング業務となります。
・クライアントは大手飲食チェーン企業、教育機関、中小企業まで様々です。
・プロジェクトとしては、新規構築から運用改修まで対応頂きます。
・社内体制としては、営業3名、マーケ1名、ディレクター3名、コーダー3名、デザイナー5名で構成されてます。
・業務の流れは担当ディレクターからの指示に沿って業務を遂行頂きます。
・プロジェクトによってはデザイナーと連携し作業をお願いします。
-
フルリモート 高単価
同社クライアントのサイトのコーディング業務
30 〜 60 万円/月
週4〜5日
- ポジション
- フロントエンドエンジニア マークアップコーダー
- 使用ツール・
言語 - JavaScript HTML/CSS WordPress
- 必須スキル
-
・HTML5、JavaScript、CSS3を使用したコーディング実務経験
・Web制作実務経験
・SPサイト、レスポンシブサイトの制作実務経験<尚可>
・sassの使用経験
・ログラムの知識
・サイト高速化、軽量化の知識 - 業務内容
-
・同社クライアントのサイトのコーディング業務を担当していただきます。
・HTML/CSS/jQueryでWebサイトのコーディング業務がメインとなります。
・プロジェクトごとにディレクター、デザイナーとチームを組みサイト制作を進めていただきます。
・クライアントのニーズに応えたサイト開発にコミットできる環境です。
・リリース後、企画担当者との効果測定などもお願い致します。
-
フルリモート 高単価
NFT自社事業のフロントエンド開発業務
50 〜 100 万円/月
週3〜5日
- ポジション
- フロントエンドエンジニア マークアップコーダー バックエンドエンジニア
- 使用ツール・
言語 - JavaScript HTML/CSS WordPress Ruby PHP
- 必須スキル
-
・HTML5/CSS3/JavaScriptを用いた開発経験（3年以上）
・チームでの開発経験
・Git管理の経験
・UI/UXの基礎知識 - 業務内容
-
・NFTをメインにした自社事業のフロントエンド開発業務となります。
・サービスはスマートフォンアプリ、Webアプリケーションアプリとなります。
・ディレクターやデザイナーと打ち合わせを行いながらフロント開発を行います。
・WEB3やメタバースで非常に注目度の高い企業となっております。
・業務詳細は面談の際、改めてお伝えさせて頂きます。
-
フルリモート 高単価
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コンサル企業となります。
フロントエンドエンジニア とは
フロントエンドエンジニアは、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デザインなど多くの技術を身につけましょう。
特に、フリーランスを目指す場合には、フロントエンドエンジニアの領域だけでなく、デザインのスキルを求められるケースが多くあります。単価の高い案件を獲得していくためにも、日々努力を重ねながら年収アップを目指しましょう。