{"id":27520,"date":"2023-04-28T13:17:30","date_gmt":"2023-04-28T04:17:30","guid":{"rendered":"https://freelance.indieverse.co.jp/media/?p=27520"},"modified":"2025-12-19T13:50:31","modified_gmt":"2025-12-19T04:50:31","slug":"react-freelance","status":"publish","type":"post","link":"https://freelance.indieverse.co.jp/media/freelance/react-freelance","title":{"rendered":"Reactのフリーランスは稼げる？高単価案件についても解説"},"content":{"rendered":"<ul>\n<li><strong>Reactの週4・週5で稼働できるフリーランス案件の探し方を知りたい</strong></li>\n<li><strong>Reactのフリーランスで求められるスキルセットや実務経験の目安を整理したい</strong></li>\n<li><strong>在宅・リモートで働けるか、実際の単価相場はどれくらいか知りたい</strong></li>\n</ul>\n<p>Reactのフリーランスに関する、この記事の結論は以下のとおりです。</p>\n<ul>\n<li><strong>Reactのフリーランスの単価相場は約79万円</strong>（※インディバースフリーランスのデータから調査）</li>\n<li>Reactのフリーランスに求められるスキルは、TypeScript、Next.js、状態管理ライブラリの知識、リーダー・上流工程経験など。<strong>実務経験は1〜2年以上（高単価案件は3年以上）が目安</strong>。</li>\n<li>フロントエンド開発はリモートとの相性が非常に良く、<strong>フルリモート案件が豊富</strong>。</li>\n</ul>\n<p><strong>結論からお伝えすると、ReactのフリーランスはモダンなWeb開発において最も需要が高いスキルのひとつであり、将来性も高く高単価（約79万円）が狙いやすい職種です。</strong></p>\n<p>Reactのフリーランスで収入を増やすために押さえるべき相場観、案件探しのコツ、さらなる高単価を目指すためのスキルまでわかりやすく解説します。</p>\n<a href='https://freelance.indieverse.co.jp/sign_up' class='cta' rel='nofollow noopener' target='_blank'>エンジニア向け高単価 / フルリモート案件を受け取る</a>\n\n<h2>Reactのフリーランスはできる？未経験からも可能？</h2>\n<p>結論から言うと、Reactのフリーランスエンジニアになることは十分可能です。</p>\n<p>市場で求められるのは、<strong>React（TypeScript）でのSPA開発経験、Next.jsを使ったSSR/SSG実装、状態管理ライブラリの理解、REST APIやGraphQLとの連携スキルを持つエンジニア</strong>です。</p>\n<p>案件獲得には、レバテックフリーランスやテクフリなどのIT系フリーランスエージェントを活用するのが効率的です。</p>\n<p>単価相場が月80〜150万円の高単価案件が豊富で、ポートフォリオ添削サポートなども受けられます。</p>\n<p>未経験者は、まずCreate React AppやViteでToDoアプリやECサイトのモックを作成し、GitHubでコードを公開できるようになりましょう。</p>\n<p>その後、React Hooksの理解を深め、TypeScriptでの型定義やコンポーネント設計パターンを学習します。</p>\n<p><strong>3〜6ヶ月の学習期間を経て、実務レベルのポートフォリオを構築すれば、小規模案件にチャレンジできるようになります。</strong></p>\n<p>経験を積みながら高単価案件への移行を目指しましょう。</p>\n<a href='https://freelance.indieverse.co.jp/sign_up' class='cta' rel='nofollow noopener' target='_blank'>エンジニア向け高単価 / フルリモート案件を受け取る</a>\n\n<h2>React案件の単価相場</h2>\n<div class=\"skill-reward-histogram-container\" id=\"skill-histogram-64-69f4423eb0efd\"><div class=\"skill-reward-histogram-summary\"><div class=\"skill-reward-histogram-stat\"><span class=\"skill-reward-histogram-label\">単価中央値:</span> <span class=\"skill-reward-histogram-value\">80.0万円</span></div><div class=\"skill-reward-histogram-stat\"><span class=\"skill-reward-histogram-label\">単価平均値:</span> <span class=\"skill-reward-histogram-value\">79.3万円</span></div></div><div class=\"skill-reward-histogram-chart\"><div class=\"skill-reward-histogram-canvas-container\"><canvas id=\"canvas-skill-histogram-64-69f4423eb0efd\"></canvas></div></div><div class=\"skill-reward-histogram-table-container\" id=\"table-container-skill-histogram-64-69f4423eb0efd\"><div class=\"skill-reward-histogram-table-wrapper\"><table class=\"skill-reward-histogram-table\"><thead><tr><th>単価相場</th><th>案件数</th></tr></thead><tbody><tr><td>0〜9万円</td><td>90件</td></tr><tr><td>10〜19万円</td><td>21件</td></tr><tr><td>20〜29万円</td><td>46件</td></tr><tr><td>30〜39万円</td><td>170件</td></tr><tr><td>40〜49万円</td><td>445件</td></tr><tr><td>50〜59万円</td><td>1,542件</td></tr><tr><td>60〜69万円</td><td>4,905件</td></tr><tr><td>70〜79万円</td><td>7,248件</td></tr><tr><td>80〜89万円</td><td>7,318件</td></tr><tr><td>90〜99万円</td><td>4,310件</td></tr><tr><td>100〜109万円</td><td>2,319件</td></tr><tr><td>110〜119万円</td><td>822件</td></tr><tr><td>120〜129万円</td><td>419件</td></tr><tr><td>130〜139万円</td><td>226件</td></tr><tr><td>140〜149万円</td><td>82件</td></tr><tr><td>150〜159万円</td><td>57件</td></tr><tr><td>160〜169万円</td><td>26件</td></tr><tr><td>170〜179万円</td><td>28件</td></tr><tr><td>180〜189万円</td><td>28件</td></tr><tr><td>190〜199万円</td><td>0件</td></tr><tr><td>200〜209万円</td><td>5件</td></tr><tr><td>210〜219万円</td><td>1件</td></tr><tr><td>220〜229万円</td><td>1件</td></tr><tr><td>230〜239万円</td><td>0件</td></tr><tr><td>240〜249万円</td><td>0件</td></tr><tr><td>250〜259万円</td><td>1件</td></tr><tr><td>260〜269万円</td><td>0件</td></tr><tr><td>270〜279万円</td><td>0件</td></tr><tr><td>280〜289万円</td><td>1件</td></tr><tr><td>290〜299万円</td><td>0件</td></tr><tr><td>300〜309万円</td><td>0件</td></tr></tbody></table><div class=\"skill-reward-histogram-table-gradient\"></div></div><div class=\"skill-reward-histogram-show-more-container\"><button class=\"skill-reward-histogram-show-more-button\" id=\"show-more-skill-histogram-64-69f4423eb0efd\">もっと見る</button></div></div><div class=\"skill-reward-histogram-timestamp\">2026年5月時点</div></div>\n\t<style>\n\t.skill-reward-histogram-container {\n\t\tmargin-bottom: 30px !important;\n\t\tfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif !important;\n\t}\n\t.skill-reward-histogram-title {\n\t\tfont-size: 1.2em !important;\n\t\tmargin-bottom: 15px !important;\n\t\tcolor: #333 !important;\n\t\tborder-left: 4px solid #2cb696 !important;\n\t\tpadding-left: 10px !important;\n\t\tfont-weight: bold !important;\n\t\tline-height: 1.4 !important;\n\t}\n\t.skill-reward-histogram-summary {\n\t\tdisplay: flex !important;\n\t\tjustify-content: space-around !important;\n\t\tmargin-bottom: 20px !important;\n\t\tbackground-color: #f9f9f9 !important;\n\t\tpadding: 15px !important;\n\t\tborder-radius: 5px !important;\n\t\tborder: 1px solid #e0e0e0 !important;\n\t}\n\t.skill-reward-histogram-stat {\n\t\ttext-align: center !important;\n\t}\n\t.skill-reward-histogram-label {\n\t\tfont-weight: bold !important;\n\t\tcolor: #333 !important;\n\t}\n\t.skill-reward-histogram-value {\n\t\tfont-size: 1.2em !important;\n\t\tcolor: #2cb696 !important;\n\t\tfont-weight: bold !important;\n\t}\n\t.skill-reward-histogram-chart {\n\t\tmargin-top: 20px !important;\n\t}\n\t.skill-reward-histogram-canvas-container {\n\t\theight: 400px !important;\n\t\twidth: 100% !important;\n\t\tposition: relative !important;\n\t\tmargin-bottom: 10px !important;\n\t}\n\t.skill-reward-histogram-table-container {\n\t\tmargin-top: 0 !important;\n\t\tmargin-bottom: 30px !important;\n\t}\n\t.skill-reward-histogram-table-wrapper {\n\t\tposition: relative !important;\n\t\tmax-height: 300px !important;\n\t\toverflow: hidden !important;\n\t\ttransition: max-height 0.5s ease !important;\n\t}\n\t.skill-reward-histogram-table-wrapper.expanded {\n\t\tmax-height: 2000px !important; /* 十分な高さを確保 */\n\t}\n\t.skill-reward-histogram-table-gradient {\n\t\tposition: absolute !important;\n\t\tbottom: 0 !important;\n\t\tleft: 0 !important;\n\t\twidth: 100% !important;\n\t\theight: 100px !important;\n\t\tbackground: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%) !important;\n\t\tpointer-events: none !important;\n\t\ttransition: opacity 0.3s ease !important;\n\t}\n\t.skill-reward-histogram-table-wrapper.expanded .skill-reward-histogram-table-gradient {\n\t\topacity: 0 !important;\n\t}\n\t.skill-reward-histogram-table {\n\t\twidth: 100% !important;\n\t\tborder-collapse: collapse !important;\n\t\tmargin-top: 15px !important;\n\t\tfont-size: 14px !important;\n\t}\n\t.skill-reward-histogram-show-more-container {\n\t\ttext-align: center !important;\n\t\tmargin-top: 15px !important;\n\t}\n\t.skill-reward-histogram-show-more-button {\n\t\tbackground-color: #2cb696 !important;\n\t\tcolor: white !important;\n\t\tborder: none !important;\n\t\tborder-radius: 4px !important;\n\t\tpadding: 8px 16px !important;\n\t\tfont-size: 14px !important;\n\t\tcursor: pointer !important;\n\t\ttransition: background-color 0.3s ease !important;\n\t}\n\t.skill-reward-histogram-show-more-button:hover {\n\t\tbackground-color: #239a7c !important;\n\t}\n\t.skill-reward-histogram-table th,\n\t.skill-reward-histogram-table td {\n\t\tpadding: 10px !important;\n\t\ttext-align: center !important;\n\t\tborder: 1px solid #e0e0e0 !important;\n\t}\n\t.skill-reward-histogram-table th {\n\t\tbackground-color: #f5f5f5 !important;\n\t\tfont-weight: bold !important;\n\t\tcolor: #333 !important;\n\t}\n\t.skill-reward-histogram-table tr:nth-child(even) {\n\t\tbackground-color: #f9f9f9 !important;\n\t}\n\t.skill-reward-histogram-table tr:hover {\n\t\tbackground-color: #f0f0f0 !important;\n\t}\n\t.skill-reward-histogram-timestamp {\n\t\ttext-align: right !important;\n\t\tfont-size: 12px !important;\n\t\tcolor: #777 !important;\n\t\tmargin-top: 10px !important;\n\t\tfont-style: italic !important;\n\t}\n\t@media (max-width: 768px) {\n\t\t.skill-reward-histogram-summary {\n\t\t\tflex-direction: column !important;\n\t\t}\n\t\t.skill-reward-histogram-stat {\n\t\t\tmargin-bottom: 10px !important;\n\t\t}\n\t\t.skill-reward-histogram-canvas-container {\n\t\t\theight: 300px !important;\n\t\t}\n\t\t.skill-reward-histogram-table th,\n\t\t.skill-reward-histogram-table td {\n\t\t\tpadding: 8px 5px !important;\n\t\t\tfont-size: 12px !important;\n\t\t}\n\t}\n\t</style>\n\t\n\t<script src=\"https://cdn.jsdelivr.net/npm/chart.js@3.9.1/dist/chart.min.js\"></script>\n\t<script>\n\tdocument.addEventListener(\"DOMContentLoaded\", function() {\n\t\t// もっと見るボタンの処理\n\t\tvar showMoreButton = document.getElementById(\"show-more-skill-histogram-64-69f4423eb0efd\");\n\t\tvar tableWrapper = document.querySelector(\"#table-container-skill-histogram-64-69f4423eb0efd .skill-reward-histogram-table-wrapper\");\n\t\t\n\t\tif (showMoreButton && tableWrapper) {\n\t\t\tshowMoreButton.addEventListener(\"click\", function() {\n\t\t\t\ttableWrapper.classList.toggle(\"expanded\");\n\t\t\t\tshowMoreButton.textContent = tableWrapper.classList.contains(\"expanded\") ? \"閉じる\" : \"もっと見る\";\n\t\t\t});\n\t\t}\n\t\t\n\t\t// データの取得\n\t\tvar chartData = {\"labels\":[\"0\\u301c9\\u4e07\\u5186\",\"10\\u301c19\\u4e07\\u5186\",\"20\\u301c29\\u4e07\\u5186\",\"30\\u301c39\\u4e07\\u5186\",\"40\\u301c49\\u4e07\\u5186\",\"50\\u301c59\\u4e07\\u5186\",\"60\\u301c69\\u4e07\\u5186\",\"70\\u301c79\\u4e07\\u5186\",\"80\\u301c89\\u4e07\\u5186\",\"90\\u301c99\\u4e07\\u5186\",\"100\\u301c109\\u4e07\\u5186\",\"110\\u301c119\\u4e07\\u5186\",\"120\\u301c129\\u4e07\\u5186\",\"130\\u301c139\\u4e07\\u5186\",\"140\\u301c149\\u4e07\\u5186\",\"150\\u301c159\\u4e07\\u5186\",\"160\\u301c169\\u4e07\\u5186\",\"170\\u301c179\\u4e07\\u5186\",\"180\\u301c189\\u4e07\\u5186\",\"200\\u301c209\\u4e07\\u5186\",\"210\\u301c219\\u4e07\\u5186\",\"220\\u301c229\\u4e07\\u5186\",\"250\\u301c259\\u4e07\\u5186\",\"280\\u301c289\\u4e07\\u5186\"],\"counts\":[90,21,46,170,445,1542,4905,7248,7318,4310,2319,822,419,226,82,57,26,28,28,5,1,1,1,1],\"backgroundColor\":[\"rgba(44, 182, 150, 0.7)\",\"rgba(44, 182, 150, 0.7)\",\"rgba(44, 182, 150, 0.7)\",\"rgba(44, 182, 150, 0.7)\",\"rgba(44, 182, 150, 0.7)\",\"rgba(44, 182, 150, 0.7)\",\"rgba(44, 182, 150, 0.7)\",\"rgba(44, 182, 150, 0.7)\",\"rgba(44, 182, 150, 0.7)\",\"rgba(44, 182, 150, 0.7)\",\"rgba(44, 182, 150, 0.7)\",\"rgba(44, 182, 150, 0.7)\",\"rgba(44, 182, 150, 0.7)\",\"rgba(44, 182, 150, 0.7)\",\"rgba(44, 182, 150, 0.7)\",\"rgba(44, 182, 150, 0.7)\",\"rgba(44, 182, 150, 0.7)\",\"rgba(44, 182, 150, 0.7)\",\"rgba(44, 182, 150, 0.7)\",\"rgba(44, 182, 150, 0.7)\",\"rgba(44, 182, 150, 0.7)\",\"rgba(44, 182, 150, 0.7)\",\"rgba(44, 182, 150, 0.7)\",\"rgba(44, 182, 150, 0.7)\"],\"borderColor\":[\"rgba(44, 182, 150, 1)\",\"rgba(44, 182, 150, 1)\",\"rgba(44, 182, 150, 1)\",\"rgba(44, 182, 150, 1)\",\"rgba(44, 182, 150, 1)\",\"rgba(44, 182, 150, 1)\",\"rgba(44, 182, 150, 1)\",\"rgba(44, 182, 150, 1)\",\"rgba(44, 182, 150, 1)\",\"rgba(44, 182, 150, 1)\",\"rgba(44, 182, 150, 1)\",\"rgba(44, 182, 150, 1)\",\"rgba(44, 182, 150, 1)\",\"rgba(44, 182, 150, 1)\",\"rgba(44, 182, 150, 1)\",\"rgba(44, 182, 150, 1)\",\"rgba(44, 182, 150, 1)\",\"rgba(44, 182, 150, 1)\",\"rgba(44, 182, 150, 1)\",\"rgba(44, 182, 150, 1)\",\"rgba(44, 182, 150, 1)\",\"rgba(44, 182, 150, 1)\",\"rgba(44, 182, 150, 1)\",\"rgba(44, 182, 150, 1)\"]};\n\t\t\n\t\t// グラフの描画\n\t\tvar ctx = document.getElementById(\"canvas-skill-histogram-64-69f4423eb0efd\").getContext(\"2d\");\n\t\tvar myChart = new Chart(ctx, {\n\t\t\ttype: \"bar\",\n\t\t\tdata: {\n\t\t\t\tlabels: chartData.labels,\n\t\t\t\tdatasets: [{\n\t\t\t\t\tlabel: \"案件数\",\n\t\t\t\t\tdata: chartData.counts,\n\t\t\t\t\tbackgroundColor: chartData.backgroundColor,\n\t\t\t\t\tborderColor: chartData.borderColor,\n\t\t\t\t\tborderWidth: 1\n\t\t\t\t}]\n\t\t\t},\n\t\t\toptions: {\n\t\t\t\tresponsive: true,\n\t\t\t\tmaintainAspectRatio: false,\n\t\t\t\tplugins: {\n\t\t\t\t\tlegend: {\n\t\t\t\t\t\tdisplay: false\n\t\t\t\t\t},\n\t\t\t\t\ttooltip: {\n\t\t\t\t\t\tcallbacks: {\n\t\t\t\t\t\t\tlabel: function(context) {\n\t\t\t\t\t\t\t\t// 3桁区切りでフォーマット\n\t\t\t\t\t\t\t\treturn context.parsed.y.toLocaleString() + \"件\";\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tscales: {\n\t\t\t\t\ty: {\n\t\t\t\t\t\tbeginAtZero: true,\n\t\t\t\t\t\ttitle: {\n\t\t\t\t\t\t\tdisplay: true,\n\t\t\t\t\t\t\ttext: \"案件数\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\tticks: {\n\t\t\t\t\t\t\tcallback: function(value) {\n\t\t\t\t\t\t\t\tif (value % 1 === 0) {\n\t\t\t\t\t\t\t\t\t// 3桁区切りでフォーマット\n\t\t\t\t\t\t\t\t\treturn value.toLocaleString();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tx: {\n\t\t\t\t\t\ttitle: {\n\t\t\t\t\t\t\tdisplay: true,\n\t\t\t\t\t\t\ttext: \"単価相場\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\tticks: {\n\t\t\t\t\t\t\tmaxRotation: 45,\n\t\t\t\t\t\t\tminRotation: 45\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t});\n\t</script>\n\t\n<p><a href=\"https://freelance.indieverse.co.jp\">インディバースフリーランス</a>が提携しているエージェントの全求人データをもとに抽出した結果ですが、平均単価相場/月は約79万円でした。高単価の案件を探している人は、高単価案件が豊富な<span style=\"color: #000000;\"><a href=\"https://ad.presco.asia/cl/?b_id=tZLrIM4P&amp;t_id=1\" target=\"_blank\" rel=\"noopener\">レバテックフリーランス</a>で案件を探すのがおすすめです。</span></p>\n<a href='https://freelance.indieverse.co.jp/sign_up' class='cta' rel='nofollow noopener' target='_blank'>エンジニア向け高単価 / フルリモート案件を受け取る</a>\n\n<h2>Reactのフリーランス案件例</h2>\n<p>ここでは、実際に募集されている、Reactのフリーランス案件の例をご紹介します。</p>\n\t<div class=\"job-listings-container\">\n\t\t\n\t\t<div class=\"job-listings-list\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card job-listing-card--expandable\" tabindex=\"0\" role=\"link\" aria-label=\"案件詳細を開く: React/Node/常駐/クラウド型動画コンテンツ配信システム\" data-job-listing-url=\"https://freelance.indieverse.co.jp/job_listings/4825?utm_source=blog&#038;utm_medium=article&#038;utm_campaign=job_listing_card&#038;utm_content=card_skill_64_job_4825\">\n\t\t\t\t\t<div class=\"job-listing-card__title\">\n\t\t\t\t\t\t<h3 class=\"job-listing-card__title-heading\">React/Node/常駐/クラウド型動画コンテンツ配信システム</h3>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"job-listing-card__reward\">\n\t\t\t\t\t\t<i class=\"fas fa-yen-sign job-listing-card__reward-icon\" aria-hidden=\"true\"></i>\n\t\t\t\t\t\t<span class=\"job-listing-card__reward-text\">〜720,000円/月</span>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"job-listing-card__meta\">\n\t\t\t\t\t\t<div class=\"job-listing-card__meta-item\"><i class=\"fas fa-laptop\" aria-hidden=\"true\"></i><span>常駐</span></div><div class=\"job-listing-card__meta-item\"><i class=\"fas fa-calendar-alt\" aria-hidden=\"true\"></i><span>140時間 ~ 180時間</span></div><div class=\"job-listing-card__meta-item\"><i class=\"fas fa-map-marker-alt\" aria-hidden=\"true\"></i><span>東京都 渋谷区</span></div><div class=\"job-listing-card__meta-item\"><i class=\"fas fa-briefcase\" aria-hidden=\"true\"></i><span>業務委託(フリーランス)</span></div>\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"job-listing-card__taxonomy\">\n\t\t\t\t\t\t<div class=\"job-listing-card__taxonomy-group\"><span class=\"job-listing-card__taxonomy-label\"><i class=\"fas fa-code\" aria-hidden=\"true\"></i><span>スキル</span></span><div class=\"job-listing-card__chips\"><span class=\"job-listing-card__chip job-listing-card__chip--skill\">React</span><span class=\"job-listing-card__chip job-listing-card__chip--skill\">PHP</span><span class=\"job-listing-card__chip job-listing-card__chip--skill\">Node.js</span><span class=\"job-listing-card__chip job-listing-card__chip--more\">他5件</span></div></div><div class=\"job-listing-card__taxonomy-group\"><span class=\"job-listing-card__taxonomy-label\"><i class=\"fas fa-tags\" aria-hidden=\"true\"></i><span>特徴</span></span><div class=\"job-listing-card__chips\"><span class=\"job-listing-card__chip job-listing-card__chip--characteristic\">上流工程</span><span class=\"job-listing-card__chip job-listing-card__chip--characteristic\">新規立ち上げ</span></div></div>\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card__sections\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card__section job-listing-card__section--description\">\n\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card__section-title\">職務内容</div>\n\t\t\t\t\t\t\t\t\t<p class=\"job-listing-card__section-body job-listing-card__section-body--clamp\">\n\t\t\t\t\t\t\t\t\t\t【案件概要】 クラウド型動画コンテンツ配信システムを展開する企業にて、PHPエンジニアとしてご参画頂きます。 様々なお客様に導入して頂いており、お客様向けカスタマイズ開発や新規立ち上げサイト、新規機能開発の為に募集しております。 【業務内容】 ・HTML/CSS/JavaScript/node...\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card__read-more-wrap\">\n\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"job-listing-card__read-more\" data-job-listing-read-more>続きを読む</button>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card__section job-listing-card__section--required-skill\">\n\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card__section-title\">必須スキル</div>\n\t\t\t\t\t\t\t\t\t<p class=\"job-listing-card__section-body job-listing-card__section-body--clamp\">\n\t\t\t\t\t\t\t\t\t\t・Reactの経験 ・SPAを用いたシステム開発が2年以上ある。 ・コンシューマ向けWebサービス開発経験が2年以上ある。 ・詳細設計、テストケース設計などの経験がある。 ・4ヶ月～6ヶ月程度の中期開発プロジェクトの経験\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card job-listing-card--expandable\" tabindex=\"0\" role=\"link\" aria-label=\"案件詳細を開く: React/Node/常駐/クラウド型動画コンテンツ配信システム\" data-job-listing-url=\"https://freelance.indieverse.co.jp/job_listings/4825?utm_source=blog&#038;utm_medium=article&#038;utm_campaign=job_listing_card&#038;utm_content=card_skill_64_job_4825\">\n\t\t\t\t\t<div class=\"job-listing-card__title\">\n\t\t\t\t\t\t<h3 class=\"job-listing-card__title-heading\">React/Node/常駐/クラウド型動画コンテンツ配信システム</h3>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"job-listing-card__reward\">\n\t\t\t\t\t\t<i class=\"fas fa-yen-sign job-listing-card__reward-icon\" aria-hidden=\"true\"></i>\n\t\t\t\t\t\t<span class=\"job-listing-card__reward-text\">〜720,000円/月</span>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"job-listing-card__meta\">\n\t\t\t\t\t\t<div class=\"job-listing-card__meta-item\"><i class=\"fas fa-laptop\" aria-hidden=\"true\"></i><span>常駐</span></div><div class=\"job-listing-card__meta-item\"><i class=\"fas fa-calendar-alt\" aria-hidden=\"true\"></i><span>140時間 ~ 180時間</span></div><div class=\"job-listing-card__meta-item\"><i class=\"fas fa-map-marker-alt\" aria-hidden=\"true\"></i><span>東京都 渋谷区</span></div><div class=\"job-listing-card__meta-item\"><i class=\"fas fa-briefcase\" aria-hidden=\"true\"></i><span>業務委託(フリーランス)</span></div>\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"job-listing-card__taxonomy\">\n\t\t\t\t\t\t<div class=\"job-listing-card__taxonomy-group\"><span class=\"job-listing-card__taxonomy-label\"><i class=\"fas fa-code\" aria-hidden=\"true\"></i><span>スキル</span></span><div class=\"job-listing-card__chips\"><span class=\"job-listing-card__chip job-listing-card__chip--skill\">React</span><span class=\"job-listing-card__chip job-listing-card__chip--skill\">PHP</span><span class=\"job-listing-card__chip job-listing-card__chip--skill\">Node.js</span><span class=\"job-listing-card__chip job-listing-card__chip--more\">他5件</span></div></div><div class=\"job-listing-card__taxonomy-group\"><span class=\"job-listing-card__taxonomy-label\"><i class=\"fas fa-tags\" aria-hidden=\"true\"></i><span>特徴</span></span><div class=\"job-listing-card__chips\"><span class=\"job-listing-card__chip job-listing-card__chip--characteristic\">上流工程</span><span class=\"job-listing-card__chip job-listing-card__chip--characteristic\">新規立ち上げ</span></div></div>\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card__sections\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card__section job-listing-card__section--description\">\n\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card__section-title\">職務内容</div>\n\t\t\t\t\t\t\t\t\t<p class=\"job-listing-card__section-body job-listing-card__section-body--clamp\">\n\t\t\t\t\t\t\t\t\t\t【案件概要】 クラウド型動画コンテンツ配信システムを展開する企業にて、PHPエンジニアとしてご参画頂きます。 様々なお客様に導入して頂いており、お客様向けカスタマイズ開発や新規立ち上げサイト、新規機能開発の為に募集しております。 【業務内容】 ・HTML/CSS/JavaScript/node...\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card__read-more-wrap\">\n\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"job-listing-card__read-more\" data-job-listing-read-more>続きを読む</button>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card__section job-listing-card__section--required-skill\">\n\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card__section-title\">必須スキル</div>\n\t\t\t\t\t\t\t\t\t<p class=\"job-listing-card__section-body job-listing-card__section-body--clamp\">\n\t\t\t\t\t\t\t\t\t\t・Reactの経験 ・SPAを用いたシステム開発が2年以上ある。 ・コンシューマ向けWebサービス開発経験が2年以上ある。 ・詳細設計、テストケース設計などの経験がある。 ・4ヶ月～6ヶ月程度の中期開発プロジェクトの経験\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card job-listing-card--expandable\" tabindex=\"0\" role=\"link\" aria-label=\"案件詳細を開く: React/Node/常駐/クラウド型動画コンテンツ配信システム\" data-job-listing-url=\"https://freelance.indieverse.co.jp/job_listings/4825?utm_source=blog&#038;utm_medium=article&#038;utm_campaign=job_listing_card&#038;utm_content=card_skill_64_job_4825\">\n\t\t\t\t\t<div class=\"job-listing-card__title\">\n\t\t\t\t\t\t<h3 class=\"job-listing-card__title-heading\">React/Node/常駐/クラウド型動画コンテンツ配信システム</h3>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"job-listing-card__reward\">\n\t\t\t\t\t\t<i class=\"fas fa-yen-sign job-listing-card__reward-icon\" aria-hidden=\"true\"></i>\n\t\t\t\t\t\t<span class=\"job-listing-card__reward-text\">〜720,000円/月</span>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"job-listing-card__meta\">\n\t\t\t\t\t\t<div class=\"job-listing-card__meta-item\"><i class=\"fas fa-laptop\" aria-hidden=\"true\"></i><span>常駐</span></div><div class=\"job-listing-card__meta-item\"><i class=\"fas fa-calendar-alt\" aria-hidden=\"true\"></i><span>140時間 ~ 180時間</span></div><div class=\"job-listing-card__meta-item\"><i class=\"fas fa-map-marker-alt\" aria-hidden=\"true\"></i><span>東京都 渋谷区</span></div><div class=\"job-listing-card__meta-item\"><i class=\"fas fa-briefcase\" aria-hidden=\"true\"></i><span>業務委託(フリーランス)</span></div>\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"job-listing-card__taxonomy\">\n\t\t\t\t\t\t<div class=\"job-listing-card__taxonomy-group\"><span class=\"job-listing-card__taxonomy-label\"><i class=\"fas fa-code\" aria-hidden=\"true\"></i><span>スキル</span></span><div class=\"job-listing-card__chips\"><span class=\"job-listing-card__chip job-listing-card__chip--skill\">React</span><span class=\"job-listing-card__chip job-listing-card__chip--skill\">PHP</span><span class=\"job-listing-card__chip job-listing-card__chip--skill\">Node.js</span><span class=\"job-listing-card__chip job-listing-card__chip--more\">他5件</span></div></div><div class=\"job-listing-card__taxonomy-group\"><span class=\"job-listing-card__taxonomy-label\"><i class=\"fas fa-tags\" aria-hidden=\"true\"></i><span>特徴</span></span><div class=\"job-listing-card__chips\"><span class=\"job-listing-card__chip job-listing-card__chip--characteristic\">上流工程</span><span class=\"job-listing-card__chip job-listing-card__chip--characteristic\">新規立ち上げ</span></div></div>\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card__sections\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card__section job-listing-card__section--description\">\n\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card__section-title\">職務内容</div>\n\t\t\t\t\t\t\t\t\t<p class=\"job-listing-card__section-body job-listing-card__section-body--clamp\">\n\t\t\t\t\t\t\t\t\t\t【案件概要】 クラウド型動画コンテンツ配信システムを展開する企業にて、PHPエンジニアとしてご参画頂きます。 様々なお客様に導入して頂いており、お客様向けカスタマイズ開発や新規立ち上げサイト、新規機能開発の為に募集しております。 【業務内容】 ・HTML/CSS/JavaScript/node...\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card__read-more-wrap\">\n\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"job-listing-card__read-more\" data-job-listing-read-more>続きを読む</button>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card__section job-listing-card__section--required-skill\">\n\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card__section-title\">必須スキル</div>\n\t\t\t\t\t\t\t\t\t<p class=\"job-listing-card__section-body job-listing-card__section-body--clamp\">\n\t\t\t\t\t\t\t\t\t\t・Reactの経験 ・SPAを用いたシステム開発が2年以上ある。 ・コンシューマ向けWebサービス開発経験が2年以上ある。 ・詳細設計、テストケース設計などの経験がある。 ・4ヶ月～6ヶ月程度の中期開発プロジェクトの経験\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card job-listing-card--expandable\" tabindex=\"0\" role=\"link\" aria-label=\"案件詳細を開く: React/Node/常駐/クラウド型動画コンテンツ配信システム\" data-job-listing-url=\"https://freelance.indieverse.co.jp/job_listings/4825?utm_source=blog&#038;utm_medium=article&#038;utm_campaign=job_listing_card&#038;utm_content=card_skill_64_job_4825\">\n\t\t\t\t\t<div class=\"job-listing-card__title\">\n\t\t\t\t\t\t<h3 class=\"job-listing-card__title-heading\">React/Node/常駐/クラウド型動画コンテンツ配信システム</h3>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"job-listing-card__reward\">\n\t\t\t\t\t\t<i class=\"fas fa-yen-sign job-listing-card__reward-icon\" aria-hidden=\"true\"></i>\n\t\t\t\t\t\t<span class=\"job-listing-card__reward-text\">〜720,000円/月</span>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"job-listing-card__meta\">\n\t\t\t\t\t\t<div class=\"job-listing-card__meta-item\"><i class=\"fas fa-laptop\" aria-hidden=\"true\"></i><span>常駐</span></div><div class=\"job-listing-card__meta-item\"><i class=\"fas fa-calendar-alt\" aria-hidden=\"true\"></i><span>140時間 ~ 180時間</span></div><div class=\"job-listing-card__meta-item\"><i class=\"fas fa-map-marker-alt\" aria-hidden=\"true\"></i><span>東京都 渋谷区</span></div><div class=\"job-listing-card__meta-item\"><i class=\"fas fa-briefcase\" aria-hidden=\"true\"></i><span>業務委託(フリーランス)</span></div>\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"job-listing-card__taxonomy\">\n\t\t\t\t\t\t<div class=\"job-listing-card__taxonomy-group\"><span class=\"job-listing-card__taxonomy-label\"><i class=\"fas fa-code\" aria-hidden=\"true\"></i><span>スキル</span></span><div class=\"job-listing-card__chips\"><span class=\"job-listing-card__chip job-listing-card__chip--skill\">React</span><span class=\"job-listing-card__chip job-listing-card__chip--skill\">PHP</span><span class=\"job-listing-card__chip job-listing-card__chip--skill\">Node.js</span><span class=\"job-listing-card__chip job-listing-card__chip--more\">他5件</span></div></div><div class=\"job-listing-card__taxonomy-group\"><span class=\"job-listing-card__taxonomy-label\"><i class=\"fas fa-tags\" aria-hidden=\"true\"></i><span>特徴</span></span><div class=\"job-listing-card__chips\"><span class=\"job-listing-card__chip job-listing-card__chip--characteristic\">上流工程</span><span class=\"job-listing-card__chip job-listing-card__chip--characteristic\">新規立ち上げ</span></div></div>\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card__sections\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card__section job-listing-card__section--description\">\n\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card__section-title\">職務内容</div>\n\t\t\t\t\t\t\t\t\t<p class=\"job-listing-card__section-body job-listing-card__section-body--clamp\">\n\t\t\t\t\t\t\t\t\t\t【案件概要】 クラウド型動画コンテンツ配信システムを展開する企業にて、PHPエンジニアとしてご参画頂きます。 様々なお客様に導入して頂いており、お客様向けカスタマイズ開発や新規立ち上げサイト、新規機能開発の為に募集しております。 【業務内容】 ・HTML/CSS/JavaScript/node...\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card__read-more-wrap\">\n\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"job-listing-card__read-more\" data-job-listing-read-more>続きを読む</button>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card__section job-listing-card__section--required-skill\">\n\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card__section-title\">必須スキル</div>\n\t\t\t\t\t\t\t\t\t<p class=\"job-listing-card__section-body job-listing-card__section-body--clamp\">\n\t\t\t\t\t\t\t\t\t\t・Reactの経験 ・SPAを用いたシステム開発が2年以上ある。 ・コンシューマ向けWebサービス開発経験が2年以上ある。 ・詳細設計、テストケース設計などの経験がある。 ・4ヶ月～6ヶ月程度の中期開発プロジェクトの経験\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card job-listing-card--expandable\" tabindex=\"0\" role=\"link\" aria-label=\"案件詳細を開く: React/Node/常駐/クラウド型動画コンテンツ配信システム\" data-job-listing-url=\"https://freelance.indieverse.co.jp/job_listings/4825?utm_source=blog&#038;utm_medium=article&#038;utm_campaign=job_listing_card&#038;utm_content=card_skill_64_job_4825\">\n\t\t\t\t\t<div class=\"job-listing-card__title\">\n\t\t\t\t\t\t<h3 class=\"job-listing-card__title-heading\">React/Node/常駐/クラウド型動画コンテンツ配信システム</h3>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"job-listing-card__reward\">\n\t\t\t\t\t\t<i class=\"fas fa-yen-sign job-listing-card__reward-icon\" aria-hidden=\"true\"></i>\n\t\t\t\t\t\t<span class=\"job-listing-card__reward-text\">〜720,000円/月</span>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"job-listing-card__meta\">\n\t\t\t\t\t\t<div class=\"job-listing-card__meta-item\"><i class=\"fas fa-laptop\" aria-hidden=\"true\"></i><span>常駐</span></div><div class=\"job-listing-card__meta-item\"><i class=\"fas fa-calendar-alt\" aria-hidden=\"true\"></i><span>140時間 ~ 180時間</span></div><div class=\"job-listing-card__meta-item\"><i class=\"fas fa-map-marker-alt\" aria-hidden=\"true\"></i><span>東京都 渋谷区</span></div><div class=\"job-listing-card__meta-item\"><i class=\"fas fa-briefcase\" aria-hidden=\"true\"></i><span>業務委託(フリーランス)</span></div>\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"job-listing-card__taxonomy\">\n\t\t\t\t\t\t<div class=\"job-listing-card__taxonomy-group\"><span class=\"job-listing-card__taxonomy-label\"><i class=\"fas fa-code\" aria-hidden=\"true\"></i><span>スキル</span></span><div class=\"job-listing-card__chips\"><span class=\"job-listing-card__chip job-listing-card__chip--skill\">React</span><span class=\"job-listing-card__chip job-listing-card__chip--skill\">PHP</span><span class=\"job-listing-card__chip job-listing-card__chip--skill\">Node.js</span><span class=\"job-listing-card__chip job-listing-card__chip--more\">他5件</span></div></div><div class=\"job-listing-card__taxonomy-group\"><span class=\"job-listing-card__taxonomy-label\"><i class=\"fas fa-tags\" aria-hidden=\"true\"></i><span>特徴</span></span><div class=\"job-listing-card__chips\"><span class=\"job-listing-card__chip job-listing-card__chip--characteristic\">上流工程</span><span class=\"job-listing-card__chip job-listing-card__chip--characteristic\">新規立ち上げ</span></div></div>\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card__sections\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card__section job-listing-card__section--description\">\n\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card__section-title\">職務内容</div>\n\t\t\t\t\t\t\t\t\t<p class=\"job-listing-card__section-body job-listing-card__section-body--clamp\">\n\t\t\t\t\t\t\t\t\t\t【案件概要】 クラウド型動画コンテンツ配信システムを展開する企業にて、PHPエンジニアとしてご参画頂きます。 様々なお客様に導入して頂いており、お客様向けカスタマイズ開発や新規立ち上げサイト、新規機能開発の為に募集しております。 【業務内容】 ・HTML/CSS/JavaScript/node...\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card__read-more-wrap\">\n\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"job-listing-card__read-more\" data-job-listing-read-more>続きを読む</button>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card__section job-listing-card__section--required-skill\">\n\t\t\t\t\t\t\t\t\t<div class=\"job-listing-card__section-title\">必須スキル</div>\n\t\t\t\t\t\t\t\t\t<p class=\"job-listing-card__section-body job-listing-card__section-body--clamp\">\n\t\t\t\t\t\t\t\t\t\t・Reactの経験 ・SPAを用いたシステム開発が2年以上ある。 ・コンシューマ向けWebサービス開発経験が2年以上ある。 ・詳細設計、テストケース設計などの経験がある。 ・4ヶ月～6ヶ月程度の中期開発プロジェクトの経験\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t<div class=\"job-listings-more\">\n\t\t\t<a href=\"https://freelance.indieverse.co.jp/job_listings/search?skill_ids%5B%5D=64&#038;utm_source=blog&#038;utm_medium=article&#038;utm_campaign=read_more&#038;utm_content=more_link\" class=\"job-listings-more-link\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\tReact の案件を見る\t\t\t</a>\n\t\t</div>\n\t</div>\n\n\t<script>\n\t(function() {\n\t\tif (window.__jobListingCardReadMoreBound) {\n\t\t\treturn;\n\t\t}\n\t\twindow.__jobListingCardReadMoreBound = true;\n\n\t\tfunction getInteractiveElement(target, card) {\n\t\t\tif (!target || typeof target.closest !== 'function') {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tvar interactive = target.closest('a, button, input, select, textarea, label, summary, [role=\"button\"]');\n\t\t\tif (!interactive) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\treturn card && card.contains(interactive) ? interactive : null;\n\t\t}\n\n\t\tfunction navigateCard(card) {\n\t\t\tif (!card) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar url = card.getAttribute('data-job-listing-url');\n\t\t\tif (url) {\n\t\t\t\twindow.location.href = url;\n\t\t\t}\n\t\t}\n\n\t\tdocument.addEventListener('click', function(event) {\n\t\t\tif (!event || !event.target || typeof event.target.closest !== 'function') {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar button = event.target.closest('[data-job-listing-read-more]');\n\t\t\tif (!button) {\n\t\t\t\tvar card = event.target.closest('.job-listing-card');\n\t\t\t\tif (!card) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (getInteractiveElement(event.target, card)) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tevent.preventDefault();\n\t\t\t\tnavigateCard(card);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar card = button.closest('.job-listing-card');\n\t\t\tif (!card) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tevent.preventDefault();\n\t\t\tevent.stopPropagation();\n\t\t\tcard.classList.add('is-expanded');\n\t\t});\n\n\t\tdocument.addEventListener('keydown', function(event) {\n\t\t\tif (!event || !event.target || typeof event.target.closest !== 'function') {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (event.key !== 'Enter' && event.key !== ' ') {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar card = event.target.closest('.job-listing-card');\n\t\t\tif (!card) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (getInteractiveElement(event.target, card)) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tevent.preventDefault();\n\t\t\tnavigateCard(card);\n\t\t});\n\t})();\n\t</script>\n\t\n<a href='https://freelance.indieverse.co.jp/sign_up' class='cta' rel='nofollow noopener' target='_blank'>エンジニア向け高単価 / フルリモート案件を受け取る</a>\n\n<h2>Reactのフリーランス案件探しにおすすめのエージェント</h2>\n<p>エンジニアが案件を探す場合は、求人数が多い「<a href=\"https://ad.presco.asia/cl/?b_id=tZLrIM4P&amp;t_id=1\">レバテックフリーランス</a>」に1社登録し、2-3社並行して登録しておくと、より良い求人に出会うことができるのでおすすめです。</p>\n<table style=\"border-collapse: collapse; width: 100%; height: 1042px;\">\n<tbody>\n<tr style=\"color: #ffffff;\">\n<td style=\"width: 5.15618%; height: 48px;\"></td>\n<td style=\"width: 21.7036%; background-color: #2cb696; height: 48px;\">特徴</td>\n</tr>\n<tr style=\"height: 155px;\">\n<td style=\"width: 5.15618%; background-color: #2cb696; color: #ffffff; height: 155px;\">インディバースフリーランス<br />\n<img decoding=\"async\" src=\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2025/11/インディバースフリーランス-1024x520.png\" alt=\"\" width=\"245\" height=\"124\" class=\"alignnone wp-image-94632\" srcset=\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2025/11/インディバースフリーランス-1024x520.png 1024w, https://freelance.indieverse.co.jp/media/wp-content/uploads/2025/11/インディバースフリーランス-300x152.png 300w, https://freelance.indieverse.co.jp/media/wp-content/uploads/2025/11/インディバースフリーランス-768x390.png 768w, https://freelance.indieverse.co.jp/media/wp-content/uploads/2025/11/インディバースフリーランス-1536x781.png 1536w, https://freelance.indieverse.co.jp/media/wp-content/uploads/2025/11/インディバースフリーランス.png 1897w\" sizes=\"(max-width: 245px) 100vw, 245px\" /></td>\n<td style=\"width: 21.7036%; height: 155px;\">\n<ul>\n<li>複数のフリーランスエージェントの求人を一括で見れるサービス</li>\n<li>案件が多いため、さまざまな条件の案件（フルリモート/週3OK）も多数あり</li>\n<li>フリーランス案件の求人管理を効率化したいなら、まずは登録したい案件サイト。</li>\n</ul>\n<p>公式： <a href=\"https://freelance.indieverse.co.jp/?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=table\"><span style=\"color: #000000;\"><strong>https://freelance.indieverse.co.jp</strong></span></a><i class=\"fas fa-arrow-up-right-from-square\"></i></td>\n</tr>\n<tr style=\"height: 216px;\">\n<td style=\"width: 5.15618%; background-color: #2cb696; color: #ffffff; height: 173px;\">レバテックフリーランス<br />\n<a href=\"https://ad.presco.asia/cl/?b_id=tZLrIM4P&amp;t_id=1\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2024/04/レバテックフリーランス_top-300x132.png\" alt=\"\" width=\"248\" height=\"109\" class=\"alignnone wp-image-80680\" srcset=\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2024/04/レバテックフリーランス_top-300x132.png 300w, https://freelance.indieverse.co.jp/media/wp-content/uploads/2024/04/レバテックフリーランス_top-1024x452.png 1024w, https://freelance.indieverse.co.jp/media/wp-content/uploads/2024/04/レバテックフリーランス_top-768x339.png 768w, https://freelance.indieverse.co.jp/media/wp-content/uploads/2024/04/レバテックフリーランス_top-1536x678.png 1536w, https://freelance.indieverse.co.jp/media/wp-content/uploads/2024/04/レバテックフリーランス_top-2048x904.png 2048w\" sizes=\"(max-width: 248px) 100vw, 248px\" /></a></td>\n<td style=\"width: 21.7036%; height: 173px;\">\n<ul>\n<li>とにかく案件数が多い</li>\n<li><strong style=\"font-family: inherit; font-size: inherit;\">大企業の高単価案件やフルリモート案件</strong><span style=\"font-family: inherit; font-size: inherit;\">も多数取扱あり</span></li>\n<li>フリーランスとして案件受注を検討するなら<strong style=\"font-family: inherit; font-size: inherit;\">まず登録したいエージェント</strong><span style=\"font-family: inherit; font-size: inherit;\">公式：</span></li>\n</ul>\n<p><span style=\"color: #000000;\"><strong>公式：<a href=\"https://ad.presco.asia/cl/?b_id=tZLrIM4P&amp;t_id=1\" target=\"_blank\" rel=\"noopener\">https://freelance.levtech.jp/</a></strong><i class=\"fas fa-arrow-up-right-from-square\"></i></span></td>\n</tr>\n<tr style=\"height: 216px;\">\n<td style=\"width: 5.15618%; background-color: #2cb696; color: #ffffff; height: 202px;\">Findy Freelance<br />\n<a href=\"https://ad.presco.asia/6f0d4d84dec27e8e/cl/?bId=46hc6f80&amp;bannerNum=\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2023/11/Findy-Freelance.jpg\" alt=\"\" width=\"660\" height=\"299\" class=\"alignnone wp-image-74888 size-full\" srcset=\"https://freelance.indieverse.co.jp/media/wp-content/uploads/2023/11/Findy-Freelance.jpg 660w, https://freelance.indieverse.co.jp/media/wp-content/uploads/2023/11/Findy-Freelance-300x136.jpg 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" /></a></td>\n<td style=\"width: 21.7036%; height: 202px;\">\n<ul>\n<li>フルリモート案件と、フルリモート比率ではピカイチのエージェント。</li>\n<li>マージンなしで、直取引でエンドクライアントと契約可能。</li>\n<li>Web系の案件が中心</li>\n</ul>\n<p><strong>公式：<a href=\"https://ad.presco.asia/6f0d4d84dec27e8e/cl/?bId=46hc6f80&amp;bannerNum=\" target=\"_blank\" rel=\"noopener\">https://freelance.findy-code.io/</a> <i class=\"fas fa-arrow-up-right-from-square\"></i></strong></td>\n</tr>\n</tbody>\n</table>\n\n<a href='https://freelance.indieverse.co.jp/sign_up' class='cta' rel='nofollow noopener' target='_blank'>エンジニア向け高単価 / フルリモート案件を受け取る</a>\n\n<h2>Reactフリーランスが身につけたいスキル3選</h2>\n<p><a href=\"https://freelance.indieverse.co.jp\">インディバースフリーランス</a>の求人データを元に、Reactフリーランスとして特に求められるスキルを3つご紹介します。</p>\n<h3>スキル1: TypeScript</h3>\n<p>多くのReact案件、特に比較的新しいプロジェクトや大規模開発では、TypeScriptの使用経験が必須または歓迎要件となっています。TypeScriptは静的型付けによってコードの品質や保守性を高めることができるため、チーム開発において重要視されます。TypeScriptの型定義やジェネリクスなどを理解し、実践的な開発経験を積むことで、対応できる案件の幅が広がり、単価アップにも繋がります。</p>\n<h3>スキル2: リーダー経験・上流工程経験</h3>\n<p>開発スキルだけでなく、チームリーダーやテックリードとしての経験、または要件定義や基本設計といった上流工程の経験もReactフリーランスには求められます。特に高単価案件では、単にコードを書くだけでなく、プロジェクトを推進したり、技術的な意思決定に関わったりする能力が重要視されます。若手メンバーの指導や、顧客との仕様調整などの経験があると、市場価値が高まります。</p>\n<h3>スキル3: Next.jsなどのフレームワーク・関連技術</h3>\n<p>React単体だけでなく、Next.jsのようなReactベースのフレームワークや、状態管理ライブラリ（Redux, Zustandなど）、テストツール（Jest, React Testing Libraryなど）といった関連技術の知識・経験も重要です。Next.jsはSSR（サーバーサイドレンダリング）やSSG（静的サイト生成）を容易にし、パフォーマンスやSEOに有利なため、多くのモダンなWeb開発で採用されています。これらの技術スタックに対応できることで、より多くの高単価案件に挑戦できます。</p>\n<a href='https://freelance.indieverse.co.jp/sign_up' class='cta' rel='nofollow noopener' target='_blank'>エンジニア向け高単価 / フルリモート案件を受け取る</a>\n\n<h2>Reactのフリーランスに関するよくある質問</h2>\n<h3>Q1. Reactの需要は今後も続きますか？</h3>\n<p><b>Reactの需要は非常に高く、将来性も極めて明るいです。</b></p>\n<p>モダンなフロントエンド開発のデファクトスタンダードとなっており、リプレイス案件だけでなく新規開発でも採用され続けているため、安定して案件を探せます。</p>\n<h3>Q2. 実務経験がどのくらいあれば独立できますか？</h3>\n<p><b>最低でも実務経験1〜2年以上が目安となります。</b></p>\n<p>高単価な案件やフルリモート案件を狙うのであれば、設計から実装まで一人で完結できるレベルである実務経験3年以上があると、より好条件で参画しやすくなります。</p>\n<h3>Q3. Reactの案件はフルリモートで働けますか？</h3>\n<p><b>フロントエンド開発はリモートワークとの相性が良く、フルリモート案件が非常に豊富です。</b></p>\n<p>多くの企業が柔軟な働き方を導入しており、地方に住みながら都市部の高単価案件に参画することも十分に可能です。</p>\n<h3>Q4. 単価を上げるためにReact以外に学ぶべきスキルは？</h3>\n<p><b>TypeScriptとNext.jsの習得が最も効果的です。</b></p>\n<p>現在の現場ではこの2つがセットで求められることが多く、加えてAWSなどのインフラ知識やバックエンド（Node.jsなど）の知識があると、さらに希少価値が高まります。</p>\n<h3>Q5. 未経験からReactのフリーランス案件は獲得できますか？</h3>\n<p><b>完全未経験からの獲得は難易度が高いですが、質の高いポートフォリオがあれば可能です。</b></p>\n<p>まずはGitHubでTypeScriptを用いた開発実績を公開し、小規模な案件や副業から実績を積んで、徐々にエージェント経由の案件へシフトするのが現実的です。</p>\n<a href='https://freelance.indieverse.co.jp/sign_up' class='cta' rel='nofollow noopener' target='_blank'>エンジニア向け高単価 / フルリモート案件を受け取る</a>\n\n<h2>まとめ</h2>\n<p>ReactはWebアプリケーションのUIを開発するために用いられるライブラリです。近年、 UIを重要視する傾向が強くなると同時に、<strong>Reactを専門的に活用できる人材の価値も高まっています</strong>。</p>\n<p>Reactエンジニアとしてフリーランスになりたい場合、エージェントの活用が最もおすすめです。</p>\n<p>レバテックフリーランスやテクフリなど、<strong>各エージェントの特徴を捉えて、自分にあったサービスを選択しましょう</strong>。</p>\n<p>さらに高単価を狙いたいのであれば、TypeScriptやNext.js、リーダー経験などのスキルも身につけることをおすすめします。</p>\n<a href='https://freelance.indieverse.co.jp/sign_up' class='cta' rel='nofollow noopener' target='_blank'>エンジニア向け高単価 / フルリモート案件を受け取る</a>\n\n","protected":false},"excerpt":{"rendered":"<p>Reactフリーランスは稼げる？未経験可否、月80〜150万円の単価相場、高単価案件例、必要スキルやエージェント活用法を具体的に解説し、TypeScriptやNext.jsの必須スキルにも触れます。</p>\n","protected":false},"author":28,"featured_media":18473,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[31],"tags":[310,357],"class_list":["post-27520","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-freelance","tag-react","tag-357"],"aioseo_notices":[],"meta_description":"Reactフリーランスは稼げる？未経験可否、月80〜150万円の単価相場、高単価案件例、必要スキルやエージェント活用法を具体的に解説し、TypeScriptやNext.jsの必須スキル...","_links":{"self":[{"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/posts/27520","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/posts"}],"about":[{"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/types/post"}],"author":[{"embeddable":true,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/users/28"}],"replies":[{"embeddable":true,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/comments?post=27520"}],"version-history":[{"count":32,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/posts/27520/revisions"}],"predecessor-version":[{"id":96044,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/posts/27520/revisions/96044"}],"wp:featuredmedia":[{"embeddable":true,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/media/18473"}],"wp:attachment":[{"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/media?parent=27520"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/categories?post=27520"},{"taxonomy":"post_tag","embeddable":true,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/tags?post=27520"}],"curies":[{"name":"wp","href":"https://api.w.org/{rel}","templated":true}]}}