• JavaScriptでのループ処理の中断方法を詳しく知りたい
• break文とcontinue文の違いについて理解したい
• for文やwhile文でのbreak文の使い方を具体的に学びたい
• switch文内でbreak文を使う理由とは？
• 実践的なコード例を見て、自分のコードに活かしたい

という悩みを抱えている向けに、

• ループからの脱出と次のループのスキップの基礎
• break文とcontinue文の違いと使い分け
• 実践例を交えた効率的なループ制御の方法

について解説していきたいと思います。

JavaScriptでループ制御を行う：break文とcontinue文の基礎

break文とは：ループからの脱出

JavaScriptで、ある条件を満たした時にループ処理から抜け出すために用いられるのがbreak文です。ループ処理とは、同じ操作を繰り返し実行することを指しますが、無限に続けるわけにもいきません。そこで、特定の条件下でループを終了させる必要があるのです。

for (let i = 0; i < 10; i++) {
    if (i === 5) {
         break; // iが5になった瞬間、ループから脱出します。
    }
    console.log(i);
}

実行結果:

0
1
2
3
4

このコードでは、iが5になると、break文によりforループが中断されます。結果、5以降の数字は出力されません。

ループ処理はまだ残っていますが、それらの処理を中断して即座にループ終了後の処理を実行できるというわけです。

continue文とは：次のループへのスキップ

一方、continue文は現在のループ処理をスキップして、次のループ処理を続行します。特定の条件下でループの残りの部分をスキップしたい場合に使用されます。

for (let i = 0; i < 10; i++) {
    if (i === 5) {
        continue; // iが5の場合、このループの残りの処理をスキップし、次のループへ進みます。
    }
    console.log(i);
}

実行結果:

0
1
2
3
4
6
7
8
9

この場合、iが5のときにcontinue文が実行されるため、5が出力されずに次のループへと進みます。

break vs continue：違いと使い分け

break文とcontinue文の主な違いは、breakがループ処理から完全に抜け出し、continueが現在の繰り返し処理をスキップして次の繰り返し処理を行う点にあります。使い分けは、ループを完全に終了させたいのか、特定の条件だけを除外してループを継続したいのかに応じて決まります。

以下のサンプルコードでは、1から10までの数値を処理しています。continueを使って偶数の場合はスキップしている点、breakを使って7の場合はループを終了している点に注目してください。

// 1から10までの数値を処理するループ
for (let i = 1; i <= 10; i++) {
    if (i % 2 === 0) {
        // 偶数の場合はスキップして次の繰り返しへ
        continue;
    }
    if (i === 7) {
        // 7の場合はループ終了
        break;
    }
    console.log(i);
}

実行結果：

1
3
5

このように、breakとcontinueを適切に使い分けることで、ループ制御を効果的に行えます。

JavaScriptのfor文とbreak文

for文におけるbreakの活用法

JavaScriptでよく利用されるfor文は、決まった回数の処理を繰り返す時に非常に便利です。しかし、ある条件が満たされた時点でループを終了させたいケースもあります。そんな時にbreak文を駆使することで、ループを柔軟に制御できます。

例えば、配列の中に特定の要素を探している途中で、見つかったらそこで処理を停止したいとしましょう。

const numbers = [1, 3, 5, 7, 9, 2];

for (let i = 0; i < numbers.length; i++) {
    if (numbers[i] === 2) {
        console.log('Found it! at index ', i);
        break; // 2が見つかったら、ループから脱出します。
    }
}

実行結果:

Found it! at index 5

このサンプルでは、配列の各要素を順番にチェックし、2が見つかった瞬間にforループから抜け出しています。これにより、無駄な処理を省き、プログラムの効率を上げることができます。

またbreak文を使えば、ユーザー入力に応じて処理を中止したい場合やエラーが発生した時などにも柔軟に対応できるようになります。

for文でbreak文を使用する時のポイントは、break文が含まれる条件分岐（if文など）が正しく機能するようにすることです。また、break文を使いすぎるとコードの可読性が落ちる場合があるので、使用は適切な場所に限るべきです。

break文の応用：ラベルとの組み合わせ

ラベルを使用したbreak文

JavaScriptでは、ラベル（label）を使って特定のブロックに名前を付けることができます。これをbreak文と組み合わせると、ネストされたループの中から特定の位置で脱出する際に非常に便利です。

outerLoop: for (let i = 0; i < 3; i++) {
    innerLoop: for (let j = 0; j < 3; j++) {
        if (j === 1 && i === 1) {
            break outerLoop; // outerLoopと名付けられた外側のループから脱出します。
        }
        console.log(`i=${i}, j=${j}`);
    }
}

実行結果:

i=0, j=0
i=0, j=1
i=0, j=2
i=1, j=0

この例では、outerLoopラベルがついた外側のforループと、innerLoopラベルがついた内側のforループを使っています。if文の条件によって、iが1でjが1の時に外側のループから脱出しています。ラベルを用いたbreak文は、特に多重ループを扱う際にその真価を発揮します。

ラベル付きループにおけるbreak文使用の注意点

ラベルを付けたbreak文を使う際の注意点は、ラベルが指すブロックが明確であることを確認することです。適切にラベルを使わないと、コードの可読性が下がり、意図しない挙動を引き起こす可能性があります。また、break文だけではなくcontinue文にもラベルを使うことができますが、その使い方はまた異なります。

上記のサンプルコードでは、outerLoopというラベルをつけたループからbreakしています。これにより、特定の条件下で即座に外側のループを終了させることが可能になり、コードの実行効率を高めることができます。

ラベルを使用することは一般的ではなく、多用することは推奨されませんが、複雑なループの中で効率的に処理を行うためには避けられない場合もあります。そのため、ラベルとbreak文の組み合わせは、適切に使用すれば強力なツールになり得ます。

なお、ラベルを利用できるのは break 文と continue 文だけなので、 for 文や while 文などの繰り返し処理や switch 文で使用することになります。

JavaScriptのwhile文でのbreak使用法

while文でのbreakによるループ終了

JavaScriptのwhile文は、指定された条件がtrueである限りループ処理を続ける構文です。この挙動は非常に便利ですが、条件がいつまでもtrueのままだと無限ループに陥りプログラムが停止してしまう恐れがあります。こうした場合にループ処理を適切に終了させるための一つの手段が、break文の利用です。

let i = 0;
while (i < 10) {
    if (i === 5) {
        break; // iが5になったら、ループから脱出します。
    }
    console.log(i);
    i++;
}

実行結果:

0
1
2
3
4

このコードでは、iが5に達するとbreak文が実行され、whileループから抜け出しています。この結果、5以降の数字は出力されません。

使い方のポイント

while文におけるbreak文の活用は、主に条件式がtrueのままとなってしまう可能性がある無限ループを防止するのに役立ちます。特に、外部からのユーザー入力やデータの変更など、実行時に条件が変わる可能性のある場面で重宝します。

ただし、break文を使うことでループを強制終了できる一方で、過度に依存するとコードの読みやすさが損なわれる可能性がある点には注意が必要です。特に、ループ内で複数のbreak文が用いられる場合、プログラムのフローを追いづらくなることがあります。

whileループはforループと同様に、処理を繰り返す基本的な構造です。break文を適切に使うことで、これらのループを効率的かつ安全に制御することが可能となります。

switch文内でのbreak文の使用

switch文とbreak文：ケースの終了

JavaScriptのswitch文は、複数の条件分岐を一つの構文で扱える便利な制御構造です。特定の値や式の結果に基づいて、いくつかのケース(case)のブロックから一つを実行する仕組みになっています。ここで、break文が非常に重要な役割を果たします。それは、特定のケースの処理が完了した後に、switch文を脱出するためです。

let fruit = 'apple';

switch (fruit) {
    case 'banana':
        console.log('Yellow and bendy!');
        break;
    case 'apple':
        console.log('Round and crunchy!');
        break;
    case 'orange':
        console.log('Juicy citrus!');
        break;
    // デフォルトのケース
    default:
        console.log('Unknown fruit.');
}

実行結果:

Round and crunchy!

この例では、fruit変数の値が'apple'であるため、'Round and crunchy!'が出力され、その後にbreak文が実行されることでswitch文から抜け出しています。break文がなければ、次のケースの処理に進んでしまいます。

使い方のポイント

JavaScriptのswitch文におけるcaseには、分岐を抜けさせる仕組みがありません。分岐を抜けるためには、breakで抜けることを明示する必要があります。breakを書かない場合、次の分岐も実行されてしまいます。このような仕様を「フォールスルー(fall through)」と言います。

switch文においてbreak文の使用を忘れると、フォールスルーによってプログラムは意図しない動作をする可能性があり、多くの場合はバグの原因となり得ます。

したがって、switch文を使用する際は、各ケースにbreak文を忘れずに記述することが非常に重要です。ただし、最後のケースやdefaultケースの後には、break文は必須ではありませんが、慣習として書くこともあります。

総じて、switch文内でのbreak文の使用は、コードの流れを明確に制御し、プログラムの意図した動作を確実にするために不可欠です。適切に使用することで、コードの可読性と保守性を高めることができます。

The post JavaScriptのループ制御：breakとcontinueの違い first appeared on インディバースフリーランスメディア.

• JavaScriptでmapメソッドの基本的な使い方を知りたい
• JavaScriptの配列操作メソッド(map, filter, reduce)の各メソッドの適切な使用シーンを理解したい
• mapメソッドと他のメソッドとの具体的な違いや利用シーンの違いを知りたい
• Mapオブジェクトと通常のオブジェクトの違いを理解して、適切なツールを選びたい
• データ処理の効率を上げるためにMapオブジェクトのメリットを学びたい

という悩みを抱えている向けに、

• プログラミングにおいてmapメソッドをうまく使いこなすための具体例
• JavaScriptでmap関数を使う最も一般的な例
• Mapオブジェクトと基本的なオブジェクトの違いと、それがどのように使われるべきか

について解説していきたいと思います。

JavaScriptのmapメソッドとMapオブジェクトの違い

JavaScript には、Arrayのインスタンスメソッドmap()と、標準組み込みオブジェクトであるMapがあります。

JavaScriptにおけるMapオブジェクトは、キー（key）とそれに対応する値（value）を対応させて保持するオブジェクトです。配列や通常のJavaScriptオブジェクトとは異なり、キーには文字列や数値だけでなく、真偽値（Boolean）などを自由に設定できるメリットがあります。

mapメソッドはJavaScriptの配列を操作するために用意されている便利なメソッドです。このメソッドは、配列の各要素に対して指定した関数を適用し、新しい配列を生成します。

参照：Array.prototype.map()｜JavaScriptリファレンス

一方、MapオブジェクトはES2015（ES6）で新たに登場した機能であり、古いブラウザ（例：IE11）では動作しないことがあります。しかし、現代的なブラウザでは問題ありません。

参照：Map｜JavaScriptリファレンス

両者は名前が似ているため混同されることがありますが、使い分けを理解して効果的に活用することが大切です。Mmapメソッド、apオブジェクトの具体的な使い方については、次項から詳しく説明します。

JavaScriptのmapメソッド

mapメソッドの基本

JavaScriptでのmapメソッドは、配列の各要素に対して指定された関数を実行し、その結果から新しい配列を作成します。これはデータ処理やデータ変換の際に非常に便利な機能です。配列内の各要素を別の値にマッピングするために使用されます。

基本的な使い方は以下のようになります。

const numbers = [1, 2, 3, 4];
const doubled = numbers.map(number => number * 2);

console.log(doubled); // 出力: [2, 4, 6, 8]

このコードでは、配列numbersのそれぞれの要素が2倍され、新しい配列doubledが生成されます。このシンプルな例からもわかるように、mapメソッドは配列の各要素を自由に加工・変換できるため、データの整形に広く利用されます。

mapメソッドの応用例

mapメソッドは、より複雑なデータ構造の変換にも利用できます。例えば、オブジェクトの配列を扱う場合、特定のプロパティに基づいた新しい配列を作成することができます。

const fruits = [
    { name: 'apple', color: 'red' },
    { name: 'banana', color: 'yellow' },
    { name: 'grape', color: 'purple' }
];

const fruitNames = fruits.map(fruit => fruit.name);

console.log(fruitNames); // 出力: ["apple", "banana", "grape"]

このコードでは、各オブジェクトからnameプロパティのみを抽出して新しい配列を作成しています。このように、mapメソッドを使うことで、元のデータ構造を保持しながら必要な情報だけを抜き出す操作が簡単に行えます。

メソッド比較とベストプラクティス

mapとfilter

mapとfilterはJavaScriptにおいて配列を操作するための2つの重要なメソッドです。これらはしばしば併用されますが、用途は異なります。mapは配列内の各要素を何らかの基準で変換するのに対し、filterは配列から特定の条件を満たす要素だけを取り出すために使用されます。

以下に例を示します。

const numbers = [1, 2, 3, 4, 5];
const evenNumbers = numbers.filter(number => number % 2 === 0);
const doubledEvenNumbers = evenNumbers.map(number => number * 2);

console.log(doubledEvenNumbers); // 出力: [4, 8]

この例では、まずfilterメソッドで偶数だけを抽出し、その後mapメソッドを使って偶数を2倍にしています。

mapとreduce

mapとreduceもまた、JavaScriptでよく使われる配列操作メソッドです。mapが配列の各要素に関数を適用して新しい配列を生成するのに対し、reduceは配列内のすべての要素を結合し、単一の値を返すのに使用されます。

const numbers = [1, 2, 3, 4];
const sum = numbers.reduce((total, current) => total + current, 0);

console.log(sum); // 出力: 10

このコードでは、reduceメソッドを使用して、配列内の数値を合計しています。

forEachとの違い

mapとforEachの大きな違いは、mapが新しい配列を返すのに対して、forEachは何も返さない点です。以下のコードは、forEachとmapを組み合わせて使用している例です。

const numbers = [1, 2, 3, 4, 5]; 

const doubledNumbers = []; 

//foreachで配列の要素を2倍した配列を作成
numbers.forEach((number) => { doubledNumbers.push(number * 2); }); 

//mapでそれぞれの要素を二乗した新しい配列を作成
const squaredNumbers = doubledNumbers.map((number) => { 
    return number * number; 
}); 

console.log(squaredNumbers); // 出力: [4, 16, 36, 64, 100]

上記の例では、まずforEachで配列の要素を2倍した配列を作成し、次にmapでそれぞれの要素を二乗した新しい配列を作成しています。注意点として、forEachとmapは新しい配列を作成する際に元の配列を変更しないことが重要です。

このように、forEachは配列の各要素に対して副作用を持つ関数を適用する場合に使用しますが、mapはデータの変換に特化しています。

これらのメソッドとその使い分けを理解することで、JavaScriptでの配列操作がより効果的になります。

JavaScriptのMapオブジェクトについて

Mapオブジェクトとは

JavaScriptのMapオブジェクトは、キーと値のペアを持つコレクションです。一般的なオブジェクトとは異なり、Mapはどんな値でもキーとして使用でき、オブジェクトリテラルのように文字列のみをキーとする必要はありません。これにより、より柔軟なデータ構造が可能になります。

Mapオブジェクトの基本的な使用方法は次のとおりです。

let myMap = new Map();

// キーと値を追加
myMap.set('key1', 'value1');
myMap.set({}, 'value2');
myMap.set(function(){}, 'value3');

// キーを使用して値を取得
console.log(myMap.get('key1')); // 出力: "value1"
console.log(myMap.get({})); // 出力: "undefined" キーを設定していないため取得できない
console.log(myMap.get(function(){})); // 出力: "undefined" キーを設定していないため取得できない
// キーの存在を確認
console.log(myMap.has('key1')); // 出力: true

// Mapのサイズ
console.log(myMap.size); // 出力: 3

// キーに対応する値を削除
myMap.delete('key1');
console.log(myMap.has('key1')); // 出力: false

この例からわかるように、Mapオブジェクトは簡単にキーと値を管理できるため、動的なデータセットを扱う際に非常に便利です。またキーにはあらゆるタイプの値（オブジェクトを含む）を使用できるため、さまざまなデータを保持することができます。

ObjectとMapの比較

JavaScriptでは、従来からObjectをマップとして使用してきましたが、Mapオブジェクトにはいくつかの重要な利点があります。

• キーとしてあらゆるタイプの値（オブジェクトを含む）を使用できる。
• キーの挿入順序が維持される。
• 直接的にサイズ（エントリーの数）を取得できる。
• パフォーマンスが向上：特に頻繁に要素を追加・削除する場合、Mapが望ましい選択肢となります。

ObjectとMapの比較を以下の表にまとめます。

参照：Map｜JavaScriptリファレンス

Mapオブジェクトのメリットとユースケース

Mapオブジェクトは特に、以下のようなユースケースでその真価を発揮します。

• 頻繁に要素を追加・削除する状況
• キーにさまざまな型を使用したいとき
• エントリーの追加順序を記憶する必要があるとき
• データセットのサイズを簡単に取得したいとき

これらの特性により、特定の場面でMapを使うことが、コードの効率化と可読性の向上につながるのです。

Mapオブジェクトの基本操作

Mapの作成と要素の追加

JavaScriptのMapオブジェクトは、キーと値のペアを管理するのに最適なツールです。Mapオブジェクトの作成と要素の追加は非常に直感的で、以下の例のように行います。

// Mapオブジェクトの作成
const map = new Map();

// 要素の追加
map.set('apple', 'green');
map.set('banana', 'yellow');
map.set('orange', 'orange');

// 追加された要素の確認
console.log(map);

実行結果:

Map(3) {"apple" => "green", "banana" => "yellow", "orange" => "orange"}

このように、.setメソッドを使用して簡単にキーと値のペアをMapオブジェクトに追加できます。また、同じキーを再び使用して.setを呼び出した場合、そのキーの値が更新されます。これは、Mapがキーのユニーク性を保証するためです。

Mapからの要素の取得・削除

追加した要素をMapから取得したり、削除したりするには、.getメソッドと.deleteメソッドを使用します。

// 要素の取得
console.log(map.get('apple')); // "green"

// 要素の削除
map.delete('apple');

// 削除後の確認
console.log(map.has('apple')); // false

.getメソッドを使うことで、指定したキーの値を取得できます。そして、.deleteメソッドにより、指定したキーの要素をMapから削除できます。要素が削除されると、そのキーはもはやMap内に存在しないため、.hasメソッドで確認した際にfalseが返されます。

Mapのサイズとキーの存在確認

Mapオブジェクトのサイズ（つまり、キーと値のペアの数）を知りたい場合には、.sizeプロパティを用います。また、特定のキーがMapに存在するかどうかを確認するには.hasメソッドを使います。

// Mapのサイズ確認
console.log(map.size); // 出力例: 2

// キーの存在確認
console.log(map.has('banana')); // true
console.log(map.has('apple')); // false

.sizeプロパティによってMapが持つキーと値のペアの数を確認でき、.hasメソッドによって特定のキーがMap内に存在するかどうかを簡単に確認できます。これらの基本的な操作をマスターすることで、JavaScriptにおけるデータ管理が大幅に効率化されます。

Mapオブジェクトの応用

Mapでの繰り返し処理

Mapオブジェクト内のデータに対して繰り返し処理を行いたい場合には、forEachメソッドやfor...ofループが使用できます。

MapでのforEachメソッドの使用

forEachメソッドを用いることで、Map内の各エントリー（キーと値のペア）に対して関数を実行できます。

//Mapオブジェクトの作成
let map = new Map();

//要素の追加
map.set('grape', 'purple');
map.set('strawberry', 'red');

//forEach関数で要素を取得
map.forEach((value, key) => {
    console.log(${key}: ${value});
});

実行結果:

grape: purple

strawberry: red

この方法では、Mapの各要素に対して順に関数が適用されます。この例では、各フルーツの名前と色を表示しています。

Mapでのfor..ofループ

for...ofループを使用することもできます。この方法では、Mapのentriesメソッドを使用して、キーと値のペアのイテレーターを取得し、それをループします。

for (let [key, value] of map.entries()) {
    console.log(`${key}: ${value}`);
}

実行結果はforEachメソッドを使用した場合と同様ですが、for...ofループを使用することで、ループの中でより複雑な条件分岐や操作が可能になります。

MapとArrayの関連操作

Mapから配列を生成

Mapオブジェクトから配列を生成することも、よくある操作です。これには、Array.fromメソッドやスプレッド構文を使用できます。

//Mapオブジェクトの作成
let map = new Map();

//要素の追加
map.set('grape', 'purple');
map.set('strawberry', 'red');

// Mapから配列を生成（キーのみ）
const keysArray = Array.from(map.keys());
console.log(keysArray);

// Mapから配列を生成（値のみ）
const valuesArray = [...map.values()];
console.log(valuesArray);

実行結果

[ 'grape', 'strawberry' ] 
[ 'purple', 'red' ]

このように、Mapオブジェクトのキーや値を配列として抽出することができるため、データの加工や操作が非常に柔軟に行えるようになります。

The post JavaScriptのmapメソッドとMapオブジェクトの使い方 first appeared on インディバースフリーランスメディア.

• 特定の文字列を別の文字列に置換する方法を知りたい
• テキスト内の全ての指定した文字や単語を置換したい
• 正規表現を使用して複雑なパターンの文字列を置換したい方法を探している
• プログラミング初心者として、replace関数の基本的な使い方を学びたい
• JavaScriptのreplace関数とreplaceAll関数の違いと使い分けについて知りたい

という悩みを抱えている向けに、

• JavaScriptでの文字列置換の基本から応用まで
• 正規表現を駆使した効率的な文字列操作
• replace関数とreplaceAll関数の違いとその使い分け

について解説していきたいと思います。

JavaScriptで文字列を操作する：replaceメソッドの解説

本セクションではJavaScriptのreplaceメソッドに焦点を当て、基本的な使い方から応用技法までを学びましょう。

replaceメソッドによる文字の置換

replaceメソッドを使用すると、文字列内の最初に見つかった部分文字列を、指定した文字列に置換することができます。以下のコードでは、"Hello world!"という文字列内の"world"を"JavaScript"に置換しています。

let str = "Hello world!";

let newStr = str.replace("world", "JavaScript");

console.log(newStr); // "Hello JavaScript!"

なお、replaceメソッドの基本的な構文は以下の通りです。

let result = str.replace(regexp|substr, newSubstr|function)

• regexp|substrは、置換対象の文字列または正規表現パターンです。
• newSubstr|functionは、置換後の文字列または置換を定義する関数です。

replaceAllメソッドによる全文字の置換

replaceAllメソッドは、指定したパターンに一致するテキストを文書全体で置換するために使用します。これはreplaceメソッドと似ていますが、全ての一致を置換する点が異なります。

以下のコードは、"World"という単語が複数回出現している文字列を置換する例です。replaceメソッドを使用した場合は1回目の"World"のみが"JavaScript"に置換されますが、replaceAllメソッドを使用した場合には全ての"World"が置換されています。

let str = "Hello World! World is wonderful.";

//replaceを使用した場合
let newStr = str.replace("World", "JavaScript");

console.log(newStr); // "Hello JavaScript! World is wonderful."

//replaceAllを使用した場合
let newStrAll = str.replaceAll("World", "JavaScript");

console.log(newStrAll); // "Hello JavaScript! JavaScript is wonderful."

正規表現を使用した柔軟な文字列置換

正規表現は、パターンマッチングとテキスト処理の強力なツールです。JavaScriptのreplaceメソッドと組み合わせることで、柔軟な置換操作が可能になります。

正規表現の基本と応用

正規表現を使用することで、特定のパターンに一致するテキストの抽出や置換が簡単に行えます。例えば、全ての空白文字を除去する場合、以下のように書けます。

let str = "Hello World! ";

let newStr = str.replace(/\s+/g, "");

console.log(newStr); // "HelloWorld!"

この例では、\s+の正規表現が1つ以上の空白文字にマッチし、gフラグが全体を対象としています。その結果、全ての空白文字が除去されます。

正規表現とgフラグを用いたグローバル置換

正規表現にg（グローバル）フラグを付けることで、テキスト内の全てのマッチに対して置換を行うことができます。これはreplaceAllメソッドと似ていますが、より柔軟なパターンを指定できるという利点があります。

let str = "The rain in SPAIN stays mainly in the plain";

let newStr = str.replace(/ain/gi, "0");

console.log(newStr); // "The r0 in SP0 stays m0ly in the pl0"

この例では、/ain/gi正規表現を使っていて、ainにマッチするすべての文字列を"0"に置換しています。iフラグは大文字小文字を区別しないことを意味します。

replaceメソッドの応用例

replaceメソッドはさまざまなシチュエーションで柔軟に活用できる非常に強力なツールです。ここでは、言語処理やデータ処理における応用例をいくつか紹介します。

文字列内の特定パターンの置換

ウェブ開発では、ユーザー入力やテキストデータのクリーニングにreplaceメソッドがよく使われます。特定のフォーマットに合わせるために、特定のパターンや不要な文字を除去するのに役立ちます。

let str = "This is an email: example@example.com";

let newStr = str.replace(/([a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4})/, '<a href="mailto:$1">$1</a>');

console.log(newStr); // "This is an email: <a href="mailto:example@example.com">example@example.com</a>"

この例では、Eメールアドレスに一致するパターンを、メールリンクのHTMLに置換しています。

関数を使用した動的な文字列置換

replaceメソッドには、第二引数に関数を指定することもできます。これにより、マッチした各部分に対して動的に置換文字列を生成することができます。

let str = "10 times 20 equals 200";

let newStr = str.replace(/\b(\d+)\b/g, (match, num) => Number(num) * 2);

console.log(newStr); // "20 times 40 equals 400"

このコードでは、数字に一致する部分を検出し、その数字を2倍に置換しています。

JavaScriptのreplace関数による高度な文字列操作

JavaScriptのreplace関連関数を駆使することで、編集作業やデータ処理を大幅に自動化し、効率化することができます。

改行コードの置換や空白の削除

テキストデータの整形や前処理では、不要な空白や改行の削除がしばしば必要になります。

let str = "This\nis a\nmultiline\ntext.";

let newStr = str.replace(/\n/g, " ");

console.log(newStr); // "This is a multiline text."

この例では、改行コードを単一のスペースに置換して、テキストを1行に整形しています。

数値や特殊文字の置換パターン

特定の条件に基づいた数値や特殊文字の置換も、replace関数を使って簡単に実装できます。

let str = "I have 100 dollars and 15 cents.";

let newStr = str.replace(/(\d+)/g, "$$$1");

console.log(newStr); // "I have $100 dollars and $15 cents."

このコードでは、数字に一致するすべての部分を、その前にドル記号を付加する形で置換しています。

replaceとreplaceAllの違いと使い分け

replaceメソッドとreplaceAllメソッドは似ていますが、replaceメソッドは最初に見つかった部分のみを置換し、replaceAllは文書全体のマッチするすべての部分を置換します。この違いを正しく理解し、それぞれの場面で適切に使い分けることが重要です。

replaceメソッドとreplaceAllメソッドの比較

replaceメソッドは、正規表現にgフラグを使用することでreplaceAllメソッドと同様の振る舞いをすることが可能です。しかしreplaceAllメソッドはこのフラグなしでも文書全体の置換を行います。

let str = "fooBar fooBar fooBar";

console.log(str.replace(/foo/g, "bar")); // "barBar barBar barBar"

console.log(str.replaceAll("foo", "bar")); // "barBar barBar barBar"

IE11など古いブラウザでの対応策

replaceAllメソッドは比較的新しいため、古いブラウザではサポートされていないことがあります。そのような場合、replaceメソッドと正規表現の組み合わせを利用することで同様の結果を得ることができます。

let str = "fooBar fooBar fooBar";

let newStr = str.replace(/foo/g, "bar"); // IE11でも問題なく動作する

console.log(newStr); // "barBar barBar barBar"

また、Node.jsでreplaceAllメソッドを使用してエラーになるケースもあります。これは、replaceAllメソッドがバージョンが15からのみサポートしているためです。

このようにreplaceAllメソッドはブラウザごとに互換性が異なるので注意しましょう。以下の表は、ブラウザの互換性をまとめたものです。

参照：MDN Web Docs: String.prototype.replaceAll()

文字列操作の補助技：splitとjoinの組み合わせ

時には、replaceやreplaceAllよりもsplitとjoinを組み合わせた方が直感的に問題を解決できることがあります。これは特に、特定の文字やパターンで文字列を区切り、それぞれの部分を変換した後に再組み立てしたい場合に便利です。

splitとjoinによる置換の実例

splitは、パターンを受け取り、String をパターン検索によって部分文字列の順序付きリストに分割し、これらの部分文字列を入れた配列を返します。またjoin は Arrayインスタンスのメソッドで、配列の全要素を順に連結した新しい文字列を返します。

以下の例では、カンマで区切られた文字列内の数字を括弧で囲みます。

let str = "1,2,3,4,5";

let parts = str.split(",");

let transformedParts = parts.map(part => `(${part})`);

let newStr = transformedParts.join(",");

console.log(newStr); // "(1),(2),(3),(4),(5)"

このアプローチは、元の文字列を部分的に分解し、各部分を個別に処理してから再結合する場合に特に有用です。

JavaScriptの文字列操作は非常に強力で、データ処理からUIの動的変更まで幅広い用途に使用できます。本記事で紹介したreplaceメソッドを始めとする文字列操作の技術をマスターすることで、JavaScript開発の幅を広げることができるでしょう。

The post 【JavaScirpt】replace完全マニュアル | 置換, 抽出, メタ文字の利用などを解説 first appeared on インディバースフリーランスメディア.

JavaScriptエンジニア

JavaScriptエンジニア

雇用形態で年収に差が出ることもあるの？

2022年に発表されたpaizaの調査によると、JavaScriptエンジニアの平均年収は599万円でした。

DAI

ただし、年収は所属する会社の平均給与や、マネジメント経験の有無、経験年数で大きく変動するので、言語ごとの平均年収はあまり参考になりません。

本記事では、JavaScriptエンジニアとして年収が気になる方々に向けて、

• 雇用形態ごとの年収(フリーランス / 正社員）
• 役職ごとの年収
• 具体的に年収上げる方法

について解説します。

DAI

年収相場を理解することで、自分の市場価値も理解すると、今の給与が本当に適正なのか判断できます。現職での給与アップが妥当なのかや、フリーランスで独立した際に、年収を上げられるのか、判断しやすくなります。

ただ、実際に自分のスキルや経験が、転職市場やフリーランス市場で、どれくらい評価されるべきものなのかピンと来ないという方もいるでしょう。

そんな人はフリーランスエージェントのキャリアコンサルタントに、自分の経歴やスキルセットを評価してもらうのがおすすめです。

フリーランスエージェントとは、フリーランスのエンジニアとプロジェクトにリソースを必要としている企業をつないでくれるサービスです。

エージェントは登録者に対して無料でカウンセリングを実施しており、あなたのスキルをもとにどれぐらいの単価のオファーがあるのか、想定年収がどれぐらいになるのかを、具体的に教えてくれます。

特にレバテックフリーランスのような大手のエージェントであれば、多くの企業へフリーランスの紹介実績があるので、過去の事例や市況をもとに、エンジニアのスキルがどれぐらいの市場価値を持っているのかを熟知しています。

登録者数No.1/利用者の平均年収876万円のレバテックフリーランスがおすすめ

はじめてフリーランスエージェントに登録するなら、まずは登録者数No1のレバテックフリーランスに登録するのがおすすめ。自分の年収が本当に適正か診断してもらいましょう！

DAI

実は今の給与が低すぎるかもしれない、ということに気づけるかもしれませんよ。

• 登録は1分！もちろん無料
• 面倒な職務経歴書の作成は不要
• 情報収集のための相談のみでもOK

とりあえず1分で無料登録してみる

JavaScriptエンジニアの年収は？

paizaの調査によると、JavaScriptエンジニアの平均年収は589万円でした。

ただ、平均年収はあくまでも指標であり、個々の年収は多様な要素により大幅に変わります。具体的には次のような要素があります。

• 職種
• 経験年数
• 雇用形態

DAI

他にもありますが、大きく分けると上記の3つが年収を決める大きな要素として関わってきます。

年収は職種によって大きく変わる

これは一例に過ぎませんが、開発系の職種だけでも以下のように細かく分けられており、より上流の経験があるほど、年収は上がりやすいです。

• PM
• セールスエンジニア
• システム企画
• サーバーエンジニア
• システムエンジニア
• CTO
• PdM
• SRE

DAI

特に上流工程の経験の有無で、年収は大きく変わります。レバテックフリーランスの案件では、PMやPLといった職種の募集が多いので、経験がある方はぜひ登録して自分のスキルがどれくらいの市場価値を持っているのか評価してもらいましょう。

年収は実務経験で大きく変わる

JavaScriptエンジニアの年収は、実務経験の長さによっても大きく変わります。

※ポテパンフリーランスが提供しているJavaの案件データを用いて、経験年数に基づいた年収を算出すると、以下のようになりました（あくまでも一例で、使用する言語や勤務先・雇用形態により変化します）。

参照：ポテパンフリーランス

DAI

一般的にフリーランスエージェントの案件では、3年程の実務経験が求められる案件が多いので、3年以上の経験がある方は、案件の単価を見てみるのがおすすめです。

年収は雇用形態で大きく変わる

JavaScriptエンジニアの年収は雇用形態によっても大きく変動します。具体的には、以下のような雇用形態です。

• 正社員
• 派遣
• フリーランス

それぞれメリット・デメリットがありますが、もっとも収入が高くなりやすいのはフリーランスです。

参考までに、レバテックフリーランスのJavaScript求人の平均単価と最高単価をもとに、おおよその年収を出してみました。

• 平均単価：71万円/月（年収換算：852万円）
• 最高単価：170万円月（年収換算：2,040万円）

上記をご覧いただければわかりますが、各メディアや調査機関が公表しているJavaScriptの平均年収を上回っています。

レバテックフリーランスに高単価の案件が多いのも理由の一つですが、高単価である理由はフリーランスが引き受けるリスクとも関わっています。

DAI

フリーランスは突然契約が終了してしまうリスクがあるため、保証的な意味もあり案件の単価は高めです。

企業としては、正社員を採用せずに育成コストなしで業務を依頼できるため、現在は多くのフリーランスが様々なプロジェクトで活躍しています。

DAI

メガベンチャーをはじめ、有名なIT企業の社員であれば、高い年収が期待できるかもしれませんが、それ以外の多くのケースでは、フリーランスになった方が年収が上がることがほとんどです。

まずは自分がフリーランスとしてやっていけるだけのスキルがあるのか、レバテックフリーランスに相談してみましょう。

言語別の年収の比較

paizaの調査によると、JavaScriptエンジニアの平均年収は599.4万円でした。以下で言語別の比較をしているので、他言語との差を見てみましょう。

引用元：piaza

DAI

言語によって年収はまちまちですが、全体の平均年収からするとどれも上回っていることがわかります。

JavaScriptエンジニアが年収を上げるには

JavaScriptエンジニアが年収をアップするには、以下のような方法が考えられます。

• 雇用形態を変える
• 雇用先を変える
• 職種を変える
• 昇進する
• 年収が高くなる実務経験を積む

それぞれの詳細について、以下で詳しく解説します。

雇用形態を変える

DAI

ある程度経験があるエンジニアが年収を上げたい場合、多くの人にとってもっとも良い方法がフリーランスになることです。

フリーランスになる

手っ取り早く収入を上げるには、フリーランスになるのがもっともおすすめです。

正社員エンジニアはどんなに成果を出しても、給与の増加に上限がありますが、フリーランスになることで、一気に報酬を高められる可能性があります。

雇用形態が変わるだけで、なぜ収入が大きく増えるのかと思うかもしれませんが、これはフリーランスが負うリスクによるものです。

正社員は法律によって雇用が保障される一方、フリーランスに関しては、いつでも解雇されるリスクがあります。

企業は正社員を雇うリスクを取るよりも、高単価でもフリーランスを採用することも多く、現在は多くのプロジェクトでフリーランスが活躍しています。

DAI

システム開発を企業に依頼すれば、1人あたり100万円/月ほどのコストは普通なので、フリーランスの単価が高いのも、納得できるのではないでしょうか？

雇用先を変える

DAI

雇用先を変えることも有効な手段のひとつです。年収に不満を感じていたり、スキルセットが正当に評価されていないと感じたりするのであれば、転職をするのも手です。

オファー金額の高い企業で働く

現在よりも高年収のオファーがある企業に転職することでも、年収アップが期待できます。

あくまでも一般論ですが、大規模な企業の方がスタートアップよりも高い年収を得られる可能性は高まります。

大企業は自社サービスからの収入があったり、元請けとして案件を受注できたりするので、利益が増加しやすい傾向があります。

収益は従業員にも還元されやすく、企業の規模に比例してエンジニアの収入も上がりやすいので、大企業への転職も年収をアップする手段として有効です。

DAI

SESやベンチャー企業で働いていて収入に不満がある人は、一度の大企業求人を見てみるのもおすすめです。

さまざまな口コミサイトを確認したところ、メルカリなどの大手企業で働くエンジニアの年収の中央値は、1,000万円を超えていることが判明しました。

3. メルカリ

日本の高給テック企業といえばこの企業を思い浮かべる人は多いのではないか？Wovenには劣るが十分に高い給与で、エンジニアの働きやすさの制度ではトップクラスだと思う。

しかしUSではレイオフが行われたりと一時期よりは拡大してない印象。まだチラホラ求人が残ってる。 pic.twitter.com/750kd24DQm

— サカモト@エンジニアキャリア論 (@sakamoto_582) May 17, 2023

職種を変える

DAI

広義の意味でのエンジニアは、さまざまな職種に分類されます。より上流工程を担当する職種につくことで年収は上がりやすくなるので、自身のキャリア設計を考えたうえで最適な職種を検討してみましょう。

PGからSEになる

最もわかりやすい例として、プログラマーからSEへの職種変更により、年収アップの可能性があります。

それぞれを平均年収で比較した場合、おおむね以下のような金額になります。

• PGの平均年収：548万円
• SEの平均年収：627万円

※上記の数値は、厚生労働省から発表された賃金構造基本統計調査（2019）のデータをもとに「現金給与額×12カ月+年間賞与支給額」の計算式で算出しています。

参考：賃金構造基本統計調査 （2019）

プログラマーは主にアプリやソフトウェア開発におけるコーディングを担当しますが、SEは企画や設計が中心の業務になります

担当領域が上流に移るので、経験を重ねるほどに市場価値も高まり、年収が上がりやすくなるというメリットがあります。

私が一番好きな漫画はキングダムなのですが、IT業界もキングダム的な世界観があります。

キングダムでは歩兵から始まり大将軍になっていくのですが、IT業界もテスターに始まり、PG→SEになって、転職しながらドンドン年収上げて成り上がっていく世界観はまさにキングダムです

— 大平 祐輔 | SAPフリーランス社長 (@GranPaz_Yusuke) January 23, 2023

PdMになる

PdMになることでさらなる年収アップが期待できます。

SEの平均年収が627万円であるとお伝えしましたが、PdMになるとさらに増えて、平均年収は700万円ほどになります。

PdMは製品やサービスの販売計画に対する責任を有します。市場のニーズを正しく読むことを求められ、商業的な視点も不可欠です。

プロダクトの成否にかかわるポジションのため、経験者の年収は高い傾向があります。

コードを書くのが好きな人もエンジニア以外の選択肢をとると年収や単価が1.5～2倍になりえることは知っておいた方がよいです。PM・PdM・ITコンサルなどの経験者ですと単価は120～150万円くらいはとれますし、社員で働くにしても年収は高いです。少し視点を変えれば年収を上げることは難しくないです。

— IT菩薩＠モロー（キッカケエージェント） (@it_bosatsu_moro) July 2, 2023

昇進する

DAI

職種変更とも近いですが、昇進して役職がつくことでも年収は上がります。特にチームマネジメントを担うEMやCTOなどの経験があれば、エンジニアとしての市場価値は上がります。

EMになる

エンジニアリングマネージャー（EM）は技術チームのリーダーとして、プロジェクトの設計、実施、監視までを担当します。.

高い開発スキルが求められることはもちろん、リソースの管理や効果的なオペレーション作りができることも要求されます。そのため、EMの経験者は市場価値は高く、経験を積むことで年収にも影響します。

CTOになる

CTOになることでも年収アップが期待できます。

エンジニアリングチームの立ち上げ、文化の創造、技術スタックの選択など、CTOは多岐にわたる役割を果たし、それぞれの職務に責任があります。

企業の規模や発展度により、その役割は変わりますが、特に大企業では、複雑で高度な意思決定にも関与するため、その市場価値は非常に高いです。

年収が高くなるような実務経験を積む

年収が高くなるような経験を積むことでも、年収は上がりやすくなります。具体的には上流工程と呼ばれる業務の経験を積むのがおすすめです。

要件定義ができるようになる

実務の観点からは、要件定義や設計の経験を積むことが、一番年収を上げやすい方法です。

要件定義はプロジェクトの進行方向を決める重要なプロセスです。新たなサービスを開始するときに、何が必要で、どう開発を進めるべきかを規定します。

スキルを習得して、プロジェクトの成功に寄与する存在となれば、あなたの市場価値は大きく上がります。

チームマネジメントの経験を積む

チームマネジメント経験の有無も年収に直結します。

チームリーダーやマネージャーとして、プロジェクトの進行管理やメンバーの成長促進など、リーダーシップ能力が評価されると、年収を上げられる可能性があります。

コードレビューの経験を積む

コードレビューは製品の安定性を向上させるために、チームのコード品質を高めるという開発における不可欠なプロセスです。

パフォーマンスに悪影響を及ぼす重い処理がないかなど、技術的な観点からコードを評価しますが、これは単なるコードの評価ではなく、フィードバックを通じたコミュニケーションスキルの向上にも繋がります。

ポジティブなフィードバックができるエンジニアは、チームのやる気を喚起し、より協力的な雰囲気を作り出せるため、高く評価されます。

年収にも直結する部分なので、経験を積んでおいて損はないはずです。

顧客との折衝経験をつむ

技術力以外にも、顧客とのコミュニケーションスキルがあると評価されやすいです。

特に顧客のニーズを理解し、それを技術的なソリューションに落とし込むことができれば、ビジネスの前線で活躍しやすく、年収アップにもつながる可能性があります。

マーケティングやCSなどのビジネス経験をつむ

ビジネスのフィールドでの経験、たとえばマーケティングやカスタマーサクセス（CS）の経験を積むこともおすすめです。

開発能力だけでなく、製品が市場で受け入れられるための要件や、顧客満足度を高めるための必要性など、ビジネスの視点からプロジェクトについて考える経験は、あなたの視野を広げ、より大きな成長機会につながります。

エンジニアだけでなく、ビジネスを前進させ、プロジェクトを成功させる能力を持つ人の価値は非常に高いです。

JavaScriptエンジニアの年収アップにはフリーランスがおすすめ

年収アップの観点から見ると、JavaScriptエンジニアはフリーランスになるのが、もっともおすすめの方法です。

企業から見たフリーランスは、雇用期間の定めがなく、プロジェクトベースでの契約が可能な存在のため、雇用のリスクが少ないというメリットがあります。

フリーランスとしては、契約が突如終了するリスクがある一方で、そのリスクを負うことで単価が上がり、正社員と比べても年収が増加しやすい傾向があります。

自己管理能力と専門スキルを持つことは必須ですが、それに応じた収入とキャリアの自由度を得られるのが、フリーランスの最大の魅力といえます。

DAI

とはいえ、同じプロジェクトしか経験していなかったり、1社でしか働いていなかったりしたら、自分にフリーランスとしてやれるだけのスキルが備わっているかわからないですよね？

そんな人こそ、まずはフリーランスエージェントのキャリアコンサルタントに自分のスキルセットを評価してもらうのがおすすめです。

登録者数No.1/利用者の平均年収876万円のレバテックフリーランスがおすすめ

はじめてフリーランスエージェントに登録するなら、まずは登録者数No1のレバテックフリーランスに登録するのがおすすめ。自分の年収が本当に適正か診断してもらいましょう！

DAI

実は今の給与が低すぎるかもしれない、ということに気づけるかもしれませんよ。

• 登録は1分！もちろん無料
• 面倒な職務経歴書の作成は不要
• 情報収集のための相談のみでもOK

とりあえず1分で無料登録してみる

JavaScriptのフリーランス案件例

エンジニア

実際の案件を見てみないと、年収の話をされてもあまりピンとこないな。

エージェントへの登録を検討中の方に、実際の案件も紹介します。

以下で2つほど案件サンプルを紹介するので、自分でも対応できそうかなど、参考にしてみてください。

案件例1

案件例2

DAI

仮に上記の案件には対応できなそうでも、フリーランスエージェントは大量の非公開案件を保有しているので、まずはエージェントに登録してどんな案件があるか見てみるのがおすすめです。

JavaScriptエンジニアにおすすめのフリーランスエージェント

フリーランスエージェントのカウンセリングを受けることで、あなたがフリーランスになると、どれぐらいの年収がもらえるのか診断してくれます。

結論、まずはレバテックフリーランスに登録するのがおすすめです。

レバテックフリーランスは業界トップのエージェントで、公開・非公開を問わず、多数の案件を保有しています。

DAI

エージェントは多くのフリーランスと企業の情報を持っているので、あなたのスキルがどれくらいの市場価値を持っているのか、どのような案件を受注しやすいのかをはっきりと教えてくれます。

レバテックフリーランス以外では、以下のようなエージェントもおすすめです。

• ITプロパートナーズ
• HiPro Tech

それぞれの特徴を表にまとめているので、どんな案件があるか気になる人は参照してみてください（表は左右にスクロールできます）。

レバテックフリーランス

公式サイト：https://freelance.levtech.jp/

DAI

レバテックフリーランスは高単価の案件を受注したい方、必見のエージェントです。

レバテックフリーランスの主な特徴は、以下の3つです。

1. 業界最高水準の案件単価
2. キャリアコンサルタントによる手厚いサポート
3. 案件数が多い

業界最高水準の案件単価

レバテックフリーランスは、高単価案件を数多く取り揃えています。そして、そのほとんどが中間業者を挟まない「直請案件」です。

DAI

中間業者に余計なマージンを取られずにフリーランスに還元することで、高単価な案件を実現しています。

キャリアコンサルタントによる手厚いサポート

※レバテックフリーランス公式サイトより引用（公式：https://freelance.levtech.jp）

IT人材サービスに定評のあるレバテックでは、IT業界を深く理解しているプロのエージェントから支援を受けることができます。

DAI

誰がどの案件をサポートしているかも一目でわかるので、安心して相談できますよ。

案件数が多い

レバテックフリーランスでは、エンジニアの案件を数多く取り扱っています。

多様な業界の案件にチャレンジしたい人や高単価の案件を受注したい人は、ぜひレバテックフリーランスを活用することを検討してみてください。

注意：レバテックフリーランスは、経験者向けの週4日以上稼働案件を多く取り扱っています。週に3日以下稼働の副業可能な案件については、高いスキルと実務経験が必須です。エンジニア未経験の方や現在会社員の方への副業は紹介できないのでご注意ください。

おすすめサービス

【レバテックフリーランス】案件数が豊富なフリーランスエージェントサービス

✓案件数が豊富なIT向けフリーランスエージェント。業界最高水準の案件単価！高額案件・高収入を目指すならここ

レバテックフリーランスの評判を見る レバテックフリーランス公式ページを見る

ITプロパートナーズ

公式サイト：https://itpropartners.com/

DAI

『ITプロパートナーズ』は、リモートワークの働き方に興味があり、特にベンチャー企業やスタートアップで働きたいという人におすすめです！

ITプロパートナーズの主な特徴として、以下の2つがあります。

1. 『直請案件』だからこその高単価
2. リモート、週1~2日から稼働OKの案件多数

『直請案件』だからこその高単価

ITプロパートナーズ公式サイトより引用（https://itpropartners.com/）

ITプロパートナーズで取り扱っている案件は『直請案件』が多く、他のエージェントよりもその比率が高い傾向にあります。

※直請案件とは、間に仲介会社を挟まず、直接クライアントと契約している案件のことを指します。

DAI

正直、ほとんどのフリーランスエージェントがマージン率を公開していないため、フリーランスの取り分や、単価がいいのかを事前に知ることが難しいのが現状です。

『直請案件』の多さは、高単価な案件を扱っているかどうかの指標になります。

マージン率が公開されることは少ないからこそ、過剰な報酬の中抜きがないという点は魅力です。

リモート、週1~2日から稼働OKの案件多数

ITプロパートナーズ公式サイトより引用（公式：https://itpropartners.com/）

ITプロパートナーズの大きな魅力として、週1~2日から稼働OKの案件が多いという点があります。

他のフリーランスのエージェントでは、最低労働日数は週3・4日〜が一般的で、そのほとんどは常駐案件です。

一方のITプロパートナーズは、リモート案件も多いので、ライフスタイルに合わせた稼働がしやすく、副業的に働きたいという方との相性が良いエージェントです。

DAI

また直請け案件ならではの高単価も大きな魅力です！メインの仕事で自分のやりたいことを優先して、ITプロパートナーズ経由で生活費を稼ぐという働き方もアリですね。

注意：ITプロパートナーズは週1日から稼働可能な案件の紹介が可能なものの、会社員の方への副業は紹介できません。

おすすめサービス

【ITプロパートナーズ】リモートワークで働きたい人におすすめ

✓リモート可能な案件や週2〜3日の案件が豊富！

今すぐ無料登録する（公式サイト）

HiPro Tech

画像は公式サイト（https://tech.hipro-job.jp/  ）より引用

DAI

HiPro Techは、高単価な上場企業やメガベンチャーの案件が豊富なエンジニア特化型エージェントです。

HiPro Techではエンジニア向けの案件を多く扱っており、特に大企業の高単価案件を多数扱っているのが特徴です。

DAI

案件のほとんどが直請けなので、余分なマージン（手数料）もなし。エンジニアに特化しているからこそIT業界の理解が深く、案件のミスマッチが起こりにくい点も大きな魅力です！

公開求人数は少ないものの、リモート・週3案件の比率も高めです。「できるだけ高単価な案件が欲しい」「柔軟な働き方をしたい」というエンジニアはぜひ登録しておきましょう。

DAI

ただし、保険・税務などの福利厚生サービスはないので、「レバテックフリーランス」など他のエンジニア向けエージェントと複数登録するのがおすすめです！

おすすめサービス

【HiPro Tech】高単価・リモートで働きたい方におすすめ！

✓リモート案件も豊富なエンジニア特化エージェント

HiPro Tech公式ページを見る

よくある質問

JavaScriptエンジニアの年収に関する、質問をまとめました。

すでに言及した内容もありますが、再度確認しておきましょう。

JavaScriptエンジニアとしての年収が低い・上がらない理由は？

SESやベンチャーで働いている人の中には、現在の年収が低く不満を抱いている方もいるかもしれません。

SES（システムエンジニアリングサービス）は、開発リソースを必要とするクライアント企業にエンジニアを送り込むサービスです。

SESはそのビジネスモデル上、IT産業特有の多重請負構造に巻き込まれやすく、間に入る事業者が多いほど、中間マージンの比率が大きくなります。

元請けとして仕事ができている場合、あまり影響はないかもしれませんが、2次請けや3次請けのSESから派遣されるエンジニアの給料は低下しやすいです。

JavaScriptエンジニアとして年収1,000万円を目指せる？

IT業界におけるJavaScriptエンジニアの年収は、以下のような要素に基づいて決まります。

• スキルセット
• 経験
• 役割
• 働く企業
• 雇用形態
• 市場状況

年収1,000万円を目指すことは決して不可能ではありませんが、そのためには上記のどの視点を重視するか、自分のキャリアプランを考慮したうえで決めましょう。

まとめ：JavaScriptエンジニアとして年収を上げたいなら

JavaScriptエンジニアとして年収を上げたいと考えているのであれば、まずは自身の市場価値を知ることが大事です。

レバテックフリーランスに登録してカウンセリングを受ければ、フリーランスになるとどれぐらいの年収がもらえるのかがわかります。

面倒な書類作成も不要なので、まずは気軽に登録してみてください。

登録者数No.1/利用者の平均年収876万円のレバテックフリーランスがおすすめ

はじめてフリーランスエージェントに登録するなら、まずは登録者数No1のレバテックフリーランスに登録するのがおすすめ。自分の年収が本当に適正か診断してもらいましょう！

DAI

実は今の給与が低すぎるかもしれない、ということに気づけるかもしれませんよ。

• 登録は1分！もちろん無料
• 面倒な職務経歴書の作成は不要
• 情報収集のための相談のみでもOK

とりあえず1分で無料登録してみる

The post JavaScriptエンジニアの年収は？他言語との比較や年収アップの方法を解説 first appeared on インディバースフリーランスメディア.

Javaエンジニア

Javaエンジニア

雇用形態で年収に差が出ることもあるの？

2022年に発表されたpaizaの調査によると、Javaエンジニアの平均年収は589万円でした。

DAI

ただし、年収は所属する会社の平均給与や、マネジメント経験の有無や、経験年数で大きく変動します。なので、言語ごとの平均年収年収は、あまり参考になりません。

この記事では、Javaエンジニアとしての年収が気になっている方に向けて、

• 雇用形態ごとの年収(フリーランス / 正社員）
• 役職ごとの年収
• 具体的に年収上げる方法

について解説します。

DAI

年収相場を理解することで、自分の市場価値も理解すると、今の給与が本当に適正なのか判断できます。現職での給与アップが妥当なのかや、フリーランスで独立した際に、年収を上げられるのか、判断しやすくなります。

ただ、実際に自分のスキルや経験が、転職市場やフリーランス市場で、どれくらい評価されるべきものなのかピンと来ないという方もいるでしょう。

そんな人はフリーランスエージェントのキャリアコンサルタントに、自分の経歴やスキルセットを評価してもらうのがおすすめです。

フリーランスエージェントとは、フリーランスのエンジニアとプロジェクトにリソースを必要としている企業をつないでくれるサービスです。

エージェントは登録者に対して無料でカウンセリングを実施しており、あなたのスキルをもとにどれぐらいの単価のオファーがあるのか、想定年収がどれぐらいになるのかを、具体的に教えてくれます。

特にレバテックフリーランスのような大手のエージェントであれば、多くの企業へフリーランスの紹介実績があるので、過去の事例や市況をもとに、エンジニアのスキルがどれぐらいの市場価値を持っているのかを熟知しています。

登録者数No.1/利用者の平均年収876万円のレバテックフリーランスがおすすめ

はじめてフリーランスエージェントに登録するなら、まずは登録者数No1のレバテックフリーランスに登録するのがおすすめ。自分の年収が本当に適正か診断してもらいましょう！

DAI

実は今の給与が低すぎるかもしれない、ということに気づけるかもしれませんよ。

• 登録は1分！もちろん無料
• 面倒な職務経歴書の作成は不要
• 情報収集のための相談のみでもOK

とりあえず1分で無料登録してみる

Javaエンジニアの年収は？

paizaの調査によると、Javaエンジニアの平均年収は589万円でした。

平均年収はあくまでも指標であり、個人の年収はさまざまな要素によって、大きく変動します。具体的には以下のようなものです。

• 職種
• 経験年数
• 雇用形態

DAI

他にもありますが、大きく分けると上記の3つが年収を決める大きな要素として関わってきます。

年収は職種によって大きく変わる

あくまでも一例ですが、開発系の職種だけでも以下のように細かく分類があり、より上流の経験があるほど、年収は高い傾向にあります。

• PM
• セールスエンジニア
• システム企画
• サーバーエンジニア
• システムエンジニア
• CTO
• PdM
• SRE

DAI

特に上流工程の経験の有無で、年収は大きく変わります。レバテックフリーランスの案件では、PMやPLといった職種の募集が多いので、経験がある方はぜひ登録して自分のスキルがどれくらいの市場価値を持っているのか評価してもらいましょう。

年収は実務経験で大きく変わる

一口にJavaエンジニアの平均年収と言っても、実務経験の長さでも大きく変わります。

※ポテパンフリーランスが提供しているJavaの案件単価のデータをもとに、経験年数に応じた年収を算出すると、以下のような結果になりました（あくまでも一例です。言語やや雇用先・雇用形態によっても変わります）。

参照：ポテパンフリーランス

DAI

一般的にフリーランスエージェントの案件では、3年程の実務経験が求められる案件が多いので、3年以上の経験がある方は、案件の単価を見てみるのがおすすめです。

年収は雇用形態で大きく変わる

Javaエンジニアの年収は雇用形態でも大きく変わります。具体的には、以下のように分かれています。

• 正社員
• 派遣
• フリーランス

それぞれメリット・デメリットがありますが、もっとも収入が高くなりやすいのはフリーランスです。

参考までに、レバテックフリーランスのJava求人の平均単価と最高単価から、年収を算出してみました。

• 平均単価：68万円/月（年収換算：816万円）
• 最高単価：165万円月（年収換算：1980万円）

上記を見ていただけるとわかりますが、各メディアや調査期間が出しているJavaの平均年収よりも高いです。

レバテックフリーランスに高単価の案件が多いことも理由のひとつですが、単価が高いのはフリーランス側が負うリスクも関係しています。

DAI

フリーランスは突然契約が終了してしまうリスクがあるため、保証的な意味もあり案件の単価は高めです。

企業側も正社員を採用するほどではないけど、育成コストなしで仕事を依頼できるメリットがあるため、今は多くのフリーランスがさまざまなプロジェクトで稼働しています。

DAI

メガベンチャーをはじめ、有名なIT企業の社員であれば、高い年収が期待できるかもしれませんが、それ以外の多くのケースでは、フリーランスになった方が年収が上がることがほとんどです。

まずは自分がフリーランスとしてやっていけるだけのスキルがあるのか、レバテックフリーランスに相談してみましょう。

言語別の年収の比較

paizaの調査によると、Javaエンジニアの平均年収は589.8万円でした。以下で言語別の比較をしているので、他言語との差を見てみましょう。

引用元：piaza

DAI

言語によって年収はまちまちですが、全体の平均年収からするとどれも上回っていることがわかります。

Javaエンジニアが年収を上げるには

Javaエンジニアが年収を上げるには、以下のような方法が考えられます。

• 雇用形態を変える
• 雇用先を変える
• 職種を変える
• 昇進する
• 年収が高くなる実務経験を積む

それぞれの詳細について、以下で詳しく解説します。

雇用形態を変える

DAI

ある程度経験があるエンジニアが年収を上げたい場合、多くの人にとってもっとも良い方法がフリーランスになることです。

フリーランスになる

手っ取り早く収入を上げるには、フリーランスになるのがもっともおすすめです。

一般的な正社員エンジニアはどんなに成果を出しても、給与アップには限界がありますが、フリーランスになることで、一気に単価を上げられる可能性があります。

なぜ雇用形態が変わるだけで、それほど収入が増えるのかと思うかもしれませんが、これはフリーランスが負うリスクに起因しています。

正社員は一度採用されると、法律的に雇用が守られる存在ですが、フリーランスは悪く言えば、いつでも切れる存在です。

企業側は正社員を雇うリスクを取るよりも、単価が高くてもフリーランスを使おうという判断をすることも多く、現在は多くのプロジェクトでフリーランスが稼働しています。

DAI

システム開発を企業に依頼すれば、1人あたり100万円/月ほどのコストは普通なので、フリーランスの単価が高いのも、納得できるのではないでしょうか？

雇用先を変える

DAI

雇用先を変えることも有効な手段のひとつです。年収に不満を感じていたり、スキルセットが正当に評価されていないと感じたりするのであれば、転職をするのも手です。

オファー金額の高い企業で働く

今よりも想定年収の高い企業で働くことでも、年収アップが期待できます。

あくまでも傾向ですが、ベンチャーよりも大企業の方が高い年収をもらえる可能性は高まります。

大企業は自社サービスから利益を得ていたり、元請けとして案件を受注していたりするので、必然的に利益が大きくなります。

収益は従業員にも還元されやすく、企業の規模に比例してエンジニアの収入も上がりやすいので、大企業への転職も年収をアップする手段として有効です。

DAI

SESやベンチャー企業で働いていて収入に不満がある人は、一度の大企業求人を見てみるのもおすすめです。

複数の口コミサイトを調査してみましたが、メルカリなどの大企業で働くエンジニア年収の中央値は、1,000万円を超えているケースも多かったです。

3. メルカリ

日本の高給テック企業といえばこの企業を思い浮かべる人は多いのではないか？Wovenには劣るが十分に高い給与で、エンジニアの働きやすさの制度ではトップクラスだと思う。

しかしUSではレイオフが行われたりと一時期よりは拡大してない印象。まだチラホラ求人が残ってる。 pic.twitter.com/750kd24DQm

— サカモト@エンジニアキャリア論 (@sakamoto_582) May 17, 2023

職種を変える

DAI

広義の意味でのエンジニアは、さまざまな職種に分類されます。より上流工程を担当する職種につくことで年収は上がりやすくなるので、自身のキャリア設計を考えたうえで最適な職種を検討してみましょう。

PGからSEになる

いちばんわかりやすい例として、プログラマーからSEへと職種を変えることで、年収アップが期待できます。

それぞれを平均年収で比較すると、おおむね以下のような金額です。

• PGの平均年収：548万円
• SEの平均年収：627万円

※上記の数値は厚生労働省発表の賃金構造基本統計調査（2019）のデータをもとに「現金給与額×12カ月+年間賞与支給額」で年収を算出しています。

参考：賃金構造基本統計調査 （2019）

プログラマーは、アプリやソフトウェア開発におけるコーディングをすることがメインの業務ですが、SEは企画・設計が主な業務です。

担当領域がより上流になるので、経験を積むことで市場価値が上がり、年収も上がりやすいというメリットがあります。

私が一番好きな漫画はキングダムなのですが、IT業界もキングダム的な世界観があります。

キングダムでは歩兵から始まり大将軍になっていくのですが、IT業界もテスターに始まり、PG→SEになって、転職しながらドンドン年収上げて成り上がっていく世界観はまさにキングダムです

— 大平 祐輔 | SAPフリーランス社長 (@GranPaz_Yusuke) January 23, 2023

PdMになる

PdMになることでさらなる年収アップが期待できます。

SEの平均年収が627万円とお伝えしましたが、PdMになるとさらに上がり、平均年収は700万円ほどです。

PdMは製品やサービスの販売戦略までに責任を持ちます。市場のニーズを正確に把握することも求められるので、ビジネス的な視点も欠かせません。

プロダクトの成功に大きな影響を与えるポジションなので、経験者の年収は高額になりやすいのが特徴です。

コードを書くのが好きな人もエンジニア以外の選択肢をとると年収や単価が1.5～2倍になりえることは知っておいた方がよいです。PM・PdM・ITコンサルなどの経験者ですと単価は120～150万円くらいはとれますし、社員で働くにしても年収は高いです。少し視点を変えれば年収を上げることは難しくないです。

— IT菩薩＠モロー（キッカケエージェント） (@it_bosatsu_moro) July 2, 2023

昇進する

DAI

職種変更とも近いですが、昇進して役職がつくことでも年収は上がります。特にチームマネジメントを担うEMやCTOなどの経験があれば、エンジニアとしての市場価値は上がります。

EMになる

EM（エンジニアリングマネージャー）は技術チームを率いるリーダーで、プロジェクトの計画、実行、監督者としての役割を担います。

高い開発スキルを持つことはもちろん、リソース配分など効率的なオペレーション構築ができることが求められるので、EMの経験者は市場価値が上がりやすく、年収にも直結しやすいといえます。

CTOになる

CTOになることでも年収アップが期待できます。

エンジニアリングチームの構築、カルチャーの形成、技術スタックの選択など、CTOはさまざま役割を担い、それぞれの業務に責任が発生します。

企業の規模や成熟度によってもその役割は変わりますが、特に大企業であれば、高度な意思決定にも携わるため、その市場価値の高さは折り紙つきです。

年収が高くなるような実務経験を積む

年収が高くなるような経験を積むことでも、年収は上がりやすくなります。具体的には上流工程と呼ばれる業務の経験を積むのがおすすめです。

要件定義ができるようになる

実務の観点からは、要件定義や設計の経験を積むことが、一番年収を上げやすい方法です。

要件定義はプロジェクトの方向性を決定する重要なプロセスです。新しいサービスを立ち上げる際に、何が必要で、どのように開発を進めるべきかを定義します。

スキルを身につけてプロジェクトの成功に不可欠な存在となれば、それがあなたの市場価値を高めることにつながります。

チームマネジメントの経験を積む

チームマネジメント経験の有無も年収に直結します。

チームリーダーやマネージャーとして、プロジェクトの進行管理、メンバーの成長支援、目標達成への動機付けができるなど、リーダーシップ能力が評価されれば、年収アップへの道が開けるはずです。

コードレビューの経験を積む

コードレビューはチームのコード品質を高め、結果として製品の安定性を向上させる開発に不可欠なプロセスです。

パフォーマンスに影響する重い処理がないかなど、技術的な観点からコードを評価しますが、これは単なるコードの評価ではなく、フィードバックを通じたコミュニケーションのトレーニングにもなります。

建設的なフィードバックができるエンジニアは、チームのモチベーションを高め、より協力的な文化を築くことができるため、重宝されます。

結果的に年収にも繋がりやすいので、経験を積んでおいて損はありません。

顧客との折衝経験をつむ

技術だけではなく、顧客とのコミュニケーション能力もエンジニアにとっては貴重なスキルです。

特に顧客のニーズを理解し、それを技術的なソリューションに落とし込むことができれば、ビジネスの前線で活躍しやすく、年収アップにもつながる可能性があります。

マーケティングやCSなどのビジネス経験をつむ

マーケティングやカスタマーサクセス（CS）など、ビジネス系の業務経験を積むこともおすすめです。

開発技術だけではなく、製品が市場に受け入れられるためにはどうあるべきか、顧客満足度を高めるには何が必要かなど、ビジネスの視点からプロジェクトに取り組む経験は、あなたの視野を広げ、より大きなチャンスにもつながります。

エンジニアに限ったことではありませんが、ビジネスを推進してプロジェクトを成功に導くことができる人の市場価値は非常に高いです。

Javaエンジニアの年収アップにはフリーランスがおすすめ

年収アップの観点から見ると、Javaエンジニアはフリーランスになるのが、もっともおすすめの方法です。

企業にとって、フリーランスは雇用期間の定めがなく、プロジェクト単位での依頼ができる存在のため、採用リスクが少ないというメリットがあります。

フリーランス側からすると、いきなり契約が終了するリスクもありますが、負ったリスクのぶんは単価として反映されやすく、正社員と比較しても年収が上がりやすい傾向があります。

自己管理能力と専門性を持っていることが前提ですが、それに見合った収入とキャリアの自由度を手に入れられるのが、フリーランスの最大の魅力です。

DAI

とはいえ、同じプロジェクトしか経験していなかったり、1社でしか働いていなかったりしたら、自分にフリーランスとしてやれるだけのスキルが備わっているかわからないですよね？

そんな人こそ、まずはフリーランスエージェントのキャリアコンサルタントに自分のスキルセットを評価してもらうのがおすすめです。

登録者数No.1/利用者の平均年収876万円のレバテックフリーランスがおすすめ

はじめてフリーランスエージェントに登録するなら、まずは登録者数No1のレバテックフリーランスに登録するのがおすすめ。自分の年収が本当に適正か診断してもらいましょう！

DAI

実は今の給与が低すぎるかもしれない、ということに気づけるかもしれませんよ。

• 登録は1分！もちろん無料
• 面倒な職務経歴書の作成は不要
• 情報収集のための相談のみでもOK

とりあえず1分で無料登録してみる

Javaのフリーランス案件例

エンジニア

実際の案件を見てみないと、年収の話をされてもあまりピンとこないな。

エージェントに登録することを迷っている人のために、実際の案件も紹介していきます。

以下に2つほど案件例を掲載しますので、自分にも対応できそうかなど、ぜひ参考にしてみてください。

案件例1

案件例2

DAI

仮に上記の案件には対応できなそうでも、フリーランスエージェントは大量の非公開案件を保有しているので、まずはエージェントに登録してどんな案件があるか見てみるのがおすすめです。

Javaエンジニアにおすすめのフリーランスエージェント

フリーランスエージェントのカウンセリングを受けることで、あなたがフリーランスになると、どれぐらいの年収がもらえるのか診断してくれます。

結論、まずはレバテックフリーランスに登録するのがおすすめです。

レバテックフリーランスは業界最大手のエージェントで、公開・非公開含め、大量の案件を保有しています。

DAI

エージェントは多くのフリーランスと企業の情報を持っているので、あなたのスキルがどれくらいの市場価値を持っているのか、どのような案件を受注しやすいのかをはっきりと教えてくれます。

レバテックフリーランス以外では、以下のようなエージェントがおすすめです。

• ITプロパートナーズ
• HiPro Tech

それぞれの特徴を表にまとめているので、どんな案件があるか気になる人は参照してみてください（表は左右にスクロールできます）。

レバテックフリーランス

公式サイト：https://freelance.levtech.jp/

運営会社	レバテック株式会社
公開求人数 （現在募集中の案件）	l lang="ja">window.dataLayer = window.dataLayer || []; dataLayer.push({"ip": "35.225.183.23"}); dataLayer.push({"entry_id": ""}); dataLayer.push({"inflow_param": ""}); dataLayer.push({"job_id": "309264,278796,278851"}) dataLayer.push({"viewBasket": []}); dataLayer.push({"viewBasket_logicad": ""}); dataLayer.push({"basketstatus_rtb": ["LTF309264","LTF278796","LTF278851"]}); dataLayer.push({"rtb_job_id": "LTF309264,LTF278796,LTF278851,LTF278795,LTF278794"}); dataLayer.push({"freelance-experience": ""}); dataLayer.push({"engineer-experience": ""}); dataLayer.push({"project_status": ""}); dataLayer.push({"category_1_id": ""}); dataLayer.push({"sha256_phone_number": ""}); dataLayer.push({"sha256_email_address": ""}); dataLayer.push({"project_id": ""}); dataLayer.push({"site_type": ""});(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-K8K2XB');{"imports":{"#entry":"/_ltf-nuxt/CbtK8gA9.js"}}の絞り込み検索 | ITフリーエンジニアのための【レバテックフリーランス】.projectSearchLayout[data-v-4c986aae]{background:#f0f0f0}.h1Title[data-v-4c986aae]{background:#f5f5f5;color:#666;font-size:1rem;line-height:20px;overflow:auto;padding:0 8px;white-space:nowrap}.baseHeader[data-v-8e6fca8c]{background:#fff;border-bottom:1px solid #e1e1e1;min-width:960px;width:100%}.baseHeader.is-fixed[data-v-8e6fca8c]{opacity:0;position:fixed;top:0;transform:translateY(-100%);transition:.1s;visibility:hidden;z-index:100}.baseHeader.is-fixed.is-show[data-v-8e6fca8c]{box-shadow:0 2px 8px 1px #0000001a,0 1px 5px #0000004d;opacity:1;transform:translateY(0);visibility:visible}.baseHeader.is-sticky[data-v-8e6fca8c]{position:sticky}.baseHeader.-layout-l[data-v-8e6fca8c]{min-width:1024px}.headerNav[data-v-8e6fca8c]{display:flex;height:60px;justify-content:space-between;margin:auto;width:960px}.is-fixed .headerNav[data-v-8e6fca8c]{padding:0}.headerNav>.icon[data-v-8e6fca8c]{align-items:center;display:flex;transition:.2s;width:150px}.headerNav>.icon[data-v-8e6fca8c]:hover{opacity:.7}.headerNav.-layout-l[data-v-8e6fca8c]{width:1024px}.headerInfo[data-v-69f51b4a]{background:#f5f5f5}.headerInfo>.inner[data-v-69f51b4a]{align-items:center;box-sizing:border-box;display:flex;margin:auto;min-height:25px;padding:0 12px;width:960px}.headerInfo>.inner.-layout-l[data-v-69f51b4a]{min-width:1024px}.headerInfo>.inner>.title[data-v-69f51b4a]{flex:1;font-size:10px;line-height:120%;width:500px}.linkList[data-v-69f51b4a]{display:flex;gap:16px}.linkList>.item[data-v-69f51b4a]{font-size:10px}.linkList>.item>.link[data-v-69f51b4a]{color:#666;text-decoration:none}.globalNav[data-v-3708a726]{align-items:center;display:flex;flex:1 0 0;gap:24px;justify-content:center;padding-left:24px}.globalNav.-top[data-v-3708a726]{gap:16px}.globalNav>.menu[data-v-3708a726]{padding:12px 0;position:relative;z-index:100}.globalNav>.menu[data-v-3708a726]:after{background:#3c7da2;bottom:0;content:"";height:2px;left:0;margin:auto;position:absolute;right:0;transition:.2s;width:0}.globalNav>.menu[data-v-3708a726]:hover:after{width:100%}.globalNav>.menu>.link[data-v-3708a726]{color:#2d2d2d;display:block;font-size:14px;font-weight:700;letter-spacing:.05em;text-align:center;text-decoration:none}.globalNav>.menu>.link[data-v-3708a726]:hover{color:#3c7da2}.projectDropdown[data-v-16b98d22]{background:#fff;border-radius:4px;box-shadow:0 2px 8px #37789b3d;left:-120px;max-width:750px;overflow:hidden;padding:16px 24px;position:absolute;top:calc(100% + 1px);transform:translate(0);white-space:nowrap;z-index:9999}.projectDropdown.-top[data-v-16b98d22]{left:-24px}.projectDropdown>.title[data-v-16b98d22]{border-bottom:1px solid #e1e1e1;font-size:1.2rem;margin-bottom:4px}.categoryItem[data-v-16b98d22]{align-items:center;border-bottom:1px solid #e1e1e1;box-sizing:border-box;display:flex;padding:12px 24px}.categoryItem>.title[data-v-16b98d22]{align-items:center;color:#2d2d2d;display:flex;flex:0 0 160px;font-size:12px;gap:8px}.categoryItem>.title>.image[data-v-16b98d22]{display:inline-block;height:auto;opacity:.8;vertical-align:bottom;width:24px}.categoryItem>.title>.text[data-v-16b98d22]{display:block;line-height:100%}.topLink[data-v-16b98d22]{margin:16px auto 4px;width:240px}.navLinks[data-v-16b98d22]{display:flex;flex-wrap:wrap;gap:8px;width:450px}.navLinks>.item[data-v-16b98d22]{opacity:.9}.navLinks>.item>.link[data-v-16b98d22]{align-items:center;color:#2d2d2d;display:flex;font-size:12px;gap:4px;text-decoration:none}.navLinks>.item>.link[data-v-16b98d22]:hover{color:#3c7da2}.navLinks>.item>.link>.text[data-v-16b98d22]{display:block;line-height:100%}.commonDropdown[data-v-f81cf3a7]{background:#fff;border-radius:4px;box-shadow:0 2px 8px #37789b3d;left:50%;max-width:750px;overflow:hidden;position:absolute;top:calc(100% + 1px);transform:translate(-50%);white-space:nowrap;z-index:9999}.navLinks[data-v-f81cf3a7]{padding:8px 0}.navLinks>.item>.link[data-v-f81cf3a7]{color:#2d2d2d;display:flex;font-size:1.4rem;gap:4px;line-height:40px;padding:0 24px;text-decoration:none;transition:.2s}.navLinks>.item>.link[data-v-f81cf3a7]:hover{background:#f5f5f5}.navLinks>.item>.link>.icon[data-v-f81cf3a7]{height:auto;vertical-align:middle;width:16px}.navButtons[data-v-03905df9]{align-items:center;display:flex;gap:16px;position:relative;width:416px}.navButtons>.border[data-v-03905df9]{background:#f5f5f5;height:32px;width:1px}.navButtons>.anchor[data-v-03905df9]{color:#666;font-size:1.3rem}.navButtons>.register[data-v-03905df9]{position:absolute;right:0;top:0}.loginButton[data-v-17b0804c]{align-items:center;background-color:#fff;border:2px solid #3c7da2;border-radius:9999px;cursor:pointer;display:flex;gap:8px;height:48px;justify-content:center;text-align:center;text-decoration:none;width:120px}.loginButton[data-v-17b0804c]:hover{background-color:#f5f5f5}.loginButton>.text[data-v-17b0804c]{color:#3c7da2;font-size:14px;font-weight:700;line-height:145%}.registerButton[data-v-39510fe1]{align-items:center;background:#f94132;border-radius:0 0 16px 16px;box-shadow:0 4px 16px 3px #0000001a,0 1px 6px #0000004d;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-weight:700;padding:12px 28px 16px;text-decoration:none;transition:all .2s ease}.registerButton[data-v-39510fe1]:hover{padding-top:24px}.registerButton>.top[data-v-39510fe1]{display:flex;font-size:14px;gap:8px;line-height:145%}.registerButton>.bottom[data-v-39510fe1]{font-size:24px;line-height:135%}.breadcrumbList[data-v-01ea76b2]{display:flex;flex-wrap:wrap;margin:8px auto 0;width:960px}.breadcrumbList>.item[data-v-01ea76b2]{font-family:Roboto,Noto Sans JP;font-size:12px;font-weight:400;letter-spacing:.02em;line-height:130%;text-decoration:none}.breadcrumbList>.item>.link[data-v-01ea76b2]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAMCAYAAABFohwTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0QkFGRUM0MDQ2QTBFMzExQjIwRUU1QTY5NzA0NjUxOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0M0JCMkE5QzREMTMxMUU0QjA5RThBNjhDM0U2MjMxRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0M0JCMkE5QjREMTMxMUU0QjA5RThBNjhDM0U2MjMxRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAxNTZCRjEzRDJCNEUzMTFBQjUwQTEwNDNCMjI3MURCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRCQUZFQzQwNDZBMEUzMTFCMjBFRTVBNjk3MDQ2NTE4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+gCssdwAAAEhJREFUeNpi/P//PwMyYGJAAxgCLCYmJvOBdDYQf4OpSADiM0Csg6xFE4hPgiQxzYDSV4E4AoivgFQsAGIzEAckw0i6wwACDAClpQ8GCZIcXgAAAABJRU5ErkJggg==) no-repeat 100%;margin-right:8px;padding-right:16px}.breadcrumbList.-layout-l[data-v-01ea76b2]{width:1024px}.projectSearchWrapper[data-v-2463622e]{display:flex;flex-direction:column;gap:16px;margin:0 auto;padding:8px 0 100px;width:960px}.projectSearchWrapper.is-noInput[data-v-2463622e]{padding-bottom:240px}@media (max-width:767px){.projectSearchWrapper[data-v-2463622e]{flex-direction:column;gap:24px;padding:0;width:auto}}.projectSearchWrapper>.conditions[data-v-2463622e]{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 1px 4px #00000052;display:flex;flex-direction:column;gap:16px;padding:16px 0}.projectSearchWrapper>.projects[data-v-2463622e]{display:flex;gap:20px;margin:0 auto}.projectSearchWrapper>.title[data-v-2463622e]{font-size:28px;font-weight:700;letter-spacing:1.12px;line-height:130%;margin-top:40px}.efArea[data-v-2463622e]{width:240px}.slideFade-enter-active[data-v-2463622e]{opacity:1;transform:translateY(0);transition:1s}.slideFade-enter-from[data-v-2463622e]{opacity:0;transform:translateY(40px)}.floatingBanner[data-v-2463622e]{bottom:180px;position:fixed;right:32px;z-index:100}.searchButton[data-v-2463622e]{align-items:center;display:flex;gap:4px;justify-content:center;text-align:center;width:100%}.searchButton>.text[data-v-2463622e]{flex:1 0 0}.searchIcon[data-v-2463622e]{align-items:center;background:#3c7da2;border-radius:9999px;bottom:56px;box-shadow:0 6px 20px 4px #0000001a,0 2px 6px #0000004d;display:flex;height:52px;justify-content:center;padding:8px;position:fixed;right:19px;width:52px;z-index:2}.baseFooter[data-v-0a88dff7]{background:#2d2d2d;padding-top:32px;width:100%}.baseFooter>.inner[data-v-0a88dff7]{display:grid;gap:32px;margin:0 auto;max-width:1024px;padding-bottom:32px;position:relative}.pageTop[data-v-0a88dff7]{position:absolute;right:0;top:-80px}.pageTop[data-v-0a88dff7]:hover{opacity:.7}.linkList[data-v-0a88dff7]{display:grid;gap:20px 12px;grid-template-columns:repeat(5,1fr)}.projectLinksWrapper[data-v-0a88dff7]{border-top:1px solid #fff;padding-top:36px}.projectLinksWrapper>.title[data-v-0a88dff7]{color:#fff;font-family:Roboto,Noto Sans JP;font-size:16px;font-weight:700;letter-spacing:.04em;line-height:150%;margin-bottom:20px;text-decoration:none}.serviceLinksWrapper[data-v-0a88dff7]{border-top:1px solid #fff;padding-top:20px}.serviceLinksWrapper>.title[data-v-0a88dff7]{color:#fff;font-family:Roboto,Noto Sans JP;font-size:16px;font-weight:700;letter-spacing:.04em;line-height:150%;margin-bottom:20px;text-decoration:none}.serviceLinkList[data-v-0a88dff7]{display:grid;gap:16px 12px;grid-template-columns:repeat(5,1fr)}.footerBottom[data-v-0a88dff7]{background:#fff;display:flex;justify-content:center;padding:8px 0}.footerBottom>.inner[data-v-0a88dff7]{display:flex;justify-content:space-between;width:1024px}.footerBottom>.inner>.logo[data-v-0a88dff7]{align-items:flex-end;display:flex;flex-direction:column;gap:4px;padding-top:8px}.footerCopyright[data-v-7dcb1cb2]{color:#666;font-size:14px;line-height:145%}@media (max-width:767px){.footerCopyright[data-v-7dcb1cb2]{background:none;display:block;font-size:14px;letter-spacing:.28px;padding:0;text-align:center}}.conditionsWrapper[data-v-e7e9a3a0]{background-color:#fff;border:2px solid #ccc;border-radius:4px;height:304px;padding:8px 0}.conditionPanel[data-v-7f598464]{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 1px 4px #00000052;display:flex;flex-direction:column;gap:16px;padding:16px 0}.headerWrapper[data-v-7f598464]{display:flex;gap:20px;justify-content:end;margin-right:12px}.headerWrapper>.close[data-v-7f598464]{margin:8px;width:28px}.headerWrapper>.close>.button[data-v-7f598464]{cursor:pointer}.iconAndContents[data-v-7f598464]{display:flex;gap:16px;justify-content:space-between;margin:0 24px}.iconAndContents>.contents[data-v-7f598464]{display:flex;flex-direction:column;flex-grow:1;gap:16px;padding-top:16px}.iconAndCounts[data-v-7f598464]{align-items:center;display:flex;flex-direction:column;gap:72px}.footerWrapper[data-v-7f598464]{align-items:center;display:grid;grid-template-columns:1fr auto 1fr;margin:0 16px}.footerWrapper>.prev[data-v-7f598464]{justify-self:start}.footerWrapper>.prev>.button[data-v-7f598464]{align-items:center;color:#666;cursor:pointer;display:flex;font-size:1.4rem;font-weight:700;gap:8px;line-height:1.4285714286;width:64px}.footerWrapper>.search[data-v-7f598464]{cursor:pointer;display:flex;justify-self:center;width:260px}.footerWrapper>.search.is-bounds[data-v-7f598464]{animation:animation-7f598464 1.4s;animation-iteration-count:3}@keyframes animation-7f598464{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.footerWrapper>.next[data-v-7f598464]{align-items:center;color:#3c7da2;cursor:pointer;display:flex;font-size:1.6rem;font-weight:700;gap:8px;justify-self:end;line-height:1.625;width:64px}.categoryWrapper[data-v-b8534137]{align-items:center;display:flex;gap:64px;justify-content:center}.categoryCheck[data-v-b8534137]{cursor:pointer;gap:8px;height:49px;min-width:80px}.categoryCheck[data-v-b8534137],.categoryCheck>.circle[data-v-b8534137]{align-items:center;display:flex;flex-direction:column}.categoryCheck>.circle[data-v-b8534137]{background:#999;border-radius:24px;height:24px;justify-content:center;width:24px}.categoryCheck>.circle>.icon[data-v-b8534137]{width:12px}.categoryCheck.is-active>.circle[data-v-b8534137]{background:#3c7da2}.categoryCheck:hover>.circle[data-v-b8534137]{background:#737373}.categoryCheck:hover.is-active>.circle[data-v-b8534137]{background:#2e607d}.categoryCheck>.label[data-v-b8534137]{color:#999;font-size:1.2rem;font-weight:400;line-height:140%;text-decoration-line:underline}.categoryCheck>.label.is-bold[data-v-b8534137]{font-weight:700}.categoryCheck.is-active>.label[data-v-b8534137]{color:#2d2d2d}.svgIcon[data-v-fe194ea1]{display:block;height:auto;width:100%}.projectAndConditionCounts[data-v-2a2124fa]{text-align:center;width:91px}.projectAndConditionCounts>.condition[data-v-2a2124fa]{font-size:1.6rem}.projectCount[data-v-2a2124fa]{align-items:baseline;display:flex;justify-content:center}.projectCount>.count[data-v-2a2124fa]{color:#f94132;font-size:2.6rem;font-weight:700;line-height:1.5}.projectCount>.bounce[data-v-2a2124fa]{animation:bounce-2a2124fa 1s}.projectCount>.postfix[data-v-2a2124fa]{font-size:1.4rem;line-height:2}@keyframes bounce-2a2124fa{50%{transform:scale(1.2)}}.speechBalloon[data-v-afd25b05]{background:#f0f0f0;border-radius:0 12px 12px 16px;padding:8px 16px;position:relative;width:-moz-fit-content;width:fit-content}.speechBalloon>.character[data-v-afd25b05]{font-size:1.6rem;font-weight:700;line-height:1.625;white-space:pre-line}.speechBalloon>.character.is-animation[data-v-afd25b05]{animation:be-visible-afd25b05 0s forwards;opacity:0}.speechBalloon[data-v-afd25b05] .big{font-size:2.4rem;line-height:1.5}.speechBalloon[data-v-afd25b05] .accent{color:#f94132}.speechBalloon>.character[data-v-afd25b05]:first-child{animation-delay:1.07s}.speechBalloon>.character[data-v-afd25b05]:nth-child(2){animation-delay:1.14s}.speechBalloon>.character[data-v-afd25b05]:nth-child(3){animation-delay:1.21s}.speechBalloon>.character[data-v-afd25b05]:nth-child(4){animation-delay:1.28s}.speechBalloon>.character[data-v-afd25b05]:nth-child(5){animation-delay:1.35s}.speechBalloon>.character[data-v-afd25b05]:nth-child(6){animation-delay:1.42s}.speechBalloon>.character[data-v-afd25b05]:nth-child(7){animation-delay:1.49s}.speechBalloon>.character[data-v-afd25b05]:nth-child(8){animation-delay:1.56s}.speechBalloon>.character[data-v-afd25b05]:nth-child(9){animation-delay:1.63s}.speechBalloon>.character[data-v-afd25b05]:nth-child(10){animation-delay:1.7s}.speechBalloon>.character[data-v-afd25b05]:nth-child(11){animation-delay:1.77s}.speechBalloon>.character[data-v-afd25b05]:nth-child(12){animation-delay:1.84s}.speechBalloon>.character[data-v-afd25b05]:nth-child(13){animation-delay:1.91s}.speechBalloon>.character[data-v-afd25b05]:nth-child(14){animation-delay:1.98s}.speechBalloon>.character[data-v-afd25b05]:nth-child(15){animation-delay:2.05s}.speechBalloon>.character[data-v-afd25b05]:nth-child(16){animation-delay:2.12s}.speechBalloon>.character[data-v-afd25b05]:nth-child(17){animation-delay:2.19s}.speechBalloon>.character[data-v-afd25b05]:nth-child(18){animation-delay:2.26s}.speechBalloon>.character[data-v-afd25b05]:nth-child(19){animation-delay:2.33s}.speechBalloon>.character[data-v-afd25b05]:nth-child(20){animation-delay:2.4s}.speechBalloon>.character[data-v-afd25b05]:nth-child(21){animation-delay:2.47s}.speechBalloon>.character[data-v-afd25b05]:nth-child(22){animation-delay:2.54s}.speechBalloon>.character[data-v-afd25b05]:nth-child(23){animation-delay:2.61s}.speechBalloon>.character[data-v-afd25b05]:nth-child(24){animation-delay:2.68s}.speechBalloon>.character[data-v-afd25b05]:nth-child(25){animation-delay:2.75s}.speechBalloon>.character[data-v-afd25b05]:nth-child(26){animation-delay:2.82s}.speechBalloon>.character[data-v-afd25b05]:nth-child(27){animation-delay:2.89s}.speechBalloon>.character[data-v-afd25b05]:nth-child(28){animation-delay:2.96s}.speechBalloon>.character[data-v-afd25b05]:nth-child(29){animation-delay:3.03s}.speechBalloon>.character[data-v-afd25b05]:nth-child(30){animation-delay:3.1s}.speechBalloon>.character[data-v-afd25b05]:nth-child(31){animation-delay:3.17s}.speechBalloon>.character[data-v-afd25b05]:nth-child(32){animation-delay:3.24s}.speechBalloon>.character[data-v-afd25b05]:nth-child(33){animation-delay:3.31s}.speechBalloon>.character[data-v-afd25b05]:nth-child(34){animation-delay:3.38s}.speechBalloon>.character[data-v-afd25b05]:nth-child(35){animation-delay:3.45s}.speechBalloon>.character[data-v-afd25b05]:nth-child(36){animation-delay:3.52s}.speechBalloon>.character[data-v-afd25b05]:nth-child(37){animation-delay:3.59s}.speechBalloon>.character[data-v-afd25b05]:nth-child(38){animation-delay:3.66s}.speechBalloon>.character[data-v-afd25b05]:nth-child(39){animation-delay:3.73s}.speechBalloon>.character[data-v-afd25b05]:nth-child(40){animation-delay:3.8s}.speechBalloon>.character[data-v-afd25b05]:nth-child(41){animation-delay:3.87s}.speechBalloon>.character[data-v-afd25b05]:nth-child(42){animation-delay:3.94s}.speechBalloon>.character[data-v-afd25b05]:nth-child(43){animation-delay:4.01s}.speechBalloon>.character[data-v-afd25b05]:nth-child(44){animation-delay:4.08s}.speechBalloon>.character[data-v-afd25b05]:nth-child(45){animation-delay:4.15s}.speechBalloon>.character[data-v-afd25b05]:nth-child(46){animation-delay:4.22s}.speechBalloon>.character[data-v-afd25b05]:nth-child(47){animation-delay:4.29s}.speechBalloon>.character[data-v-afd25b05]:nth-child(48){animation-delay:4.36s}.speechBalloon>.character[data-v-afd25b05]:nth-child(49){animation-delay:4.43s}.speechBalloon>.character[data-v-afd25b05]:nth-child(50){animation-delay:4.5s}.speechBalloon>.character[data-v-afd25b05]:nth-child(51){animation-delay:4.57s}.speechBalloon>.character[data-v-afd25b05]:nth-child(52){animation-delay:4.64s}.speechBalloon>.character[data-v-afd25b05]:nth-child(53){animation-delay:4.71s}.speechBalloon>.character[data-v-afd25b05]:nth-child(54){animation-delay:4.78s}.speechBalloon>.character[data-v-afd25b05]:nth-child(55){animation-delay:4.85s}.speechBalloon>.character[data-v-afd25b05]:nth-child(56){animation-delay:4.92s}.speechBalloon>.character[data-v-afd25b05]:nth-child(57){animation-delay:4.99s}.speechBalloon>.character[data-v-afd25b05]:nth-child(58){animation-delay:5.06s}.speechBalloon>.character[data-v-afd25b05]:nth-child(59){animation-delay:5.13s}.speechBalloon>.character[data-v-afd25b05]:nth-child(60){animation-delay:5.2s}.speechBalloon>.character[data-v-afd25b05]:nth-child(61){animation-delay:5.27s}.speechBalloon>.character[data-v-afd25b05]:nth-child(62){animation-delay:5.34s}.speechBalloon>.character[data-v-afd25b05]:nth-child(63){animation-delay:5.41s}.speechBalloon>.character[data-v-afd25b05]:nth-child(64){animation-delay:5.48s}.speechBalloon>.character[data-v-afd25b05]:nth-child(65){animation-delay:5.55s}.speechBalloon>.character[data-v-afd25b05]:nth-child(66){animation-delay:5.62s}.speechBalloon>.character[data-v-afd25b05]:nth-child(67){animation-delay:5.69s}.speechBalloon>.character[data-v-afd25b05]:nth-child(68){animation-delay:5.76s}.speechBalloon>.character[data-v-afd25b05]:nth-child(69){animation-delay:5.83s}.speechBalloon>.character[data-v-afd25b05]:nth-child(70){animation-delay:5.9s}.speechBalloon>.character[data-v-afd25b05]:nth-child(71){animation-delay:5.97s}.speechBalloon>.character[data-v-afd25b05]:nth-child(72){animation-delay:6.04s}.speechBalloon>.character[data-v-afd25b05]:nth-child(73){animation-delay:6.11s}.speechBalloon>.character[data-v-afd25b05]:nth-child(74){animation-delay:6.18s}.speechBalloon>.character[data-v-afd25b05]:nth-child(75){animation-delay:6.25s}.speechBalloon>.character[data-v-afd25b05]:nth-child(76){animation-delay:6.32s}.speechBalloon>.character[data-v-afd25b05]:nth-child(77){animation-delay:6.39s}.speechBalloon>.character[data-v-afd25b05]:nth-child(78){animation-delay:6.46s}.speechBalloon>.character[data-v-afd25b05]:nth-child(79){animation-delay:6.53s}.speechBalloon>.character[data-v-afd25b05]:nth-child(80){animation-delay:6.6s}.speechBalloon>.character[data-v-afd25b05]:nth-child(81){animation-delay:6.67s}.speechBalloon>.character[data-v-afd25b05]:nth-child(82){animation-delay:6.74s}.speechBalloon>.character[data-v-afd25b05]:nth-child(83){animation-delay:6.81s}.speechBalloon>.character[data-v-afd25b05]:nth-child(84){animation-delay:6.88s}.speechBalloon>.character[data-v-afd25b05]:nth-child(85){animation-delay:6.95s}.speechBalloon>.character[data-v-afd25b05]:nth-child(86){animation-delay:7.02s}.speechBalloon>.character[data-v-afd25b05]:nth-child(87){animation-delay:7.09s}.speechBalloon>.character[data-v-afd25b05]:nth-child(88){animation-delay:7.16s}.speechBalloon>.character[data-v-afd25b05]:nth-child(89){animation-delay:7.23s}.speechBalloon>.character[data-v-afd25b05]:nth-child(90){animation-delay:7.3s}.speechBalloon>.character[data-v-afd25b05]:nth-child(91){animation-delay:7.37s}.speechBalloon>.character[data-v-afd25b05]:nth-child(92){animation-delay:7.44s}.speechBalloon>.character[data-v-afd25b05]:nth-child(93){animation-delay:7.51s}.speechBalloon>.character[data-v-afd25b05]:nth-child(94){animation-delay:7.58s}.speechBalloon>.character[data-v-afd25b05]:nth-child(95){animation-delay:7.65s}.speechBalloon>.character[data-v-afd25b05]:nth-child(96){animation-delay:7.72s}.speechBalloon>.character[data-v-afd25b05]:nth-child(97){animation-delay:7.79s}.speechBalloon>.character[data-v-afd25b05]:nth-child(98){animation-delay:7.86s}.speechBalloon>.character[data-v-afd25b05]:nth-child(99){animation-delay:7.93s}.speechBalloon>.character[data-v-afd25b05]:nth-child(100){animation-delay:8s}@keyframes be-visible-afd25b05{0%{opacity:0}to{opacity:1}}.conditionCategory[data-v-b1495dee]{display:flex;flex-wrap:wrap;margin-left:24px;row-gap:8px}.conditionCategory>.item[data-v-b1495dee]{align-items:center;display:flex;height:28px;width:33.3%}.conditionCategory>.item>.checkbox[data-v-b1495dee]{width:-moz-fit-content;width:fit-content}.checkBox[data-v-38406141]{align-items:center;cursor:pointer;display:flex;flex:1;font-size:1.3rem;gap:6px;line-height:1;position:relative}.checkBox[data-v-38406141]:before{background:#fff;border:1px solid #b4b4b4;border-radius:2px;content:"";height:16px;min-width:16px;position:relative;transition:.3s;width:16px}.checkBox[data-v-38406141]:hover:before{border-color:#3c7da2}.checkBox[data-v-38406141]:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' fill='none' viewBox='0 0 14 10'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M12.98 1.015a.92.92 0 0 0-1.294 0L5 7.628 2.313 4.972a.92.92 0 0 0-1.294 0 .904.904 0 0 0 0 1.287l3.333 3.297a.92.92 0 0 0 1.295 0l7.333-7.253a.904.904 0 0 0 0-1.288' clip-rule='evenodd'/%3E%3C/svg%3E") 50%/contain no-repeat;content:"";display:none;height:9px;left:2px;position:absolute;width:12px}.checkBox.-medium[data-v-38406141]{font-size:1.4rem}.checkBox.-padding[data-v-38406141]{padding:10px 8px}.checkBox.-padding[data-v-38406141]:after{left:10px}.checkBox.-paddingWide[data-v-38406141]{padding:12px 16px}.checkBox.-paddingWide[data-v-38406141]:after{left:18px}.checkBox.is-checked[data-v-38406141]{border-color:#3c7da2}.checkBox.is-checked[data-v-38406141]:before{background:#3c7da2;border-color:#3c7da2}.checkBox.is-checked[data-v-38406141]:after{display:block}.checkBox.is-disabled[data-v-38406141]{cursor:not-allowed}.checkBox>.input[data-v-38406141]{display:none}@charset "UTF-8";/*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev * * Copyright (c) 2022 Animate.css */._sticker_r6uut_9{--animate-duration: 1s;--animate-delay: 1s;--animate-repeat: 1}._animate__animated_r6uut_15{animation-duration:var(--animate-duration);animation-fill-mode:both}._animate__animated_r6uut_15._animate__infinite_r6uut_20{animation-iteration-count:infinite}._animate__animated_r6uut_15._animate__repeat-1_r6uut_24{animation-iteration-count:var(--animate-repeat)}._animate__animated_r6uut_15._animate__repeat-2_r6uut_28{animation-iteration-count:calc(var(--animate-repeat) * 2)}._animate__animated_r6uut_15._animate__repeat-3_r6uut_32{animation-iteration-count:calc(var(--animate-repeat) * 3)}._animate__animated_r6uut_15._animate__delay-1s_r6uut_36{animation-delay:var(--animate-delay)}._animate__animated_r6uut_15._animate__delay-2s_r6uut_40{animation-delay:calc(var(--animate-delay) * 2)}._animate__animated_r6uut_15._animate__delay-3s_r6uut_44{animation-delay:calc(var(--animate-delay) * 3)}._animate__animated_r6uut_15._animate__delay-4s_r6uut_48{animation-delay:calc(var(--animate-delay) * 4)}._animate__animated_r6uut_15._animate__delay-5s_r6uut_52{animation-delay:calc(var(--animate-delay) * 5)}._animate__animated_r6uut_15._animate__faster_r6uut_56{animation-duration:calc(var(--animate-duration) / 2)}._animate__animated_r6uut_15._animate__fast_r6uut_56{animation-duration:calc(var(--animate-duration) * .8)}._animate__animated_r6uut_15._animate__slow_r6uut_64{animation-duration:calc(var(--animate-duration) * 2)}._animate__animated_r6uut_15._animate__slower_r6uut_68{animation-duration:calc(var(--animate-duration) * 3)}@media print{._animate__animated_r6uut_15{animation-duration:1ms!important;transition-duration:1ms!important;animation-iteration-count:1!important}._animate__animated_r6uut_15[class*=Out]{opacity:0}}@keyframes _bounce_r6uut_1{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0) scaleY(.95)}90%{transform:translate3d(0,-4px,0) scaleY(1.02)}}._animate__bounce_r6uut_116{animation-name:_bounce_r6uut_1;transform-origin:center bottom}@keyframes _flash_r6uut_1{0%,50%,to{opacity:1}25%,75%{opacity:0}}._animate__flash_r6uut_134{animation-name:_flash_r6uut_1}@keyframes _pulse_r6uut_1{0%{transform:scaleZ(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleZ(1)}}._animate__pulse_r6uut_153{animation-name:_pulse_r6uut_1;animation-timing-function:ease-in-out}@keyframes _rubberBand_r6uut_1{0%{transform:scaleZ(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleZ(1)}}._animate__rubberBand_r6uut_188{animation-name:_rubberBand_r6uut_1}@keyframes _shakeX_r6uut_1{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}._animate__shakeX_r6uut_214{animation-name:_shakeX_r6uut_1}@keyframes _shakeY_r6uut_1{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}}._animate__shakeY_r6uut_240{animation-name:_shakeY_r6uut_1}@keyframes _headShake_r6uut_1{0%{transform:translate(0)}6.5%{transform:translate(-6px) rotateY(-9deg)}18.5%{transform:translate(5px) rotateY(7deg)}31.5%{transform:translate(-3px) rotateY(-5deg)}43.5%{transform:translate(2px) rotateY(3deg)}50%{transform:translate(0)}}._animate__headShake_r6uut_270{animation-timing-function:ease-in-out;animation-name:_headShake_r6uut_1}@keyframes _swing_r6uut_1{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0)}}._animate__swing_r6uut_297{transform-origin:top center;animation-name:_swing_r6uut_1}@keyframes _tada_r6uut_1{0%{transform:scaleZ(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{transform:scaleZ(1)}}._animate__tada_r6uut_330{animation-name:_tada_r6uut_1}@keyframes _wobble_r6uut_1{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{transform:translateZ(0)}}._animate__wobble_r6uut_365{animation-name:_wobble_r6uut_1}@keyframes _jello_r6uut_1{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skew(-12.5deg) skewY(-12.5deg)}33.3%{transform:skew(6.25deg) skewY(6.25deg)}44.4%{transform:skew(-3.125deg) skewY(-3.125deg)}55.5%{transform:skew(1.5625deg) skewY(1.5625deg)}66.6%{transform:skew(-.78125deg) skewY(-.78125deg)}77.7%{transform:skew(.390625deg) skewY(.390625deg)}88.8%{transform:skew(-.1953125deg) skewY(-.1953125deg)}}._animate__jello_r6uut_405{animation-name:_jello_r6uut_1;transform-origin:center}@keyframes _heartBeat_r6uut_1{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}._animate__heartBeat_r6uut_432{animation-name:_heartBeat_r6uut_1;animation-duration:calc(var(--animate-duration) * 1.3);animation-timing-function:ease-in-out}@keyframes _backInDown_r6uut_1{0%{transform:translateY(-1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}._animate__backInDown_r6uut_456{animation-name:_backInDown_r6uut_1}@keyframes _backInLeft_r6uut_1{0%{transform:translate(-2000px) scale(.7);opacity:.7}80%{transform:translate(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}._animate__backInLeft_r6uut_477{animation-name:_backInLeft_r6uut_1}@keyframes _backInRight_r6uut_1{0%{transform:translate(2000px) scale(.7);opacity:.7}80%{transform:translate(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}._animate__backInRight_r6uut_498{animation-name:_backInRight_r6uut_1}@keyframes _backInUp_r6uut_1{0%{transform:translateY(1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}._animate__backInUp_r6uut_519{animation-name:_backInUp_r6uut_1}@keyframes _bounceIn_r6uut_1{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleZ(1)}}._animate__bounceIn_r6uut_562{animation-duration:calc(var(--animate-duration) * .75);animation-name:_bounceIn_r6uut_1}@keyframes _bounceInDown_r6uut_1{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translateZ(0)}}._animate__bounceInDown_r6uut_599{animation-name:_bounceInDown_r6uut_1}@keyframes _bounceInLeft_r6uut_1{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(25px,0,0) scaleX(1)}75%{transform:translate3d(-10px,0,0) scaleX(.98)}90%{transform:translate3d(5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}._animate__bounceInLeft_r6uut_635{animation-name:_bounceInLeft_r6uut_1}@keyframes _bounceInRight_r6uut_1{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}._animate__bounceInRight_r6uut_671{animation-name:_bounceInRight_r6uut_1}@keyframes _bounceInUp_r6uut_1{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translateZ(0)}}._animate__bounceInUp_r6uut_707{animation-name:_bounceInUp_r6uut_1}@keyframes _fadeIn_r6uut_1{0%{opacity:0}to{opacity:1}}._animate__fadeIn_r6uut_722{animation-name:_fadeIn_r6uut_1}@keyframes _fadeInDown_r6uut_1{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}._animate__fadeInDown_r6uut_738{animation-name:_fadeInDown_r6uut_1}@keyframes _fadeInDownBig_r6uut_1{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}}._animate__fadeInDownBig_r6uut_754{animation-name:_fadeInDownBig_r6uut_1}@keyframes _fadeInLeft_r6uut_1{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}._animate__fadeInLeft_r6uut_770{animation-name:_fadeInLeft_r6uut_1}@keyframes _fadeInLeftBig_r6uut_1{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}}._animate__fadeInLeftBig_r6uut_786{animation-name:_fadeInLeftBig_r6uut_1}@keyframes _fadeInRight_r6uut_1{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}._animate__fadeInRight_r6uut_802{animation-name:_fadeInRight_r6uut_1}@keyframes _fadeInRightBig_r6uut_1{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}}._animate__fadeInRightBig_r6uut_818{animation-name:_fadeInRightBig_r6uut_1}@keyframes _fadeInUp_r6uut_1{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}._animate__fadeInUp_r6uut_834{animation-name:_fadeInUp_r6uut_1}@keyframes _fadeInUpBig_r6uut_1{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}}._animate__fadeInUpBig_r6uut_850{animation-name:_fadeInUpBig_r6uut_1}@keyframes _fadeInTopLeft_r6uut_1{0%{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}._animate__fadeInTopLeft_r6uut_865{animation-name:_fadeInTopLeft_r6uut_1}@keyframes _fadeInTopRight_r6uut_1{0%{opacity:0;transform:translate3d(100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}._animate__fadeInTopRight_r6uut_880{animation-name:_fadeInTopRight_r6uut_1}@keyframes _fadeInBottomLeft_r6uut_1{0%{opacity:0;transform:translate3d(-100%,100%,0)}to{opacity:1;transform:translateZ(0)}}._animate__fadeInBottomLeft_r6uut_895{animation-name:_fadeInBottomLeft_r6uut_1}@keyframes _fadeInBottomRight_r6uut_1{0%{opacity:0;transform:translate3d(100%,100%,0)}to{opacity:1;transform:translateZ(0)}}._animate__fadeInBottomRight_r6uut_910{animation-name:_fadeInBottomRight_r6uut_1}@keyframes _flip_r6uut_1{0%{transform:perspective(400px) scaleZ(1) translateZ(0) rotateY(-360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) scaleZ(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scaleZ(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);animation-timing-function:ease-in}to{transform:perspective(400px) scaleZ(1) translateZ(0) rotateY(0);animation-timing-function:ease-in}}._animate__animated_r6uut_15._animate__flip_r6uut_947{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:_flip_r6uut_1}@keyframes _flipInX_r6uut_1{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}._animate__flipInX_r6uut_979{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:_flipInX_r6uut_1}@keyframes _flipInY_r6uut_1{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}._animate__flipInY_r6uut_1011{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:_flipInY_r6uut_1}@keyframes _lightSpeedInRight_r6uut_1{0%{transform:translate3d(100%,0,0) skew(-30deg);opacity:0}60%{transform:skew(20deg);opacity:1}80%{transform:skew(-5deg)}to{transform:translateZ(0)}}._animate__lightSpeedInRight_r6uut_1038{animation-name:_lightSpeedInRight_r6uut_1;animation-timing-function:ease-out}@keyframes _lightSpeedInLeft_r6uut_1{0%{transform:translate3d(-100%,0,0) skew(30deg);opacity:0}60%{transform:skew(-20deg);opacity:1}80%{transform:skew(5deg)}to{transform:translateZ(0)}}._animate__lightSpeedInLeft_r6uut_1063{animation-name:_lightSpeedInLeft_r6uut_1;animation-timing-function:ease-out}@keyframes _rotateIn_r6uut_1{0%{transform:rotate3d(0,0,1,-200deg);opacity:0}to{transform:translateZ(0);opacity:1}}._animate__rotateIn_r6uut_1081{animation-name:_rotateIn_r6uut_1;transform-origin:center}@keyframes _rotateInDownLeft_r6uut_1{0%{transform:rotate3d(0,0,1,-45deg);opacity:0}to{transform:translateZ(0);opacity:1}}._animate__rotateInDownLeft_r6uut_1098{animation-name:_rotateInDownLeft_r6uut_1;transform-origin:left bottom}@keyframes _rotateInDownRight_r6uut_1{0%{transform:rotate3d(0,0,1,45deg);opacity:0}to{transform:translateZ(0);opacity:1}}._animate__rotateInDownRight_r6uut_1115{animation-name:_rotateInDownRight_r6uut_1;transform-origin:right bottom}@keyframes _rotateInUpLeft_r6uut_1{0%{transform:rotate3d(0,0,1,45deg);opacity:0}to{transform:translateZ(0);opacity:1}}._animate__rotateInUpLeft_r6uut_1132{animation-name:_rotateInUpLeft_r6uut_1;transform-origin:left bottom}@keyframes _rotateInUpRight_r6uut_1{0%{transform:rotate3d(0,0,1,-90deg);opacity:0}to{transform:translateZ(0);opacity:1}}._animate__rotateInUpRight_r6uut_1149{animation-name:_rotateInUpRight_r6uut_1;transform-origin:right bottom}@keyframes _hinge_r6uut_1{0%{animation-timing-function:ease-in-out}20%,60%{transform:rotate3d(0,0,1,80deg);animation-timing-function:ease-in-out}40%,80%{transform:rotate3d(0,0,1,60deg);animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}._animate__hinge_r6uut_1179{animation-duration:calc(var(--animate-duration) * 2);animation-name:_hinge_r6uut_1;transform-origin:top left}@keyframes _jackInTheBox_r6uut_1{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}._animate__jackInTheBox_r6uut_1206{animation-name:_jackInTheBox_r6uut_1}@keyframes _rollIn_r6uut_1{0%{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;transform:translateZ(0)}}._animate__rollIn_r6uut_1223{animation-name:_rollIn_r6uut_1}@keyframes _zoomIn_r6uut_1{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}._animate__zoomIn_r6uut_1239{animation-name:_zoomIn_r6uut_1}@keyframes _zoomInDown_r6uut_1{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}._animate__zoomInDown_r6uut_1257{animation-name:_zoomInDown_r6uut_1}@keyframes _zoomInLeft_r6uut_1{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}._animate__zoomInLeft_r6uut_1275{animation-name:_zoomInLeft_r6uut_1}@keyframes _zoomInRight_r6uut_1{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}._animate__zoomInRight_r6uut_1293{animation-name:_zoomInRight_r6uut_1}@keyframes _zoomInUp_r6uut_1{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}._animate__zoomInUp_r6uut_1311{animation-name:_zoomInUp_r6uut_1}@keyframes _slideInDown_r6uut_1{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}._animate__slideInDown_r6uut_1328{animation-name:_slideInDown_r6uut_1}@keyframes _slideInLeft_r6uut_1{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}._animate__slideInLeft_r6uut_1343{animation-name:_slideInLeft_r6uut_1}@keyframes _slideInRight_r6uut_1{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}._animate__slideInRight_r6uut_1358{animation-name:_slideInRight_r6uut_1}@keyframes _slideInUp_r6uut_1{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}._animate__slideInUp_r6uut_1373{animation-name:_slideInUp_r6uut_1} .engage-webpopup-modal[data-v-c81d0845] { position: fixed; z-index: 2147483638; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: auto; } .engage-webpopup-modal-bk[data-v-c81d0845] { background-color: rgba(0, 0, 0, 0.4); position: fixed; z-index: 2147483637; left: 0; top: 0; width: 100%; height: 100%; } .engage-webpopup-wrapper[data-v-c81d0845] { max-width: 100vw; max-height: 100vh; padding: 20px; text-align: center; overflow: auto } .engage-webpopup-modal-content[data-v-c81d0845] { position: relative; width: 100%; max-width: 350px; animation-duration: 0.4s; object-fit: contain; } .engage-webpopup-eb-naviblock-close[data-v-c81d0845] { color: #fff; font-weight: 700; position: absolute; top: -15px; right: -15px; cursor: pointer; background: #999; border: 1px solid #fff; border-radius: 50%; width: 30px; height: 30px; line-height: 26px; font-size: 24px; min-width: 5px; min-height: 5px; } .engage-webpopup-img_text[data-v-c81d0845] { border-radius: 10px; overflow: hidden; } .engage-webpopup-promotion-text[data-v-c81d0845] { font-weight: bold; border-bottom: 10px; background-color: var(--c81d0845-settings\?\.promotionText\?\.backgroundColor); color: var(--c81d0845-settings\?\.promotionText\?\.textColor); overflow: auto; font-size: clamp(18px, 2vw, 25px); } .engage-webpopup-a-link[data-v-c81d0845] { display: block; opacity: 1; } .engage-webpopup-modal-content-img[data-v-c81d0845] { width: 100%; display: block; overflow: hidden; } .engage-floatingbanner-eb-naviblock-close[data-v-16a0d19c] { color: #fff; font-weight: 700; position: absolute; top: -15px; right: -15px; cursor: pointer; background: #999; border: 1px solid #fff; border-radius: 50%; width: 30px; height: 30px; line-height: 26px; font-size: 24px; min-width: 5px; min-height: 5px; } .engage-floatingbanner-a-link[data-v-16a0d19c] { display: block; opacity: 1; } .engage-floatingbanner-content[data-v-16a0d19c] { max-width: var(--16a0d19c-cssFloatingBannerContentMaxWidth); } .engage-floatingbanner-content-img[data-v-16a0d19c] { max-width: var(--16a0d19c-cssFloatingBannerContentImageMaxWidth); height: 100%; display: block; object-fit: contain; } @media screen and (max-width: 600px) { /* スクリーン幅が600px以下の場合のスタイル */ .engage-floatingbanner-content-img[data-v-16a0d19c] { content: var(--16a0d19c-imageUrlSp) } .engage-floatingbanner-full-width[data-v-16a0d19c] { width: 100%; } .engage-floatingbanner-full-width .engage-floatingbanner-eb-naviblock-close[data-v-16a0d19c] { right: 10px; } .engage-floatingbanner-full-width .engage-floatingbanner-content-img[data-v-16a0d19c] { width: 100%; height: 100%; } } 絞り込み検索 | レバテックフリーランスIT・Web求人/転職フリーランスクリエイター案件案件検索よく検索されるキーワードスキル件 (2025年11月05日現在)
Javaの 公開求人数	12040件 (2023年12月17日現在)
マージン率	非公開
対応地域	東京・神奈川・埼玉・千葉・大阪・兵庫・京都・愛知・福岡
強み	・週4日～稼働の案件、リモート案件多数 （週3日以内の案件はハイスキルが必要） ・カウンセラーの専門性が高く、幅広く相談に乗ってくれる ・高単価な案件が多い
公式	https://freelance.levtech.jp/

DAI

レバテックフリーランスは高単価の案件を受注したい方、必見のエージェントです。

レバテックフリーランスの主な特徴としては、以下の3つがあります。

1. 業界最高水準の案件単価
2. キャリアコンサルタントによる手厚いサポート
3. 案件数が多い

業界最高水準の案件単価

レバテックフリーランスは、高単価案件を数多く取り揃えています。そして、そのほとんどが中間業者を挟まない「直請案件」です。

DAI

中間業者に余計なマージンを取られずにフリーランスに還元することで、高単価な案件を実現しています。

キャリアコンサルタントによる手厚いサポート

※レバテックフリーランス公式サイトより引用（公式：https://freelance.levtech.jp）

IT人材サービスを多く手掛けるレバテックだからこそ、IT業界に精通したプロのエージェントによるサポートを受けられます。

DAI

誰がどの案件をサポートしているかも一目でわかるので、安心して相談できますよ。

案件数が多い

レバテックフリーランスでは、エンジニアの案件を数多く取り扱っています。

幅広い業種の案件や、高単価の案件を受注したい方は、レバテックフリーランスの活用を検討してみましょう。

注意：レバテックフリーランスは、経験者向けの週4日以上稼働案件を多く取り扱っています。週に3日以下稼働の副業可能な案件については、高いスキルと実務経験が必須です。エンジニア未経験の方や現在会社員の方への副業は紹介できないのでご注意ください。

おすすめサービス

【レバテックフリーランス】案件数が豊富なフリーランスエージェントサービス

✓案件数が豊富なIT向けフリーランスエージェント。業界最高水準の案件単価！高額案件・高収入を目指すならここ

レバテックフリーランスの評判を見る レバテックフリーランス公式ページを見る

ITプロパートナーズ

公式サイト：https://itpropartners.com/

運営会社	株式会社Hajimari
公開求人数	5956件 (2024年12月24日現在)
Javaの 公開求人数	1124件 (2024年12月24日現在)
マージン率	非公開
対応地域	東京・神奈川・埼玉・千葉・大阪・兵庫・京都・愛知・福岡
働き方	週2-3案件、リモート案件多数
公式	https://itpropartners.com/

DAI

『ITプロパートナーズ』は、リモートワークの働き方に興味があり、特にベンチャー企業やスタートアップで働きたいという人におすすめです！

ITプロパートナーズの主な特徴として、以下の2つがあります。

1. 『直請案件』だからこその高単価
2. リモート、週1~2日から稼働OKの案件多数

『直請案件』だからこその高単価

ITプロパートナーズ公式サイトより引用（https://itpropartners.com/）

ITプロパートナーズで取り扱っている案件は『直請案件』が多く、他のエージェントよりもその比率が高い傾向にあります。

※直請案件とは、間に仲介会社を挟まず、直接クライアントと契約している案件のことを指します。

DAI

正直、ほとんどのフリーランスエージェントがマージン率を公開していないため、フリーランスの取り分や、単価がいいのかを事前に知ることが難しいのが現状です。

『直請案件』が多いかどうかは、高単価な案件を取り扱っているのかどうかの指標になります。

マージン率が非公開でブラックボックス化しているからこそ、過剰な報酬の中抜きが発生していないという点は魅力です。

リモート、週1~2日から稼働OKの案件多数

ITプロパートナーズ公式サイトより引用（公式：https://itpropartners.com/）

ITプロパートナーズの大きな魅力として、週1~2日から稼働OKの案件が多いという点があります。

他のフリーランスエージェントでは、最低稼働日数は週3・4日〜の案件が一般的で、その多くは常駐案件です。

一方のITプロパートナーズは、リモート案件も多いので、ライフスタイルに合わせた稼働がしやすく、副業的に働きたいという方との相性が良いエージェントです。

DAI

また直請け案件ならではの高単価も大きな魅力です！メインの仕事で自分のやりたいことを優先して、ITプロパートナーズ経由で生活費を稼ぐという働き方もアリですね。

注意：ITプロパートナーズは週1日から稼働可能な案件の紹介が可能なものの、会社員の方への副業は紹介できません。

おすすめサービス

【ITプロパートナーズ】リモートワークで働きたい人におすすめ

✓リモート可能な案件や週2〜3日の案件が豊富！

今すぐ無料登録する（公式サイト）

HiPro Tech

画像は公式サイト（https://tech.hipro-job.jp/  ）より引用

運営会社	パーソルキャリア株式会社
公開求人数	5782件 (2025年11月05日現在)
Javaの 公開求人数	817件 (2025年11月05日現在)
フルリモート可能な 公開求人数	2564件 (2025年11月05日現在)
マージン率	非公開
対応地域	首都圏中心
特徴	週3日から稼働OK、リモートOK案件多数
公式	https://tech.hipro-job.jp/

DAI

HiPro Techは、高単価な上場企業やメガベンチャーの案件が豊富なエンジニア特化型エージェントです。

HiPro Techではエンジニア向けの案件を多く扱っており、特に大企業の高単価案件を多数扱っているのが特徴です。

DAI

案件のほとんどが直請けなので、余分なマージン（手数料）もなし。エンジニアに特化しているからこそIT業界の理解が深く、案件のミスマッチが起こりにくい点も大きな魅力です！

公開求人数は少ないものの、リモート・週3案件の比率も高めです。「できるだけ高単価な案件が欲しい」「柔軟な働き方をしたい」というエンジニアはぜひ登録しておきましょう。

DAI

ただし、保険・税務などの福利厚生サービスはないので、「レバテックフリーランス」など他のエンジニア向けエージェントと複数登録するのがおすすめです！

おすすめサービス

【HiPro Tech】高単価・リモートで働きたい方におすすめ！

✓リモート案件も豊富なエンジニア特化エージェント

HiPro Tech公式ページを見る

よくある質問

Javaエンジニアの年収に関する、質問をまとめました。

記事内で紹介している内容もありますが、改めて確認しておきましょう。

Javaエンジニアとしての年収が低い・上がらない理由は？

SESやベンチャー企業で働いている方で、今の年収が低くて不満があるという人もいるのではないでしょうか。

SES（システムエンジニアリングサービス）とは、開発リソースが必要なクライアント企業にエンジニアを派遣するサービスです。

SESはそのビジネスモデル上、IT業界特有の多重請負構造に巻き込まれやすく、下流にいくほど中間マージンの中抜きの比率が大きくなります。

元請けに近いところで、仕事ができているのであれば影響は少ないかもしれませんが、特に2次請け、3次請けのSESから派遣されるエンジニアの給与は低くなりがちです。

Javaエンジニアとして年収1,000万円を目指せる？

IT業界におけるJavaエンジニアの年収は、以下のような項目によって決まります。

• スキルセット
• 経験
• 役割
• 働く企業
• 雇用形態
• 市場状況

年収1,000万円を目指すことは決して不可能ではありませんが、そのためには上記のどの視点を重視するか、自分のキャリアプランを考慮したうえで決めましょう。

まとめ：Javaエンジニアとして年収を上げたいなら

Javaエンジニアとして年収を上げたいのであれば、まずは自分の市場価値を知っておきましょう。

レバテックフリーランスに登録してカウンセリングを受ければ、フリーランスになるとどれぐらいの年収がもらえるのかがわかります。

職務経歴書など面倒な書類の作成も不要なので、まずは気軽に登録してみましょう。

登録者数No.1/利用者の平均年収876万円のレバテックフリーランスがおすすめ

はじめてフリーランスエージェントに登録するなら、まずは登録者数No1のレバテックフリーランスに登録するのがおすすめ。自分の年収が本当に適正か診断してもらいましょう！

DAI

実は今の給与が低すぎるかもしれない、ということに気づけるかもしれませんよ。

• 登録は1分！もちろん無料
• 面倒な職務経歴書の作成は不要
• 情報収集のための相談のみでもOK

とりあえず1分で無料登録してみる

The post Javaエンジニアの年収は？他言語との比較や年収アップの方法を解説 first appeared on インディバースフリーランスメディア.

派遣で働きたいJavaScriptエンジニアで、以下のように悩んでいる人はいませんか？

• 自分のスキルで働ける派遣会社がどこかわからない
• 残業なし、リモート、時短で働ける仕事を探したい
• スキルアップしたいので、研修やサポートが手厚い派遣会社を知りたい

今回は、このような悩みを抱える方々のために、JavaScriptエンジニア向けの派遣企業をご紹介します。

この記事では、以下の派遣会社をおすすめしています。

• 週3〜4日/リモート/時短など、フレキシブルに働きたい人
  → 「type IT 派遣」「パーソルクロステクノロジー」
• スキルアップ支援・サポートが手厚い派遣会社で働きたい人
  → 「type IT 派遣」「パーソルクロステクノロジー」「エンジニアガイド」
• 首都圏以外で求人を探したい人
  → 「パーソルクロステクノロジー」「エンジニアガイド」「Webist」

派遣会社によって扱っている求人は異なるので、より好条件の仕事を見つけるために最低でも2〜3社に無料登録して求人を紹介してもらいましょう。

派遣会社・派遣求人サイトの特徴を簡単に表にまとめたので、派遣会社選びの参考にしてください。（表は左右にスクロールできます。）

（※表は横にスクロールできます）

	公式サイト	リモート 週3~4日 時短	地域	特徴
エンジニアガイド	https://www.engineersguide.jp/	◯	全国	・ITエンジニアやものづくりエンジニアの求人数は国内最大級！ ・有給休暇や社会保険完備！家族も入れる任意加入型団体保険制度も用意 ・最短2日で就業可能！
パーソルクロステクノロジー	https://staff.persol-xtech.co.jp/	◯	東京・神奈川・千葉・埼玉 群馬・茨城・栃木・大阪 兵庫・京都・滋賀・奈良 愛知・三重・岐阜・静岡・福岡	・スキルアップ支援が充実 ・リモートOK求人が豊富 ・キャリアカウンセリングあり
type IT 派遣公式サイト	https://it-partners.type.jp/	◯	東京・埼玉・千葉・神奈川	・デザイナー向けの求人を幅広く保有 ・大手企業の求人が豊富 ・1人に対して3人のコンサルタントがサポート
Adecco	https://www.adecco.co.jp/	◯	全国	・求人数が多い ・サポート体制が充実 ・スキルアップ支援が豊富
Accodis	https://www.akkodis.co.jp/talent	◯	全国	・IT・クリエイティブ職に特化 ・高単価求人 ・キャリアコーチ制度 ・eラーニングや技術研修
テンプスタッフ	https://www.tempstaff.co.jp/	◯	全国	・業界最大級の派遣求人数 ・充実したサポート体制 ・女性の働き方支援に強い ・キャリアカウンセラーの質に定評 ・紹介予定派遣案件あり
マイナビスタッフ	https://staff.mynavi.jp/	◯	全国	・クリエイティブ職の求人に注力 ・デザイン現場に近い求人が豊富 ・紹介予定派遣の比率が高い ・在宅・時短求人増加中 ・丁寧なサポート体制
リクルートスタッフィング	https://www.r-staffing.co.jp/	◯	全国	・有名企業とのコネクションが豊富 ・マルチスキルが求められるハイブリッド案件に強み ・在宅・時短求人増加中 ・キャリア支援・福利厚生が手厚い ・紹介予定派遣の求人あり
リクナビ派遣	https://haken.rikunabi.com/	◯	全国	・日本最大級の派遣求人サイト ・大手派遣会社を横断して検索可能 ・多様なデザイン案件をカバー ・希望条件で絞り込み検索が可能 ・地域別の求人情報に強い ・未経験OK・研修ありの求人も見つけやすい
Webist	https://webist-cri.com/	◯	全国	・クリエイティブ業界の求人が豊富 ・週3〜4日・リモートOKの求人あり ・大手企業の求人が豊富

各社ホームページより引用

DAI

派遣会社によって扱っている求人は異なります。そのため複数の派遣会社に登録し、数多くの求人から自分に合った仕事に出会えるようにしておくことが重要です。

JavaScriptエンジニアが自分に合った派遣会社を探すポイント

JavaScriptエンジニアが自分に合った派遣会社を探すポイントについて解説します。

派遣会社を探す際は、以下の2点を意識しましょう。

• 複数の派遣会社に登録する
• エンジニア求人がある派遣会社に登録する

以下で詳しく解説します。

複数の派遣会社に登録する

派遣会社への登録は、最低でも2〜3社しましょう。

複数登録が重要な理由は、以下の2つです。

• 派遣会社によって扱っている求人が異なるため、複数の派遣会社から求人を紹介してもらうと自分に合った仕事を見つけやすくなる
• 派遣会社によって強みが異なるため、自分と相性の良い会社か確かめられる

良い条件の仕事を見つけるためには、派遣会社を複数選んで登録しておくことが大事です。

エンジニアの求人がある派遣会社に登録する

エンジニアの求人が多い派遣会社を選ぶことも重要です。

IT業界に特化していない派遣会社の場合、エンジニア向けの求人は存在しても、ヘルプデスクやテクニカルサポートのような、比較的スキルがつきにくい求人が多い傾向にあります。

自分のスキルにマッチした求人を探す方や、エンジニアとしてのスキルを磨きたい方は、IT業界に特化した派遣会社を使いましょう。

この記事ではIT・Web業界に特化した派遣会社のみ紹介しているので、気になる派遣会社があったら複数登録してみてください。

JavaScriptエンジニアが派遣会社・派遣求人サイトを選ぶ基準

派遣会社を決定するときは、以下の基準を用いてどの会社に登録するかを判断しましょう。

• 働きたい職種の求人はあるか
• 住んでいる地域の求人があるか
• リモート・在宅OKの求人はあるか
• 週3〜4日・時短・残業なしで働ける求人があるか
• スキルアップ支援や研修があるか

以下で詳しく解説します。

働きたい職種の求人はあるか

自分のスキルに合った職種や、学びたい職種の求人があるかを確認しておきましょう。

エンジニアの求人を持つ派遣会社の中には、特定の職種や言語しか取り扱わないところがあります。

紹介する派遣会社が取り扱う職種を整理して表にしましたので、あなたが経験したことがある職種が存在するかどうか確認してみてください。

各社ホームページより引用

住んでいる地域の求人があるか

首都圏以外の地域に住んでいる場合は、派遣会社がその地域に対応しているかを確認しておくことも重要です。

東京近郊だけを取り扱う派遣会社も存在するので、確認しておきましょう。

ご紹介する派遣会社の対応エリアを表でまとめましたので、ぜひ見てみてください。

各社ホームページより引用

リモート・在宅OKの求人はあるか

リモートで働きたい人は、リモートOKの求人を扱っているかもチェックしておきましょう。

在宅で働けると以下のようなメリットがあります。

• 家事・育児と仕事を両立しやすい
• 通勤時間がないので、空いた時間を趣味やスキルアップに使える
• 雑音が気にならないので、集中して作業できる

「質問をするのが難しい」や「直接話すことができないため、仕事の内容を理解するのが大変」など、リモートワークの欠点も存在しますが、利点も非常に多いです。

今回紹介している派遣会社はすべてリモートOKの求人を保有しているので、気になる人は登録して求人に応募してみましょう。

週3〜4日・時短・残業なしで働ける求人があるか

フレキシブルな働き方をしたい人は、労働時間が短い求人が存在するかどうかも見極めておく必要があります。

今回ご紹介する派遣会社の働き方を以下の表にまとめてありますので、チェックしてみてください。
（表は左右にスクロールできます。）

各社ホームページより引用

スキルアップ支援や研修があるか

派遣会社ではeラーニングや資格取得サポートのサービスを提供していることが多いです。

スキルアップ支援を駆使することで、現在のスキルをさらに向上させたり、現在扱っている言語・フレームワークとは異なる新しいスキルを習得することができます。

次のキャリアステップとして正社員雇用やフリーランスを考えている方は、確認しておいてください。

開発スキル以外にも、語学学習の支援やオフィスオートメーションの研修を行う派遣会社もあります。

今回紹介する派遣会社のスキルアップ支援を以下の表にまとめましたので、ご確認ください。

（表は左右にスクロールできます。）

各社ホームページより引用

JavaScriptエンジニアにおすすめの派遣会社・派遣求人サイト4選

DAI

より好条件の仕事を見つけるために、最低でも2〜3社に登録しておくのがおすすめです。

• 週3〜4日/リモート/時短など、フレキシブルに働きたい人
  → 「type IT 派遣」「パーソルクロステクノロジー」
• スキルアップ支援・サポートが手厚い派遣会社で働きたい人
  → 「type IT 派遣」「パーソルクロステクノロジー」「エンジニアガイド」
• 首都圏以外で求人を探したい人
  → 「パーソルクロステクノロジー」「エンジニアガイド」「Webist」

type IT 派遣｜大手企業の求人を保有

出典：type IT 派遣公式サイト

type IT 派遣は、IT・Web業界に特化した派遣会社です。エンジニア向けの求人を幅広く取り扱っています。

公式ホームページより引用

「type IT 派遣」の特徴は以下の3つです。

• IT/Web業界の求人を幅広く保有
• 大手企業の求人が豊富
• 1人に対して3人のコンサルタントがサポート

以下で詳しく説明します。

IT/Web業界の求人を幅広く保有

公式ホームページより引用

「type IT 派遣」はIT業界に特化した派遣会社なので、エンジニア向けの求人を幅広く保有しています。

IT業界に精通している派遣会社を使うと、下記のようなメリットがあります。

• 自分のスキルに合った仕事を紹介してもらえる
• 学びたい職種や言語がある場合、そのスキルが身に付く仕事を紹介してもらいやすい
• キャリア形成について、IT業界に特化したコンサルタントにアドバイスしてもらえる

運営体である「株式会社キャリアデザインセンター」は、多くのサービスでIT転職を助けており、IT業界とのつながりが強いです。

IT業界に精通した派遣会社を利用して仕事を探したい人は、「type IT 派遣」に無料登録しておくことをおすすめします。

大手企業の求人が豊富

公式ホームページより引用

「type IT 派遣」は大手企業の求人が豊富です。

「type」や「type転職エージェント」といった転職サイトや転職紹介サービスを運営する「株式会社キャリアデザインセンター」は、大手企業と関係を持っているため、知名度の高い企業の派遣求人を所有しています。

大手企業の求人に参画すると、以下のようなメリットがあります。

• 個人では参画しにくい、大規模な開発に携われる
• しっかりとした研修を受けられる
• コンプライアンスを遵守している職場が多い
• 職場環境が整っている

大手企業や有名企業で働きたい人は「type IT 派遣」を利用してみましょう。

1人に対して3人のコンサルタントがサポート

公式ホームページより引用

「type IT 派遣」はサポート体制が手厚く、1人に対して3人のコンサルタントがつきます。

営業担当、キャリアコーディネーター、労務サポーターが支えてくれるので、円滑に仕事探しができます。

コーディネーターはIT分野に深い理解を持っているので、専門知識を活かしてキャリアに関するアドバイスをしてくれます。

この派遣会社は、仕事紹介から就業期間中まで、充実したサポートを求める方に向いています。

登録・利用は無料なので、派遣で働きたいエンジニアは登録しておきましょう。

おすすめサービス

【type IT 派遣】IT/Web業界に特化した派遣会社

✓IT業界の求人を幅広く保有。1人に対して3人のコンサルタントがつくので、手厚いサポートを受けたい人におすすめ

type IT 派遣の公式ページを見る

パーソルクロステクノロジー｜スキルアップ支援が手厚い

出典：パーソルクロステクノロジー公式サイト

「パーソルクロステクノロジー」は、IT、Web、エンジニア、クリエイターの専門分野に特化した派遣会社です。

公式ホームページより引用

「パーソルクロステクノロジー」の特徴は、以下の3つです。

• スキルアップ支援が充実している
• リモートOKの求人が豊富
• キャリアカウンセリングを実施している

以下で詳しく説明します。

スキルアップ支援が充実

「パーソルクロステクノロジー」は、資格獲得の援助や言語学習の支援を提供しています。

資格取得をしたい場合は、以下の制度を利用できます。

• 資格取得助成制度
  →資格を取得すると、助成金がもらえる
• 師弟制度
  →資格保有者（師匠）が資格の取得を目指す人（弟子）に学習支援をすると、弟子が資格を取得した際に師匠もインセンティブをもらえる
• LEC東京リーガルマインドを特別価格で利用
  →資格取得の講座を受けられる

語学の学習を希望する方は、以下の講座を特別価格で利用できます。

• ベルリッツ
• アルク
• Gabaマンツーマン英会話
• ECC

「パーソルクロステクノロジー」では、OAセルフ学習セットを比較的安価で購入できるだけでなく、産業能率大学の通信コースで360近くのコースを学習できるなど、スキルアップの援助が多数あります。

スキルアップを目指している人は、パーソルクロステクノロジーの利用をおすすめします。

リモートOKの求人が豊富

「パーソルクロステクノロジー」では、リモートワークOKの求人を多く持っています。

「一部リモートの求人」で週に数日自宅勤務ができることや、「完全リモート」の求人で全て自宅で仕事ができることは魅力的です。

残業の少ない求人や、短時間勤務の求人も保有しているので、以下のような方に特におすすめします。

• 家事や育児、介護があるので、出社せず在宅で作業したい
• スキルアップの勉強に時間を使いたいので、通勤時間を極力減らしたい
• 子供の送り迎えがあるので、時短で働きたい
• 前職で残業が多くつらかったので、残業を減らしたい

自分の生活に合った働き方を目指している人は、パーソルクロステクノロジーに登録してみてください。

キャリアカウンセリングを実施している

「パーソルクロステクノロジー」では、希望する方に向けてキャリアカウンセリングを行っています。

キャリアカウンセラーがキャリアに関する悩みや希望を聞き取ったうえで、あなたのプランに合う仕事を紹介してくれるので、求めていた仕事とのミスマッチが起こりにくいです。

以下のような悩みがある人は、登録して相談してみましょう。

• キャリアプランが定まらない
• どのようにキャリアアップしようか悩んでいる
• 自分の強みや弱みがわからず、どの職種で活躍できるかわからない

登録・利用は無料なので、まずは気軽に相談してみましょう。

おすすめサービス

【パーソルクロステクノロジー】エンジニア・クリエイターに特化した派遣会社

✓IT/Web業界の求人を幅広く保有。スキルアップ支援が充実しているので、自分の技術を高めたい人におすすめの派遣会社。

パーソルクロステクノロジーの公式ページを見る

エンジニアガイド｜求人数が業界最大水準

出典：エンジニアガイド公式サイト

「エンジニアガイド」は、エンジニア求人数が業界最大水準の派遣会社です。

公式ホームページより引用

「エンジニアガイド」の特徴は、以下の3つです。

• 業界最大水準の求人数
• サポート体制が充実している
• スキルアップ支援が豊富

以下で詳しく説明します。

業界最大水準の求人数

公式ホームページより引用

「エンジニアガイド」は業界最大水準の求人数を保有しています。

エンジニア特化の派遣会社なので、多くの職種や言語に対応した仕事を幅広く取り扱っており、自分に適した仕事を見つけやすいです。

週に3〜4日、短時間で、リモートワーク対応など、生活リズムに合わせた仕事選びができるので、自由に働きたいと考えている人にもおすすめします。

多くの選択肢から自分の生活やスキルに合った求人を探したい人は、エンジニアガイドに登録しておきましょう。

サポート体制が充実

「エンジニアガイド」は、仕事探しから就労期間中まで、全面的なサポートを提供しています。

就業前には以下のサポートを実施しています。

• 専属のコーディネーターが、稼働条件やスキルをヒアリング
• 非公開求人を含む求人から、条件に合致した仕事の紹介

初めての職場でも、以下のサポートにより、安心して働けます。

• 営業担当が定期的に派遣先へ訪問してくれる
• 定期的に面談を行うので、悩みなどを相談できる
• エンジニア専門のポータルサイトを利用して、新たな情報をキャッチアップできる

加えて、キャリアカウンセリングも利用可能なので、未来のキャリアパスについて迷ったとき、アドバイスを求められる点も魅力的です。

手厚いサポートを受けながら、安心して働きたい人は、ぜひエンジニアガイドを利用してみてください。

スキルアップ支援が豊富

「エンジニアガイド」では、スキルアップ支援も行なっています。

以下の講座が充実しているので、JavaScriptエンジニアがスキルを向上させるのに役立ちます。

• eラーニング・通信教育講座が、それぞれ約300講座ある
  →資格の取得や、実務に直結するスキルアップに利用できる。自宅で受けられるので、隙間時間で学習可能
• 提携スクールを利用できる
  →OA、CAD、資格、語学など各種スクールと提携している

「実務で力をつけながら、隙間時間はスキルアップのために学びたい」という人は、エンジニアガイドに登録しましょう。登録・利用は無料です。

おすすめサービス

【エンジニアガイド】業界最大水準のエンジニア求人を保有

✓エンジニアに特化した派遣会社。求人数は業界最大水準で、サポート体制が充実しています。スキルアップ支援もあり。

エンジニアガイドの公式ページを見る

Webist｜クリエイター向けだが比較的難易度の低いエンジニア求人も保有

出典：Webist公式サイト

「Webist（ウェビスト）」は、ウェブプログラマー、コーダー、フロントエンドエンジニアの派遣求人情報を提供しています。派遣会社ではなく、派遣の仕事を紹介する情報サイトです。

公式ホームページより引用

Weibstの特徴は、以下の2つです。

• 大手企業の求人が豊富
• クリエイティブ業界の求人が豊富

以下で詳しく解説します。

大手企業の求人が豊富

公式ホームページより引用

「Webist」は大手企業や有名企業の求人を保有しています。

「株式会社クリーク･アンド･リバー社」は運営会社で、30年以上の歴史があり、3000社以上の企業と繋がりを持っています。

個人で手に入れることのできない大手企業の求人への応募が可能です。

大手企業で働いてみたい人は、Webistに無料登録して相談してみてください。

クリエイティブ業界の求人が豊富

「Webist」はIT・Webクリエイター業界に特化し、クリエイティブ業界の求人情報を豊富に扱っています。

クリエイティブな業種に進みたい方や、将来的にエンジニアの技術を活用してクリエイターとしてのキャリアを追求したい方におすすめです。

登録・利用は無料なので、まずは登録して相談してみてください。

おすすめサービス

【Webist】クリエイター業界の求人を豊富に保有

✓IT/Web業界に特化した求人サイト。クリエイター向けの求人を豊富に保有している。コーダーやフロントエンドエンジニアの求人もあり。

Webistの公式ページを見る

JavaScriptエンジニアが派遣で働くメリットは？

JavaScriptエンジニアが派遣で働くメリットは、以下の5つです。

• ライフスタイルに合わせて働ける
• 大手企業の求人が多い
• 多くの企業で経験を積める
• 職歴が増えないので複数の仕事に挑戦できる
• スキルアップできる

以下で詳しく説明します。

ライフスタイルに合わせて働ける

JavaScriptエンジニアが派遣で働く利点の一つは、自分のライフスタイルに合わせて働けるということです。

派遣の仕事は残業や休日出勤が少ないことが多いため、以下のように仕事以外の時間を有意義に使いたい人におすすめします。

• 家事や育児のため、残業や休日出勤を減らしたい
• 家族や友達と過ごす時間を増やしたい
• 前職で時間外労働が多く辛かったため、休む時間を作りたい
• プライベートの時間を趣味やスキルアップの勉強に使いたい

さらに派遣会社によっては、週3〜4日や時短、リモートで働ける仕事もあります。

自分の生活スタイルに合わせて働きたい人は、派遣の働き方がぴったりです。

大手企業の求人が多い

派遣会社では、大手企業の求人を取り扱っていることが多いです。

大企業では、正社員と派遣社員の業務内容が明確に区分されているため、派遣の求人が多い傾向にあります。

大手企業で働くと、以下のようなメリットがあります。

• 個人では参画しにくい、大規模な開発に携われる
• しっかりとした研修を受けられる
• コンプライアンスを遵守している職場が多い
• 職場環境が整っている

特に働く環境を重視する人は、大手企業の求人が多い派遣会社を利用するのがおすすめです。

多くの企業で経験を積める

一般的に派遣の雇用期間は３ヶ月のため、多くの企業で働けます。

正社員としての雇用は、多くの会社での仕事を難しくするため、さまざまな状況での労働を望む人にとっては大きな魅力です。

業界を変えて働くこともできるので、クリエイティブ業界やIT業界、ファッション業界など、気になる業界で経験を積めます。

様々な状況での勤務は、将来的に選択肢を増やす可能性があるため、キャリアプランがまだ決まっていない人にも良い選択となるでしょう。

職歴が増えないので複数の仕事に挑戦できる

多くの企業で働くと職歴が増えてしまうデメリットがありますが、派遣会社で働く場合、派遣会社のみ職歴に書けばよいです。

「いろいろな企業での経験を積みたいが、履歴書の職歴を増やしたくない」という方には、派遣という働き方が適しています。

職歴が多いと、採用担当者にマイナスのイメージを与える可能性があるため、転職を考えている人は、派遣で働くことで安心して様々な仕事にチャレンジできます。

スキルアップできる

派遣会社では、eラーニングや資格取得サポートなど、スキルアップ支援をしていることが多いです。

派遣会社は、可能な限り優秀な人材を企業に提供したいため、比較的安価で講座や研修を提供しています。

正社員がスキルを向上させたいとき、高価な料金を支払ってスクール等に行くケースが多いですが、派遣社員の場合は相対的に安価で学ぶことができます。

現在持っているスキルをさらに磨いたり、別のスキルを習得して年収を上げたい人におすすめです。

また、残業や休日出勤が少ないことで、学習に必要な時間を充分に確保できます。

たくさんのスキルを学び、それを将来に応用したいと思っている方は、派遣会社に登録してみてはいかがでしょうか。

派遣への登録を考えている人は、以下の派遣会社がおすすめです。

• 週3〜4日/リモート/時短など、フレキシブルに働きたい人
  → 「type IT 派遣」「パーソルクロステクノロジー」
• スキルアップ支援・サポートが手厚い派遣会社で働きたい人
  → 「type IT 派遣」「パーソルクロステクノロジー」「エンジニアガイド」
• 大手企業の求人を探したい人
  → 「type IT 派遣」「パーソルクロステクノロジー」「エンジニアガイド」「Webist」

JavaScriptエンジニアの派遣はやめとけって本当？派遣で働くデメリット

JavaScriptエンジニアの派遣はやめとけと言われる理由は以下です。

• 求人によっては給料が低い
• 責任のある仕事は任されにくい
• いきなり契約が終了するリスクがある
• 雇用期間が決められている

以下で詳しく解説します。

求人によっては給料が低い

派遣社員の場合、求人によっては給料が低いケースがあります。

残業が少なく、責任の重い仕事を担当することが少ないため、正社員の給料よりも低くなることがあります。

ただし前職より給料が上がることは多くあります。実際、以下のように上がった人もいました。

派遣エンジニアに転職してから初めての給与がでました。
転職をお考えの方の参考までに、、

稼働:約165h
月収:40
手取り:33

前職から、残業もかなり減り、給与も上がりました。
転職で時間とお金のゆとりができそうなので、自己学習も継続していけそうです！#インフラエンジニア #AWS

— HAYATO@インフラエンジニア (@infrastcat) August 26, 2023

正社員やフリーランスと比べて給料は少ない傾向にありますが「派遣を経験して技能を向上させ、後々に高収入を目指したい」と考えている人には、派遣が適しています。

責任のある仕事は任されにくい

派遣の業務内容は誰でもできるように最適化されていることが多いので、責任のある上流のポジションは任されにくいです。

正規雇用と比較して雇用期間が設定されているので、責任の軽い仕事を担当する傾向があります。

「高度な問題に対応し、大きな責任を負いたい」と考えている人には、派遣よりも正社員をおすすめします。

一方、派遣の仕事は大きな責任を持つことが少ないので、比較的精神的に安定した状況で労働することができます。

また特定の仕事に専念できるので、パフォーマンスを発揮しやすく、業務成果も上げやすいです。

いきなり契約が終了するリスクがある

契約期間の途中で派遣契約を突然打ち切られることは少ないですが、派遣先企業が経営難による事業縮小を行なったなどで、いきなり契約が終了することもあります。

とはいえ、急な契約終了でも、基本的に以下のバックアップがあるので、心配は不要です。

• 派遣先の会社都合で契約打ち切りになった場合、働く予定だった期間中の給料をもらえる
• 次の就業先を派遣会社が斡旋してくれる

「突然仕事が無くなり収入が止まる」ということはないため、ご安心ください。

雇用期間が決められている

派遣社員としての仕事では、派遣先企業との雇用契約期間が決められており、その期間は通常3ヶ月です。

派遣先の仕事に満足していても、雇用期間が終わると次の職場に異動しなければなりません。

通常、派遣先の企業で働けるのは雇用期間内だけというのが不利な点ですが、労働者派遣法により「最長の雇用期間は3年まで」と定められています。

数ヶ月で仕事を辞めたくないなら、契約を更新し、最長3年間働くことができます。

派遣JavaScriptエンジニアの時給・年収は？

リクルートが調査した「派遣スタッフ募集時平均時給調査」によると、IT技術系職種の平均時給は2,250円でした。（2023年8月時点）

派遣全体の平均時給は1,644円なので、他の職種と比較して時給が高いです。

1日8時間、週5日働くと仮定すると、年収は約470万円になります。

職種別の平均時給を表にまとめたので、参考にしてください。

株式会社リクルート「派遣スタッフ募集時平均時給調査」より引用（2023年8月時点）

派遣JavaScriptエンジニアの種類と働き方

派遣には以下の3種類の形態があります。

• 登録型派遣
• 常用型派遣
• 紹介予定派遣

それぞれの特徴と働き方について、以下で詳しく説明します。

登録型派遣

登録型派遣とは、労働者が派遣会社に登録し、派遣会社から派遣の業務を紹介される雇用形態です。

労働者は派遣会社と契約を結んで、派遣先のクライアント企業で働きます。

派遣の一般的なイメージは登録型派遣で、社会保険などの福利厚生も享受できます。

通常、派遣期間は3ヶ月で、最大3年まで契約を更新できるのが特徴です。

登録型派遣は、派遣先企業から短期的な即戦力として求められるケースが多い傾向にあります。

多様な職場で短期的に働きたい人や、すぐに貢献できるスキルを持つ人には、この働き方を推奨します。

常用型派遣

常用型派遣は、派遣会社と正社員や契約社員として契約し、派遣業務を請け負う雇用スタイルです。

企業への派遣や福利厚生の提供は登録型派遣と変わりませんが、派遣期間は異なります。

常用型派遣は、派遣期間が通常1年以上で、長期間にわたるケースが多いです。

登録型派遣では短期間の仕事を多く手掛けますが、常用型派遣では同一企業での長期間の勤務が一般的です。

この働き方は、長期間一つの職場で働き、仕事の充実感を得たい人に最適です。

紹介予定派遣

紹介予定派遣とは、派遣先の会社に正社員として働くことを前提に6ヶ月間派遣社員として働く形態です。

求人情報には紹介予定派遣と具体的に記載されており、応募する際は直接雇用を前提に申し込みます。

正社員として採用される前提なので、就業前に書類審査や面接が実施されることが多いです。

派遣社員として6ヶ月間労働した後、正社員としての直接雇用に移行するか否かを決めます。

ただ、双方が同意すれば、6ヶ月の派遣期間を満たないうちに直接雇用に変更することも可能です。

企業を詳しく知った後に、正社員として働きたい方には、おすすめの働き方です。

今回紹介しているすべての派遣会社で、登録派遣と紹介予定派遣を扱っているので、気になった人はチェックしてみてください。

• 週3〜4日/リモート/時短など、フレキシブルに働きたい人
  → 「type IT 派遣」「パーソルクロステクノロジー」
• スキルアップ支援・サポートが手厚い派遣会社で働きたい人
  → 「type IT 派遣」「パーソルクロステクノロジー」「エンジニアガイド」
• 首都圏以外で求人を探したい人
  → 「パーソルクロステクノロジー」「エンジニアガイド」「Webist」

派遣会社を利用する流れ

登録型派遣の場合、派遣会社に登録してから勤務が開始までは、以下のように進めます。

1. ホームページから派遣会社に登録する
2. 求人を紹介してもらう
3. 自分に合った求人に応募する
4. 職場で顔合わせをする
5. 勤務開始する

以下で詳しく解説します。

ホームページから派遣会社に登録する

まず、ホームページから派遣会社に登録します。

基本情報として、氏名、生年月日、電話番号等を入力すれば、登録は終了します。

5分ほどで完了するので、気軽に無料登録しましょう。

求人を紹介してもらう

登録完了後、職務経歴書の提出や無料説明会への参加を終えると、求人を紹介してもらえます。

派遣会社によって異なりますが、求人を紹介してもらうまでに以下の工程が必要なケースが多いです。

• 職務経歴書の提出をする
• プロフィール登録をする
• マイページの開設をする
• 無料説明会に参加する

上記の手続きを完了しなければ求人を紹介してもらえないので、必ずやりましょう。

早期に仕事に取り掛かりたい方には、職務経歴書の提出等、当日中に極力完了させることが推奨されます。

これを済ませると、あなたのスキルや働く条件に合った求人が紹介されます。

自分に合った求人に応募する

求人を紹介してもらったら、希望の求人に応募しましょう。

紹介されたものだけでなく、検索画面から気になる求人に応募することも可能です。

応募後、派遣会社で選考が行われますので、選考に落ちてしまうこともあります。

選考を通過すると面接や書類選考なしで派遣の契約を結べます。

職場で顔合わせをする

選考を通過したら、職場で顔合わせをして業務内容の説明を受けます。

顔合わせの際には派遣会社のコンサルタントが一緒にいてくれるので、安心して参加できます。

疑問点や不安要素は事前に問い合わせると、後に困ることが減るので、事前にリストアップしておくのが良いでしょう。

時には、職場に足を運ばずにWeb上で顔合わせをすることもあるので、気になる方は早めにチェックしてください。

勤務開始する

顔合わせが完了したら、実際に勤務を開始します。

勤務中に困ったことや問題が起きた場合、派遣会社の担当者に相談することができます。

派遣会社によっては、コンサルタントが定期的に職場を訪問してくれるので、安心して働けます。

JavaScriptエンジニアの派遣に関するよくある質問

よくある質問に回答しているので、チェックしてみてください。

• 年齢制限はある？
• 派遣社員から正社員になれる？
• 未経験でも求人を紹介してもらえる？
• 派遣会社の登録は無料でできる？
• SESと派遣エンジニアの違いは？

以下で回答します。

年齢制限はある？

派遣に年齢制限はありません。

ただし、40代以上は選考が通る求人が減る可能性はあります。

基本的に20〜30代のニーズが大きいので、40代以上は選択肢の幅が狭まりやすいです。

派遣社員から正社員になれる？

派遣社員から正社員になることは可能です。

紹介予定派遣の求人へ応募すると、正社員になれる可能性が高まります。

紹介予定派遣は、正社員での雇用が前提なので、選考をパスすれば、正社員になれる可能性が高まります。

未経験でも求人を紹介してもらえる？

実務未経験だと、エンジニアのスキルが必要な求人は紹介されづらいです。

未経験者は、ヘルプデスクやテクニカルサポートのような事務関連の職種を紹介されやすい傾向にあります。

エンジニアのスキルを未経験から習得したい人は、派遣の仕事をこなしつつ、プライベートの時間を使って資格の勉強を行うことをおすすめします。

資格を取得すると、比較的難易度の低いエンジニアの求人を紹介してもらえる可能性があるので、派遣会社のスキルアップ支援を用いて取得しましょう。

未経験でも資格を取得し、高い需要を持つ人材になった例もあります。下記の通りです。

インフラエンジニア ヘルプデスクで1年で実務経験0の人

SeeDの採用基準的には満たしていないけど流石にこれは喉から手が出るレベルだった

保有資格
– CCNP(2023/4)
– LPIC LEVEL3 300(2023/5)
– AWS SAP(2023/7)
– Azure AZ-900(2023/7)

短期間で凄すぎるし半信半疑だったけど証明書も全部あった

— shun@SeeD正社員エンジニア募集中 (@shun0157) October 10, 2023

派遣会社の登録は無料でできる？

派遣会社への登録・利用は完全無料です。

派遣会社は派遣先の企業から報酬を得ているので、労働者は無料で利用できます。

SESと派遣エンジニアの違いは？

SESと派遣エンジニアは、指揮命令権と契約形態に違いがあります。

派遣エンジニアの職務指示は派遣先企業から受けますが、SESの場合はSES会社から指示されます。

SESでは、SES会社が現場の状況を知らないまま業務指示を出すことがあっても、作業内容を状況に合わせて変えることは不可能です。

しかし派遣会社の場合は、派遣先の企業が上司になるので、柔軟に仕事を進めやすいです。

まとめ

本記事では、JavaScriptエンジニアにおすすめの派遣会社を解説しました。

派遣会社によって扱っている求人は異なるので、より好条件の仕事を見つけるために最低でも2〜3社に無料登録して求人を紹介してもらいましょう。

DAI

自分に合った派遣会社に登録して、理想の求人を見つけましょう！

The post JavaScriptエンジニア向けおすすめ派遣会社ランキング4選｜選び方のポイントや時給相場も解説 first appeared on インディバースフリーランスメディア.

Javaの副業に関する、この記事の結論は以下のとおりです。

• Javaの副業案件の単価相場は約53万円（※インディバースフリーランスのデータから調査）
• Javaの副業案件で求められるスキルは、Webアプリ・業務システムの開発スキル、Springなどのフレームワーク経験、データベース知識など。実務経験は2〜3年以上が目安。
• 開発環境が整いやすいためリモートワークとの相性が良く、フルリモート案件が豊富。

結論からお伝えすると、Javaの副業は企業の基幹システムやアプリ開発などで安定した需要があり、実務経験があれば高単価（約53万円）で十分に稼げます。

Javaエンジニアが副業で収入を増やすために押さえるべき相場観、案件探しのコツ、契約前の注意点までわかりやすく解説します。

DAI

現役Webエンジニアの私がおすすめする副業OKフリーランスエージェントはこちらです！

サービス名	レバテックフリーランス	FLEXY(フレキシー)	HiPro Tech（ハイプロテック）
稼働率	週3〜5	週1〜5	週3〜5
特徴	求人数10万件以上 リモートでの参画率91％以上	98%がリモート案件	事業会社案件約7割 企業と直接契約のためマージンなし
支払サイト	月末締め・翌月15日払い	月末締め・翌月15日払い	月末締め・翌月末日払い
案件特徴	ほぼ全てのエンジニア職種案件あり ※副業は経験年数3年以上目安	技術顧問/PdMなどの上流案件豊富 ※副業は経験年数3年以上目安	Web系以外にもレガシー系案件やゲーム系案件もあり ※副業は経験年数3年以上目安
おすすめ	初めてフリーランスでエージェントを利用する方	フレキシブル（早朝/平日夜/土日OK）案件を探している方	フレキシブル（早朝/平日夜/土日OK）案件を探している方
公式	> 公式サイト	> 公式サイト	> 公式サイト

 

Javaの副業はできる？未経験でも可能？

結論から言うと、Javaの実務経験があれば副業は十分に可能です。実際に、本記事で紹介している求人情報にもあるように、フリーランスエージェントなどではJavaエンジニア向けの副業案件が複数掲載されています。

Javaは企業の基幹システムやAndroidアプリ開発などで広く利用されており、安定した需要があります。特に、Spring Frameworkなどのフレームワーク経験やプロジェクトマネジメント（PM）、アーキテクト設計などの経験があると、より多くの案件に対応でき、高単価も狙いやすくなります。

DAI

現役Webエンジニアの私がおすすめする副業OKフリーランスエージェントはこちらです！

サービス名	レバテックフリーランス	FLEXY(フレキシー)	HiPro Tech（ハイプロテック）
稼働率	週3〜5	週1〜5	週3〜5
特徴	求人数10万件以上 リモートでの参画率91％以上	98%がリモート案件	事業会社案件約7割 企業と直接契約のためマージンなし
支払サイト	月末締め・翌月15日払い	月末締め・翌月15日払い	月末締め・翌月末日払い
案件特徴	ほぼ全てのエンジニア職種案件あり ※副業は経験年数3年以上目安	技術顧問/PdMなどの上流案件豊富 ※副業は経験年数3年以上目安	Web系以外にもレガシー系案件やゲーム系案件もあり ※副業は経験年数3年以上目安
おすすめ	初めてフリーランスでエージェントを利用する方	フレキシブル（早朝/平日夜/土日OK）案件を探している方	フレキシブル（早朝/平日夜/土日OK）案件を探している方
公式	> 公式サイト	> 公式サイト	> 公式サイト

 

Javaの副業の単価相場

本記事で紹介している求人情報を見ると、例えば以下のような報酬レンジが見られます。

• PM支援や開発案件（週2〜5日稼働）：月額最大90万円程度
• アーキテクト支援やCTO候補（週2〜5日稼働）：月額最大100万円程度

Javaスキルに関する一般的な情報によると、エントリーレベル（1〜2年経験）では月額20万円〜30万円程度、中堅以上の経験者では月額40万円以上、さらに上級エンジニアやリーダーポジションではより高い報酬が期待できるとされています。

少ない稼働日数（週2〜3日）でも、スキルや案件内容によっては十分な報酬を得ることが可能です。複数のエージェントに登録し、自身のスキルに見合った単価の案件を探すことが重要です。

DAI

現役Webエンジニアの私がおすすめする副業OKフリーランスエージェントはこちらです！

サービス名	レバテックフリーランス	FLEXY(フレキシー)	HiPro Tech（ハイプロテック）
稼働率	週3〜5	週1〜5	週3〜5
特徴	求人数10万件以上 リモートでの参画率91％以上	98%がリモート案件	事業会社案件約7割 企業と直接契約のためマージンなし
支払サイト	月末締め・翌月15日払い	月末締め・翌月15日払い	月末締め・翌月末日払い
案件特徴	ほぼ全てのエンジニア職種案件あり ※副業は経験年数3年以上目安	技術顧問/PdMなどの上流案件豊富 ※副業は経験年数3年以上目安	Web系以外にもレガシー系案件やゲーム系案件もあり ※副業は経験年数3年以上目安
おすすめ	初めてフリーランスでエージェントを利用する方	フレキシブル（早朝/平日夜/土日OK）案件を探している方	フレキシブル（早朝/平日夜/土日OK）案件を探している方
公式	> 公式サイト	> 公式サイト	> 公式サイト

 

Javaの副業案件例

ここでは、実際に募集されている、Javaのフリーランス案件の例をご紹介します。

DAI

現役Webエンジニアの私がおすすめする副業OKフリーランスエージェントはこちらです！

サービス名	レバテックフリーランス	FLEXY(フレキシー)	HiPro Tech（ハイプロテック）
稼働率	週3〜5	週1〜5	週3〜5
特徴	求人数10万件以上 リモートでの参画率91％以上	98%がリモート案件	事業会社案件約7割 企業と直接契約のためマージンなし
支払サイト	月末締め・翌月15日払い	月末締め・翌月15日払い	月末締め・翌月末日払い
案件特徴	ほぼ全てのエンジニア職種案件あり ※副業は経験年数3年以上目安	技術顧問/PdMなどの上流案件豊富 ※副業は経験年数3年以上目安	Web系以外にもレガシー系案件やゲーム系案件もあり ※副業は経験年数3年以上目安
おすすめ	初めてフリーランスでエージェントを利用する方	フレキシブル（早朝/平日夜/土日OK）案件を探している方	フレキシブル（早朝/平日夜/土日OK）案件を探している方
公式	> 公式サイト	> 公式サイト	> 公式サイト

 

Javaの副業案件を探す基準

Javaの副業案件を探す場合、以下の観点で探してみるとよいでしょう。

それぞれの基準でおすすめのエージェントもご紹介するので、ぜひ参考にしてみてください。

1. クラウドソーシングか副業エージェントを利用するか
2. 土日・平日早朝・夜の稼働が可能か
3. 週の最低稼働日数が少なくてもよいか
4. フルリモート案件があるか
5. 高単価な案件が多いか

各HPより引用・算出（表は左右にスクロールできます）

①どこでJavaの副業案件を獲得するか

クラウドソーシングは比較的単価が低いため、高単価なフリーランスエージェントを利用するのがおすすめです。同じスキル感の案件でも、エージェントなら2倍以上の報酬をもらえることがあります。

前提として、副業案件を受託する場合、大きく分けて準委任契約か請負契約になります。

簡略化した説明にはなりますが、以下のような感じです。

• 請負契約：成果物に応じて対価をもらう。納品型。
• 準委任契約：時間に対して対価をいただく。時給型。

「音楽SNSアプリ開発を作成して納品してください！」みたいなアプリを作って納品型の案件が請負契約です。

クラウドソーシングだと、結構請負契約の案件が多いのですが、、、

例えば

• どう考えても想定工数が100時間以上かかる仕様なのに、単価が5万円（＝時給換算500円）
• クライアントが何度も納品前に仕様拡張を依頼してきたり、そもそもの要件が曖昧だと稼働時間がずるずる伸びる

みたいなことがよく起こります。

請負契約だと、働いた時間がどんなに長くても、その分は支払われませんし、成果物が納品されるまではお金をもらえません。

筆者も苦い経験がありますが、納品型案件で目標にしていた工数を大きく超えると、本業のリソースまで圧迫してくるので、つらいです。

一方で、「1時間働いたら5000円」のように、稼働時間に対して対価がもらえるのが準委任契約です。

しかし、クラウドソーシングの準委任契約の案件は、あることにはあるのですが、単価が相場よりも低くなりがちです。

同じスキル感の案件が、エージェントなら2倍以上のケースも、、、。なのでなるべく準委任契約の案件を副業案件の多いエージェントから受託するのがオススメです。

②土日・平日早朝・夜の稼働が可能か

会社員でもフリーランスでも、平日に本業があり忙しい場合があります。

その場合、平日朝・夜や土日にフレキシブルに稼働を入れられることが条件となります。

このような働き方ができる職場のほとんどは、スタートアップなど比較的規模の小さい会社のことが多いです。

そのような基準で案件を探す場合、必然的にスタートアップ案件を多く保有しているITプロパートナーズがオススメになります。

③週の最低稼働日数が少なくてもよいか

DAI

現役Webエンジニアの私がおすすめする副業OKフリーランスエージェントはこちらです！

サービス名	レバテックフリーランス	FLEXY(フレキシー)	HiPro Tech（ハイプロテック）
稼働率	週3〜5	週1〜5	週3〜5
特徴	求人数10万件以上 リモートでの参画率91％以上	98%がリモート案件	事業会社案件約7割 企業と直接契約のためマージンなし
支払サイト	月末締め・翌月15日払い	月末締め・翌月15日払い	月末締め・翌月末日払い
案件特徴	ほぼ全てのエンジニア職種案件あり ※副業は経験年数3年以上目安	技術顧問/PdMなどの上流案件豊富 ※副業は経験年数3年以上目安	Web系以外にもレガシー系案件やゲーム系案件もあり ※副業は経験年数3年以上目安
おすすめ	初めてフリーランスでエージェントを利用する方	フレキシブル（早朝/平日夜/土日OK）案件を探している方	フレキシブル（早朝/平日夜/土日OK）案件を探している方
公式	> 公式サイト	> 公式サイト	> 公式サイト

 

プログラマー向けの副業サイトによっては、週の最低稼働日数が定まっているケースがあります。

ほとんどの副業案件サービスは、週2〜3人日分の稼働を想定しています。

副業サイトにインタビューする中で、週1の稼働がOKだったのが、ITプロパートナーズでした。

また、レバテックフリーランスも週3日以内の稼働OK案件はありますが、ハイスキルな方向けのみに限ります。

④フルリモート案件があるか

副業するとなると、毎日忙しい本業とともに仕事を行うことになるので、できるだけ通勤時間などは削減したいところ。

そうなるとフルリモート案件を選ぶ必要があります。

今回特におすすめしているITプロパートナーズ・レバテックフリーランスでもフルリモート案件を確認することができました。

⑤高単価な案件が多いか

どの副業サイトの求人の特性上、単価の差があります。

フレキシブルな環境で働けるスタートアップやベンチャーの場合、企業側が高い報酬を支払うことが難しいため、単価は低くなる傾向があります。

逆に大手企業やメガベンチャーなどの求人が多い副業サイトでは、採用への投資が盛んなため、平均単価は上がりやすい傾向にあります。

高単価な上場企業やメガベンチャーでの開発経験をしてみたい！というハイスキル層には、レバテックフリーランスがおすすめです。

DAI

現役Webエンジニアの私がおすすめする副業OKフリーランスエージェントはこちらです！

サービス名	レバテックフリーランス	FLEXY(フレキシー)	HiPro Tech（ハイプロテック）
稼働率	週3〜5	週1〜5	週3〜5
特徴	求人数10万件以上 リモートでの参画率91％以上	98%がリモート案件	事業会社案件約7割 企業と直接契約のためマージンなし
支払サイト	月末締め・翌月15日払い	月末締め・翌月15日払い	月末締め・翌月末日払い
案件特徴	ほぼ全てのエンジニア職種案件あり ※副業は経験年数3年以上目安	技術顧問/PdMなどの上流案件豊富 ※副業は経験年数3年以上目安	Web系以外にもレガシー系案件やゲーム系案件もあり ※副業は経験年数3年以上目安
おすすめ	初めてフリーランスでエージェントを利用する方	フレキシブル（早朝/平日夜/土日OK）案件を探している方	フレキシブル（早朝/平日夜/土日OK）案件を探している方
公式	> 公式サイト	> 公式サイト	> 公式サイト

 

Javaエンジニアの副業案件探しにおすすめのエージェント

基本的には副業案件自体がどのエージェントでも少ないため、「求人数が多い」レバテックフリーランスに1社登録し、2-3社並行して登録しておくと、よりよい副業求人に出会うことができます。

	特徴
レバテックフリーランス	ほぼ全ての案件がエンド直のため、単価が高い 週3～5日OKのフレキシブルな案件が多い フルリモート案件も豊富 支払サイトが短い 公式: https://freelance.levtech.jp
クラウドワークステック	上場企業のクラウドワークスが運営。 リモート案件数が97% 週3〜5以上の案件にも対応 公式: https://crowdtech.jp/
Flexy	PKSHA Technologyグループが運営 週3日から稼働OK 90%以上がフルリモート案件 公式: https://flexy.jp

DAI

現役Webエンジニアの私がおすすめする副業OKフリーランスエージェントはこちらです！

サービス名	レバテックフリーランス	FLEXY(フレキシー)	HiPro Tech（ハイプロテック）
稼働率	週3〜5	週1〜5	週3〜5
特徴	求人数10万件以上 リモートでの参画率91％以上	98%がリモート案件	事業会社案件約7割 企業と直接契約のためマージンなし
支払サイト	月末締め・翌月15日払い	月末締め・翌月15日払い	月末締め・翌月末日払い
案件特徴	ほぼ全てのエンジニア職種案件あり ※副業は経験年数3年以上目安	技術顧問/PdMなどの上流案件豊富 ※副業は経験年数3年以上目安	Web系以外にもレガシー系案件やゲーム系案件もあり ※副業は経験年数3年以上目安
おすすめ	初めてフリーランスでエージェントを利用する方	フレキシブル（早朝/平日夜/土日OK）案件を探している方	フレキシブル（早朝/平日夜/土日OK）案件を探している方
公式	> 公式サイト	> 公式サイト	> 公式サイト

 

Javaの副業案件はある？

Javaは需要の高い言語であるため、副業案件は複数存在します。

具体的な案件の種類として挙げられるのは、アプリ・システムの開発やゲーム開発などです。

単価は案件によっても異なりますが、ITプロパートナーズで検索すると週3日以上の勤務で50万円以上の報酬を得られるものもあります。

DAI

現役Webエンジニアの私がおすすめする副業OKフリーランスエージェントはこちらです！

サービス名	レバテックフリーランス	FLEXY(フレキシー)	HiPro Tech（ハイプロテック）
稼働率	週3〜5	週1〜5	週3〜5
特徴	求人数10万件以上 リモートでの参画率91％以上	98%がリモート案件	事業会社案件約7割 企業と直接契約のためマージンなし
支払サイト	月末締め・翌月15日払い	月末締め・翌月15日払い	月末締め・翌月末日払い
案件特徴	ほぼ全てのエンジニア職種案件あり ※副業は経験年数3年以上目安	技術顧問/PdMなどの上流案件豊富 ※副業は経験年数3年以上目安	Web系以外にもレガシー系案件やゲーム系案件もあり ※副業は経験年数3年以上目安
おすすめ	初めてフリーランスでエージェントを利用する方	フレキシブル（早朝/平日夜/土日OK）案件を探している方	フレキシブル（早朝/平日夜/土日OK）案件を探している方
公式	> 公式サイト	> 公式サイト	> 公式サイト

 

Javaの副業案件を獲得する方法

Javaの副業案件を獲得する方法は以下の4つです。

• エージェントを利用する
• クラウドソーシングを利用する
• SNSで仕事を探す
• 知人から紹介してもらう

それぞれ詳しく見ていきましょう。

エージェントを利用する

Javaの副業案件を獲得する方法として特におすすめなのはエージェントを利用することです。

ITプロパートナーズなどのフリーランスエージェントでは、Javaに関する副業案件を多数扱っています。

業界への知見が深く、専門的な知識を持ったエージェントが紹介を担当してくれるので、1人で活動するよりも効率的です。

クラウドソーシングを利用する

クラウドワークスなどのクラウドソーシングでもフリーランスエージェントと同じようにJavaの案件が掲載されています。

ただし、クラウドソーシングは初心者に向けた案件が比較的多いです。

なかには相場よりも低単価で募集していることもあるので、自分で企業の信頼性や条件などを確認する必要があります。

誰でも応募はできるため実績を作りたい場合は有用ですが、条件についてこだわりたい方にはフリーランスエージェントで案件を探すことがおすすめです。

SNSで仕事を探す

Javaの副業案件は、SNSで探すことも可能です。

Twitterなど情報発信ができるSNSを通して、日々学んだことやニュースについて触れていきましょう。

積極的に他のエンジニアと交流していけば、仕事を紹介してくれる可能性が高くなります。

気になる企業があれば、こちらから営業をかけることも効率的です。

知人から紹介してもらう

もしも周りにサービス開発などを担当している友人がいる場合、仕事を紹介してもらえることもあります。

エージェントやクラウドソーシングと違って手数料がかからないため、交渉次第では高単価になるでしょう。

ただし、契約時には条件についてきちんと確認することが大切です。

DAI

現役Webエンジニアの私がおすすめする副業OKフリーランスエージェントはこちらです！

サービス名	レバテックフリーランス	FLEXY(フレキシー)	HiPro Tech（ハイプロテック）
稼働率	週3〜5	週1〜5	週3〜5
特徴	求人数10万件以上 リモートでの参画率91％以上	98%がリモート案件	事業会社案件約7割 企業と直接契約のためマージンなし
支払サイト	月末締め・翌月15日払い	月末締め・翌月15日払い	月末締め・翌月末日払い
案件特徴	ほぼ全てのエンジニア職種案件あり ※副業は経験年数3年以上目安	技術顧問/PdMなどの上流案件豊富 ※副業は経験年数3年以上目安	Web系以外にもレガシー系案件やゲーム系案件もあり ※副業は経験年数3年以上目安
おすすめ	初めてフリーランスでエージェントを利用する方	フレキシブル（早朝/平日夜/土日OK）案件を探している方	フレキシブル（早朝/平日夜/土日OK）案件を探している方
公式	> 公式サイト	> 公式サイト	> 公式サイト

 

Javaの副業で求められる知識やスキル

Javaの副業で求められるのは、以下のような知識やスキルです。

• アプリ開発スキル
• システム開発スキル
• 提案力
• データベースの知識
• コミュニケーションスキル

上記についてそれぞれ解説していきます。

アプリ開発スキル

Javaの副業案件では、Webアプリケーションやスマホアプリを制作する募集が多くあります。

Android向けのアプリケーションを制作する案件では、特にJavaを用いる傾向が強いため、実務経験を積んでおくことがおすすめです。

開発に携わる案件は単価が高くなりやすいため、必要な工程について理解を深めておいてください。

システム開発スキル

システム開発の案件では、以下のようなものを製作します。

• 広告配信システム
• 顧客管理システム
• 受発注管理システム
• 在庫管理システム

どのようなシステムを作りたいのかは企業によって大きく異なるため、クライアントが求めている製作物や業界への理解が必要です。

提案力

Javaエンジニアは需要が高く、専門的な知識が求められる職業であるため、実力があれば案件を獲得できる可能性は高いです。

しかし、条件の良い案件の獲得や業務のなかで評価を向上させるためには、提案力が必要になります。

案件をこなしていると、機能の実装について意見を問われることもあるので「こうしたらもっと良くなる」「こうすれば実現できる」など、状況に合わせた判断と提案ができるようにしましょう。

データベースの知識

データベースの設計や開発を行うためには、SQLや情報システムの全般的な知識が求められます。

データベースの管理を実施する場合は、セキュリティに関する知見も必要です。

コミュニケーションスキル

Javaの副業では作業に関する知識だけでなく、コミュニケーションスキルもあると評価は上がりやすくなります。

定期的な進捗報告や、分かりやすい問題の指摘・改善提案など、基本的なビジネススキルは身につけておきましょう。

DAI

現役Webエンジニアの私がおすすめする副業OKフリーランスエージェントはこちらです！

サービス名	レバテックフリーランス	FLEXY(フレキシー)	HiPro Tech（ハイプロテック）
稼働率	週3〜5	週1〜5	週3〜5
特徴	求人数10万件以上 リモートでの参画率91％以上	98%がリモート案件	事業会社案件約7割 企業と直接契約のためマージンなし
支払サイト	月末締め・翌月15日払い	月末締め・翌月15日払い	月末締め・翌月末日払い
案件特徴	ほぼ全てのエンジニア職種案件あり ※副業は経験年数3年以上目安	技術顧問/PdMなどの上流案件豊富 ※副業は経験年数3年以上目安	Web系以外にもレガシー系案件やゲーム系案件もあり ※副業は経験年数3年以上目安
おすすめ	初めてフリーランスでエージェントを利用する方	フレキシブル（早朝/平日夜/土日OK）案件を探している方	フレキシブル（早朝/平日夜/土日OK）案件を探している方
公式	> 公式サイト	> 公式サイト	> 公式サイト

 

Javaの副業案件の種類

Javaの副業には、以下4つの種類が存在します。

• Webアプリケーション開発
• システム開発
• ハードウェア開発
• 講師業

現在の自分のスキルを鑑みて対応できそうな仕事を選択することが大切ですが、保持しているスキルよりも少し難易度の高い仕事をすることでさらなる能力向上が期待できます。

Javaの副業案件の種類について確認して、自分に合った案件探しを始めましょう。

Webアプリケーション開発

Webアプリケーション開発では、企業が自社のサービスとして企画している案件に参画します。

Webアプリケーションを開発している企業は国内に多数あるため、自分が興味のあるジャンルに挑戦できるでしょう。

ただし設計しているサービスによっては、Java以外の言語を使用することもあります。

好きなジャンルのWebアプリケーションに開発に関わりたい場合は、スキルの向上を図って企業から求められる人材になることが必要不可欠です。

システム開発

システム開発もJavaエンジニアの副業の1つです。

システム開発では、主に企業の業務効率を改善するために開発を行います。

案件によっては、開発だけでなく運用や保守も行う必要があるため、一連の業務経験があると高い報酬が期待できるでしょう。

また案件の規模や担当するべき業務によって稼働時間が異なるため、副業として活用できる時間をあらかじめ計算することが大切です。

ハードウェア開発

ハードウェア開発は、飛行機や家電製品などの制御をするためのシステムを設計することで「組み込み開発」とも呼ばれています。

ハードウェア開発では基本的にC言語やC＋＋を用いることが多いですが、Javaを用いて開発する企業も多いため、副業の候補として挙げられます。

ただしハードウェア開発では、ソフトウェアに関する知識も求められるため、他の仕事と比較しても難易度が高いです。

IoT機器や自動運転システムなどの技術が求められているため、今後もハードウェア開発のスキルは企業から重宝されます。

講師業

Javaの副業では、システムの開発などを行うだけでなく講師業も請け負えます。

Zoomなどのネット会議ツールが発達した現代では、家にいながら講師業を営むこともできます。

高いスキルを持った受講生であれば講師側にも実務的なスキルが求められますが、基本的には初心者に教えることになるため、難しい質問をされることは少ないでしょう。

契約内容によっては業務時間を自分で選択できるため、自由度の高い働き方ができます。

Javaの副業にリモート案件はある？

Javaの副業を考えている人の中には、柔軟な働き方を目指している人もいるのではないでしょうか。

Javaの副業でもリモートで働くことは可能です。

Javaを活用できる人材は需要が高いため、リモートを前提にしていない案件でも交渉次第ではフルリモートに切り替えてもらえる可能性があります。

DAI

現役Webエンジニアの私がおすすめする副業OKフリーランスエージェントはこちらです！

サービス名	レバテックフリーランス	FLEXY(フレキシー)	HiPro Tech（ハイプロテック）
稼働率	週3〜5	週1〜5	週3〜5
特徴	求人数10万件以上 リモートでの参画率91％以上	98%がリモート案件	事業会社案件約7割 企業と直接契約のためマージンなし
支払サイト	月末締め・翌月15日払い	月末締め・翌月15日払い	月末締め・翌月末日払い
案件特徴	ほぼ全てのエンジニア職種案件あり ※副業は経験年数3年以上目安	技術顧問/PdMなどの上流案件豊富 ※副業は経験年数3年以上目安	Web系以外にもレガシー系案件やゲーム系案件もあり ※副業は経験年数3年以上目安
おすすめ	初めてフリーランスでエージェントを利用する方	フレキシブル（早朝/平日夜/土日OK）案件を探している方	フレキシブル（早朝/平日夜/土日OK）案件を探している方
公式	> 公式サイト	> 公式サイト	> 公式サイト

 

Java副業をするメリット

Java副業をするメリットは、以下の通り多くあります。

1. 収入が増える
2. スキルアップにつながる
3. 人脈を広げることができる

Java副業をするIT業界では、コロナの影響もあり、ZoomやSlackなどのリモートで使えるコミュニケーションツールが整えられ、スムーズにリモートワークできるようになりました。

DAI

現役Webエンジニアの私がおすすめする副業OKフリーランスエージェントはこちらです！

サービス名	レバテックフリーランス	FLEXY(フレキシー)	HiPro Tech（ハイプロテック）
稼働率	週3〜5	週1〜5	週3〜5
特徴	求人数10万件以上 リモートでの参画率91％以上	98%がリモート案件	事業会社案件約7割 企業と直接契約のためマージンなし
支払サイト	月末締め・翌月15日払い	月末締め・翌月15日払い	月末締め・翌月末日払い
案件特徴	ほぼ全てのエンジニア職種案件あり ※副業は経験年数3年以上目安	技術顧問/PdMなどの上流案件豊富 ※副業は経験年数3年以上目安	Web系以外にもレガシー系案件やゲーム系案件もあり ※副業は経験年数3年以上目安
おすすめ	初めてフリーランスでエージェントを利用する方	フレキシブル（早朝/平日夜/土日OK）案件を探している方	フレキシブル（早朝/平日夜/土日OK）案件を探している方
公式	> 公式サイト	> 公式サイト	> 公式サイト

 

Java副業をするデメリット

本業との兼ね合いが難しくなる

副業を始めて最初のうちは、2つの仕事をこなす負担を感じやすいです。

例えば、夜の時間を副業をすることで疲れがたまり、本業の仕事に影響が出る場合があります。

本業に影響を与えないように副業をしましょう。

休みが取れなくなる

副業を始めると、休みの時間が減るので、ストレスや疲れが溜まりやすくなります。

健康状態を意識して、栄養管理・睡眠管理・運動などを行なって、体に影響が出ないようにしましょう。

DAI

現役Webエンジニアの私がおすすめする副業OKフリーランスエージェントはこちらです！

サービス名	レバテックフリーランス	FLEXY(フレキシー)	HiPro Tech（ハイプロテック）
稼働率	週3〜5	週1〜5	週3〜5
特徴	求人数10万件以上 リモートでの参画率91％以上	98%がリモート案件	事業会社案件約7割 企業と直接契約のためマージンなし
支払サイト	月末締め・翌月15日払い	月末締め・翌月15日払い	月末締め・翌月末日払い
案件特徴	ほぼ全てのエンジニア職種案件あり ※副業は経験年数3年以上目安	技術顧問/PdMなどの上流案件豊富 ※副業は経験年数3年以上目安	Web系以外にもレガシー系案件やゲーム系案件もあり ※副業は経験年数3年以上目安
おすすめ	初めてフリーランスでエージェントを利用する方	フレキシブル（早朝/平日夜/土日OK）案件を探している方	フレキシブル（早朝/平日夜/土日OK）案件を探している方
公式	> 公式サイト	> 公式サイト	> 公式サイト

 

Java案件の副業で収入を増やすポイント

Javaの副業案件で収入を増やすポイントは以下の5つです。

• ポートフォリオを作成する
• 資格を取得する
• 単価が安い案件は控える
• 複数のエージェントに登録して、自分のスキル感を相見積もりしてもらう
• エージェントを利用する場合はマージン率を確認する

どのようにすれば効率的に報酬額を上げられるのか確認していきましょう。

ポートフォリオを作成する

JavaやPythonなど言語に関わらず、副業案件を獲得したい場合はポートフォリオがあった方が効率的です。

過去の制作物を提示できれば、自分のスキルや経験値などが視覚的に分かりやすくなります。

他の人には真似できないような発想で独自のコンテンツを作成すると、より評価が上がりやすくなるでしょう。

資格を取得する

資格を取得することで現在のスキルレベルについて分かりやすく提示できるようになります。

Javaに関する資格としては、以下のようなものが挙げられます。

• Oracle認定Javaプログラマ
• Javaプログラミング能力認定試験
• Android技術者認定試験
• 基本情報技術者試験

ポートフォリオ以外にスキルを示すものが欲しい方には、資格の取得がおすすめです。

単価が安い案件は控える

フリーランスエージェントだと単価が安い案件が募集されている場合があります。

単価が安い案件だと案件によっては、作業が大変で割に合わない案件もあるため、できるだけ避けるようにしましょう。

複数のエージェントに登録して、自分のスキル感を相見積もりしてもらう

複数のエージェントに登録することで、自分のスキルを客観的に評価してもらえるため、自分の実力を知ることができます。

また、探せる案件数も増えるため、仕事を探す選択肢が広がります。

エージェントを利用する場合はマージン率を確認する

マージン率が低いほど、入ってくる収入が増えます。

そのため、収入をさらに増やしたい方はマージン率が低いエージェントを利用することをおすすめします。

DAI

現役Webエンジニアの私がおすすめする副業OKフリーランスエージェントはこちらです！

サービス名	レバテックフリーランス	FLEXY(フレキシー)	HiPro Tech（ハイプロテック）
稼働率	週3〜5	週1〜5	週3〜5
特徴	求人数10万件以上 リモートでの参画率91％以上	98%がリモート案件	事業会社案件約7割 企業と直接契約のためマージンなし
支払サイト	月末締め・翌月15日払い	月末締め・翌月15日払い	月末締め・翌月末日払い
案件特徴	ほぼ全てのエンジニア職種案件あり ※副業は経験年数3年以上目安	技術顧問/PdMなどの上流案件豊富 ※副業は経験年数3年以上目安	Web系以外にもレガシー系案件やゲーム系案件もあり ※副業は経験年数3年以上目安
おすすめ	初めてフリーランスでエージェントを利用する方	フレキシブル（早朝/平日夜/土日OK）案件を探している方	フレキシブル（早朝/平日夜/土日OK）案件を探している方
公式	> 公式サイト	> 公式サイト	> 公式サイト

 

Java副業を始める際の注意点

次にJava副業する際の注意点について詳しく解説します。

• 会社の規則を確認する
• 確定申告が必要な場合がある

以下にて詳しく解説します。

会社の規則を確認する

副業を始める前に、現在働いている会社の就業規則を確認する必要があります。

就業規則とはその会社で働く上のルールであり、その会社で働く以上は、ルールを守らなければなりません。

もしアプリ開発の副業が厳しそうなら、収益を発生させずにアプリ開発を勉強をするか転職をするなど対処策を考える必要があります。

確定申告が必要な場合がある

アプリ開発の副業で気をつけるポイントは、確定申告が必要な場合もあります。

副業で得た所得が年間20万円を超えると、確定申告が必要です。

そのため、副業するなら収入や経費を細かく記録する必要があります。

もし確定申告を忘れると、無申告加算税と呼ばれる確定申告の期限後に申告や無申告の場合に、納税額に応じて課される税金を払う必要が出てきます。

DAI

現役Webエンジニアの私がおすすめする副業OKフリーランスエージェントはこちらです！

サービス名	レバテックフリーランス	FLEXY(フレキシー)	HiPro Tech（ハイプロテック）
稼働率	週3〜5	週1〜5	週3〜5
特徴	求人数10万件以上 リモートでの参画率91％以上	98%がリモート案件	事業会社案件約7割 企業と直接契約のためマージンなし
支払サイト	月末締め・翌月15日払い	月末締め・翌月15日払い	月末締め・翌月末日払い
案件特徴	ほぼ全てのエンジニア職種案件あり ※副業は経験年数3年以上目安	技術顧問/PdMなどの上流案件豊富 ※副業は経験年数3年以上目安	Web系以外にもレガシー系案件やゲーム系案件もあり ※副業は経験年数3年以上目安
おすすめ	初めてフリーランスでエージェントを利用する方	フレキシブル（早朝/平日夜/土日OK）案件を探している方	フレキシブル（早朝/平日夜/土日OK）案件を探している方
公式	> 公式サイト	> 公式サイト	> 公式サイト

 

「Javaの案件は稼げない」は本当か？

結論から言うと、Javaの案件で稼ぐことは可能です。

理由としては、Javaの実務経験が2~3年以上あれば、エージェントから案件を受注することができ、収入を得られるからです。

また、Javaの案件は、現在一定の需要があるため、今後案件数が一気に少なくなるというリスクは低いでしょう。

収入をアップしたい方は、大手企業の案件を受注すれば、高単価な傾向になりやすいのでおすすめです。

DAI

現役Webエンジニアの私がおすすめする副業OKフリーランスエージェントはこちらです！

サービス名	レバテックフリーランス	FLEXY(フレキシー)	HiPro Tech（ハイプロテック）
稼働率	週3〜5	週1〜5	週3〜5
特徴	求人数10万件以上 リモートでの参画率91％以上	98%がリモート案件	事業会社案件約7割 企業と直接契約のためマージンなし
支払サイト	月末締め・翌月15日払い	月末締め・翌月15日払い	月末締め・翌月末日払い
案件特徴	ほぼ全てのエンジニア職種案件あり ※副業は経験年数3年以上目安	技術顧問/PdMなどの上流案件豊富 ※副業は経験年数3年以上目安	Web系以外にもレガシー系案件やゲーム系案件もあり ※副業は経験年数3年以上目安
おすすめ	初めてフリーランスでエージェントを利用する方	フレキシブル（早朝/平日夜/土日OK）案件を探している方	フレキシブル（早朝/平日夜/土日OK）案件を探している方
公式	> 公式サイト	> 公式サイト	> 公式サイト

 

Javaの将来性について

Javaをこれから勉強しようと思っている人たちの中には、Javaの将来性について気になっている人もいるのではないでしょうか。

プラグラミング言語に関わらず、ITの分野は日進月歩で進化を遂げているため、将来性についても知ることが重要です。

Javaの現在の状況とこれからの可能性について確認していきましょう。

案件数は年々増えている

引用： Javaのフリーランス求人・案件一覧｜フリーランススタート

結論から言うと、Javaの将来性は高いため、副業やフリーランスとして案件を獲得できれば今後も高い単価が期待できるでしょう。

各エージェントの案件情報をまとめて掲載している「フリーランススタート」では、フリーランス向けのJavaの案件数が4月時点は下降気味でしたが、今だに8,000件以上の案件数を保持しています

汎用性があり、企業の中枢システムなどでも使用されるJavaは、今後も高い需要が期待できます。

今後Javaを扱うエンジニアとして独立したいと考えている方は、以下の記事も参考にしてみてください。

ただしプログラミング言語の流行り廃りの変化は激しいため、Javaの需要がなくなった時の準備をすることも大切です。

Javaエンジニアの圧倒的な人材不足

Javaのエンジニアが不足しているのは、以下2つの原因が考えられます。

• 新しいプログラミング言語が誕生している
• Webサービスなどのシステムが多様化している

RubyやGoなどのプログラミング言語が誕生し、SaaSやWebサービスなどが主流になっている現代では、Javaを学習する人の数は減少傾向です。

人材が不足しているなか、高いJavaのスキルを企業にアピールできれば、高待遇で迎え入れてくれるでしょう。

フリーランススタートの統計によると、Javaの想定年収の推移は2023年1月から2023年6月まででほとんど変わっていません。

引用：Javaのフリーランス求人・案件一覧｜フリーランススタート

Javaはプログラミング言語の中でも初心者にとっては難しいものの1つとされていますが、習得する価値がある言語の1つです。

DAI

現役Webエンジニアの私がおすすめする副業OKフリーランスエージェントはこちらです！

サービス名	レバテックフリーランス	FLEXY(フレキシー)	HiPro Tech（ハイプロテック）
稼働率	週3〜5	週1〜5	週3〜5
特徴	求人数10万件以上 リモートでの参画率91％以上	98%がリモート案件	事業会社案件約7割 企業と直接契約のためマージンなし
支払サイト	月末締め・翌月15日払い	月末締め・翌月15日払い	月末締め・翌月末日払い
案件特徴	ほぼ全てのエンジニア職種案件あり ※副業は経験年数3年以上目安	技術顧問/PdMなどの上流案件豊富 ※副業は経験年数3年以上目安	Web系以外にもレガシー系案件やゲーム系案件もあり ※副業は経験年数3年以上目安
おすすめ	初めてフリーランスでエージェントを利用する方	フレキシブル（早朝/平日夜/土日OK）案件を探している方	フレキシブル（早朝/平日夜/土日OK）案件を探している方
公式	> 公式サイト	> 公式サイト	> 公式サイト

 

Javaの副業に関するよくある質問

Q1. Javaの副業案件は実務経験が何年くらい必要ですか？

目安として実務経験が2〜3年以上あると、好条件の案件を獲得しやすいです。

未経験や独学のみでは案件獲得は非常に困難です。経験が浅い場合は、まずはクラウドソーシング等で小さな案件から実績を作るか、本業でさらに経験を積むことをおすすめします。

Q2. 土日や平日の夜間のみで稼働できる案件はありますか？

案件数は限られますが、スタートアップ企業などを中心に募集されています。

週1〜2日の稼働や土日稼働を許容する企業は存在しますが、大手エージェントよりも「ITプロパートナーズ」のような週1・2日案件に強いサービスを利用する方が見つかる確率は高くなります。

Q3. Javaの副業でフルリモート（在宅）の案件は選べますか？

フルリモート可能な案件は豊富にあります。Javaは開発需要が高く、開発環境も整いやすいため、リモートワークとの相性が良い言語です。

エージェントを利用する場合、最初から「フルリモート希望」と伝えることで効率よく紹介してもらえます。

Q4. Javaの副業案件の単価相場（時給）はどれくらいですか？

時給換算で2,500円〜5,000円程度、月額だと週2〜3日稼働で20万〜40万円程度が目安です。

システム開発などの実装業務は安定した単価が見込めます。さらにPM（プロジェクトマネジメント）や要件定義などの上流工程に関われる場合、時給5,000円以上の高単価も狙うことが可能です。

Q5. 副業で得た収入には確定申告が必要ですか？

1月1日から12月31日までの副業所得が年間20万円を超える場合、確定申告が必要です。ここでの「所得」とは、売上から経費を引いた金額を指します。

PC代や書籍代などを経費として計上できる場合があるため、領収書は必ず保管しておきましょう。申告漏れにはペナルティがあるため注意してください。

DAI

現役Webエンジニアの私がおすすめする副業OKフリーランスエージェントはこちらです！

サービス名	レバテックフリーランス	FLEXY(フレキシー)	HiPro Tech（ハイプロテック）
稼働率	週3〜5	週1〜5	週3〜5
特徴	求人数10万件以上 リモートでの参画率91％以上	98%がリモート案件	事業会社案件約7割 企業と直接契約のためマージンなし
支払サイト	月末締め・翌月15日払い	月末締め・翌月15日払い	月末締め・翌月末日払い
案件特徴	ほぼ全てのエンジニア職種案件あり ※副業は経験年数3年以上目安	技術顧問/PdMなどの上流案件豊富 ※副業は経験年数3年以上目安	Web系以外にもレガシー系案件やゲーム系案件もあり ※副業は経験年数3年以上目安
おすすめ	初めてフリーランスでエージェントを利用する方	フレキシブル（早朝/平日夜/土日OK）案件を探している方	フレキシブル（早朝/平日夜/土日OK）案件を探している方
公式	> 公式サイト	> 公式サイト	> 公式サイト

 

まとめ

Javaは1996年にリリースされたプログラミング言語で、汎用性の高さから多くの企業で導入されています。

Javaの副業を始めるにあたって、効率的に案件を獲得したい場合はエージェントの活用が最もおすすめです。

エージェントを活用すれば、質の良い案件を紹介してもらえるだけでなく、税金などの手続きに関してもサポートしてもらえます。

DAI

現役Webエンジニアの私がおすすめする副業OKフリーランスエージェントはこちらです！

サービス名	レバテックフリーランス	FLEXY(フレキシー)	HiPro Tech（ハイプロテック）
稼働率	週3〜5	週1〜5	週3〜5
特徴	求人数10万件以上 リモートでの参画率91％以上	98%がリモート案件	事業会社案件約7割 企業と直接契約のためマージンなし
支払サイト	月末締め・翌月15日払い	月末締め・翌月15日払い	月末締め・翌月末日払い
案件特徴	ほぼ全てのエンジニア職種案件あり ※副業は経験年数3年以上目安	技術顧問/PdMなどの上流案件豊富 ※副業は経験年数3年以上目安	Web系以外にもレガシー系案件やゲーム系案件もあり ※副業は経験年数3年以上目安
おすすめ	初めてフリーランスでエージェントを利用する方	フレキシブル（早朝/平日夜/土日OK）案件を探している方	フレキシブル（早朝/平日夜/土日OK）案件を探している方
公式	> 公式サイト	> 公式サイト	> 公式サイト

 

The post Javaの副業事情！週1-3案件の探し方とおすすめの求人サイトを紹介 first appeared on インディバースフリーランスメディア.

Javaのフリーランスに関する、この記事の結論は以下のとおりです。

• Javaのフリーランスの単価相場は約73万円（※インディバースフリーランスのデータから調査）
• Javaのフリーランスに求められるスキルは、フレームワーク（Spring/SpringBoot）の知識、上流工程（設計・要件定義）、API開発経験など。実務経験は1〜2年以上が目安。
• Web系開発ではリモート可な案件も多いが、セキュリティ重視の案件では常駐が必要なケースもある。

結論からお伝えすると、Javaのフリーランスは案件数が非常に豊富で需要が底堅く、実務経験があれば高単価（約73万円）で安定して稼げます。

Javaのフリーランスで収入を増やすために押さえるべき相場観、案件探しのコツ、契約前の注意点までわかりやすく解説します。

Javaのフリーランスはできる？未経験からも可能？

Javaのフリーランスエンジニアとして独立することは十分可能です。

企業が求めるJavaエンジニア像は、Spring FrameworkやSpring Bootを用いたWebアプリケーション開発経験、Maven・Gradleといったビルドツールの知識、JUnitでのユニットテスト実装スキルを持つ人材です。

案件獲得にはレバテックフリーランスやテクフリなどの専門エージェントが有効で、スキルをもとに最適な案件を紹介してくれます。

未経験者は、まずProgateやUdemyでJava基礎を学習し、ポートフォリオとしてCRUDアプリケーションを開発します。

次にGitHubでソースコード管理を行い、実務経験を積むためSES企業への就職を検討しましょう。

Java案件の単価相場

インディバースフリーランスが提携しているエージェントの全求人データをもとに抽出した結果ですが、平均単価相場/月は約73万円でした。

高単価の案件を探している人は、高単価案件が豊富なレバテックフリーランスで案件を探すのがおすすめです。

Javaのフリーランス案件例

ここでは、実際に募集されている、Javaのフリーランス案件の例をご紹介します。

Javaのフリーランス案件探しにおすすめのエージェント

エンジニアが案件を探す場合は、求人数が多い「レバテックフリーランス」に1社登録し、2-3社並行して登録しておくと、より良い求人に出会うことができるのでおすすめです。

	特徴
インディバースフリーランス	複数のフリーランスエージェントの求人を一括で見れるサービス 案件が多いため、さまざまな条件の案件（フルリモート/週3OK）も多数あり フリーランス案件の求人管理を効率化したいなら、まずは登録したい案件サイト。 公式： https://freelance.indieverse.co.jp
レバテックフリーランス	とにかく案件数が多い 大企業の高単価案件やフルリモート案件も多数取扱あり フリーランスとして案件受注を検討するならまず登録したいエージェント公式： 公式：https://freelance.levtech.jp/
Flexy	90%がフルリモート案件と、フルリモート比率ではピカイチのエージェント。 プライム案件が豊富で、高単価案件が豊富なエージェント Web系の案件が中心 公式：https://flexy.jp/

Javaフリーランスが身につけたいスキル3選

インディバースフリーランスの求人データを元に、Javaフリーランスとして必須要件として特に求められるスキルを3つご紹介します。

スキル1: フレームワーク (Spring/SpringBoot) の知識・経験

多くのJava案件、特にWebアプリケーション開発やエンタープライズシステム開発では、Spring FrameworkやSpring Bootの使用経験が求められます。これらのフレームワークは、効率的な開発、依存性注入(DI)、AOP(アスペクト指向プログラミング)などをサポートし、大規模開発において不可欠です。フレームワークの深い理解と実務経験は、高単価案件を獲得する上で大きなアドバンテージとなります。

スキル2: 上流工程（設計・要件定義）の経験

プログラミングスキルだけでなく、要件定義や基本設計、詳細設計といった上流工程の経験もJavaフリーランスには求められます。顧客の要求を理解し、それをシステム設計に落とし込む能力は、プロジェクトの成功に不可欠であり、単価アップにも繋がります。特に大規模プロジェクトでは、システム全体のアーキテクチャ設計経験があると高く評価されます。

スキル3: API開発経験

現代のシステム開発では、マイクロサービスアーキテクチャの普及などにより、システム間の連携が重要になっています。そのため、RESTful APIなどのAPI設計・開発経験は多くのJava案件で求められるスキルです。Spring Bootなどを用いたAPI開発経験があると、バックエンド開発案件で活躍の場が広がります。

フリーランスエンジニアと会社員エンジニアとの違い

正社員としてJavaで働く場合のメリットは言うまでもありません。

• 安定した収入／ボーナス
• 企業によって充実する福利厚生
• 資格手当など

常に安定して仕事と収入があるため、自分から案件を探しにいく労力がかかりません。

一方で、フリーランスのJavaエンジニアとしての働く場合、メリットは以下のようになります。

• 報酬交渉ができる
• 受注する案件を自分で選べる
• 働き方を自分でマネジメントできる

フリーランスのメリットは言うまでもなく自由度の高さにあります。

フリーランスのデメリットも改めて確認しておきましょう。

• 収入が不安定
• 常に能動的にJava案件を探す必要がある
• 社会保険などは全て自分で払う必要がある
• 営業や経理など、コードを書く以外の雑務が増える
• 確定申告などの税務業務を自分で行う必要がある

フリーランスのJavaエンジニアとして働くならば、自由度が高い分、案件の受注から時間の管理など全てを自分で責任を持って行う必要があります。

これらのデメリットへの対処法として、フリーランスエージェントの活用が挙げられます。エージェントは案件紹介だけでなく、契約交渉、税務サポート、福利厚生の提供など、フリーランス活動を多方面から支援してくれます。

Javaの将来性は？

Javaは長年にわたり、エンタープライズシステム、Androidアプリ開発、Webアプリケーションなど、幅広い分野で利用されてきた実績のある言語です。求人案件数が多いということから、Javaエンジニアの需要が高いことが分かります。

「Javaのフリーランス案件例」で前述したように、組み込み系アプリやWebアプリケーションなど、複数の分野で活用できることが需要の高さにつながっていると考えられるでしょう。

またJavaは長く使われてきた歴史のある言語で、たとえ新規開発が減っても既存システムの保守開発は必要になってきます。

そのため、技術トレンドが移り変わっても簡単に他の言語に置き換えられるとは考えにくいです。

その他にも、拡大しているスマホアプリ市場での人気が高いことや、セキュリティが高く、大規模開発にも向いていることなどから需要の高まりが予想できます。

Javaのフリーランスに関するよくある質問

Q1. Javaフリーランスになるには実務経験が何年必要ですか？

最低でも1年〜2年の実務経験が推奨されます。

1年以上の実務経験があれば参画可能な案件は増えますが、3年以上の経験があると高単価案件やリモート案件など、より好条件な仕事を選びやすくなります。まずは企業で経験を積むのが近道です。

Q2. Java案件でフルリモート（在宅）ワークは可能ですか？

可能です。JavaはWeb開発案件が多く、リモート対応の求人も豊富です。

ただし、金融系や公共系のシステム開発など、高いセキュリティレベルが求められる案件では常駐が必要な場合もあります。モダンな開発環境の企業ほどリモート化が進んでいます。

Q3. 未経験からすぐにJavaフリーランスとして独立できますか？

未経験からいきなり独立するのは非常に難易度が高いです。フリーランスは「即戦力」が求められるため、実務未経験では案件獲得が困難です。

まずは正社員やSESなどでJavaの開発経験を積んでから独立することをおすすめします。

Q4. 40代・50代でもJavaフリーランスとして活躍できますか？

年齢に関係なく、スキルと経験があれば十分に活躍できます。Javaは長年使われている言語のため、ベテランエンジニアの需要も底堅いです。

開発スキルに加え、リーダー経験や要件定義などの上流工程の経験があれば、年齢を問わず高単価を狙えます。

Q5. Java以外に身につけておくと有利なスキルはありますか？

AWSなどのクラウド環境の知識や、Spring Bootなどのフレームワーク経験が有利です。

特にAWSやAzureなどのインフラ構築経験や、コンテナ技術（Dockerなど）の知識があると、バックエンド全般を任せられる人材として市場価値が大きく上がります。

Javaフリーランスエンジニアまとめ

今回は、Javaエンジニア向けの案件獲得方法や、スキル、年収について解説しました。

フリーランスが案件を探すなら、フリーランスエージェントを活用するのがおすすめです。

エージェントによって特色が異なるので、ぜひ自分に合ったエージェントを探してみてください。

The post Javaのフリーランスは稼げる？高単価案件も解説 first appeared on インディバースフリーランスメディア.

Javaの業務委託に関する、この記事の結論は以下のとおりです。

• Javaの業務委託の単価相場は約73万円（※インディバースフリーランスのデータから調査）
• Javaの業務委託に求められるスキルは、Springフレームワーク（Spring Boot）、データベース（Oracle/MySQL）、クラウド（AWS/GCP）など。実務経験は2〜3年以上が目安。
• クラウド環境での開発案件が増えており、フルリモート可能な案件も豊富。

結論からお伝えすると、Javaの業務委託は企業の基幹システムや大規模開発での需要が高く、実務経験とプラスアルファのスキルがあれば高単価（約73万円）で十分に稼げます。

Javaの業務委託で収入を増やすために押さえるべき相場観、案件探しのコツ、契約前の注意点までわかりやすく解説します。

Javaで業務委託はできる？未経験からも可能？

Javaエンジニアとしての実務経験が2-3年以上あれば業務委託契約で仕事を受けることは可能です。Javaは企業の基幹システムや大規模アプリケーション開発において長年利用されており、安定した需要があります。実際に、フリーランスエージェントなどではJavaのフリーランス案件が多数掲載されています。

Webアプリケーション開発の一連の経験（設計、実装、テスト、運用）や、Spring、Java EE、データベース、クラウド環境（AWS, GCPなど）での実務経験、Gitなどのバージョン管理ツールの使用経験があると、より多くの案件に対応でき、高単価も狙いやすくなります。

ただし、Javaの実務経験がない場合、つまり未経験からフリーランスになるのは難しいのが現状です。多くの案件では実務経験が求められます。未経験の場合は、まずプログラミングスクールで学習したり、実務経験を積むために就職・転職を検討したりすることをおすすめします。また、昨今ではフリーランスに求められるスキルが上がってきているため、微経験（経験年数〜2年）の場合は案件参画が難しくなってきています。

Javaの業務委託の単価相場

フリーランスエージェントの求人情報や収集した案件データを分析すると、Javaフリーランス案件の月額単価は、求められる経験年数やスキルセット、担当工程によって大きく変動しますが、月額60万円〜90万円程度が中心的な価格帯と言えそうです。最高単価は100万円を超える案件も見られます。

Javaの業務委託案件の単価は、経験年数や保有スキルによって大きく変動します。求人データを元に、単価レンジごとの傾向を解説します。

• 月額80万円以上の高単価案件：Javaを用いた大規模システム開発の経験が5年以上あり、Spring Boot, Spring Cloudを用いたマイクロサービス開発経験、クラウド環境（AWS, GCP, Azureなど）での設計・構築・運用経験、データベース（Oracle, MySQL, PostgreSQLなど）の深い知識が求められることが多いです。アーキテクチャ設計能力や、チームリーダー経験、ビジネスサイドとの折衝経験があると、さらに高単価を狙いやすくなります。
• 月額60万円〜80万円程度の案件：Javaを用いた実務経験が3年以上あり、Spring FrameworkやJava EEを用いたWebアプリケーション開発経験、RESTful APIの設計・実装経験、Gitを用いたチーム開発経験があると応募可能な案件が多く見られます。
• 月額60万円未満の案件：Javaの実務経験が1〜2年程度でも応募可能な案件が見られますが、数は少なめです。既存システムの保守・改修や、小規模なバッチ処理開発などが中心となることが多いようです。

このように、単にJavaが書けるだけでなく、関連フレームワーク（Springなど）の経験、データベース知識、クラウド環境での実務経験、担当できる工程の広さ、関連スキルの有無などが単価を左右する重要な要素となります。

例えば、月額80万円の案件を継続できれば年収は960万円となり、会社員時代よりも大幅な収入アップが期待できます。一方で、経験が浅いうちは単価が低めになる可能性も考慮しておきましょう。

DAI

自身のスキルセットを客観的に評価し、市場価値に見合った単価で案件を獲得していくことが、フリーランスとして成功するための鍵となります。

Javaの業務委託案件例

ここでは、実際に募集されているJavaのフリーランス案件の例を5つご紹介します。

Javaの案件をお探しの方は、フリーランス向けマッチングサービスおすすめ17選を是非参考にしてみてください。

Java業務委託が身につけたいスキル3選

インディバースフリーランスの求人データを元に、Javaフリーランスとして特に求められるスキルを3つご紹介します。

スキル1: Springフレームワークに関する知識と経験

Javaを用いたWebアプリケーション開発やエンタープライズアプリケーション開発において、Springフレームワークは広く利用されています。Spring Bootを用いた開発経験や、Spring MVC, Spring Data, Spring Securityなどのモジュールに関する知識は、多くのJava案件で必須とされています。

スキル2: データベースに関する知識とSQLスキル

Javaアプリケーションはデータベースと連携することが多いため、リレーショナルデータベース（Oracle, MySQL, PostgreSQLなど）に関する知識や、SQLを用いたデータ操作スキルは重要です。JPAやHibernateなどのORマッピング技術の理解も役立ちます。

スキル3: クラウド環境での開発・運用経験

近年、多くのシステムがクラウド上で稼働しており、AWS, GCP, Azureなどの主要なクラウドプラットフォームでの開発・運用経験はJavaエンジニアにとって大きな強みとなります。クラウドネイティブなアプリケーション開発や、マイクロサービスアーキテクチャの理解も求められることがあります。

Java案件が多いおすすめフリーランスエージェント

ここからは、実際にJava案件を受注する時に役立つフリーランスエージェントをご紹介します。これらのエージェントはJavaの案件を多く取り扱っており、高単価案件やリモート案件を見つけやすいでしょう。

	特徴
インディバースフリーランス	複数のフリーランスエージェントの求人を一括で見れるサービス 案件が多いため、さまざまな条件の案件（フルリモート/週3OK）も多数あり フリーランス案件の求人管理を効率化したいなら、まずは登録したい案件サイト。 公式： https://freelance.indieverse.co.jp
レバテックフリーランス	とにかく案件数が多い 大企業の高単価案件やフルリモート案件も多数取扱あり フリーランスとして案件受注を検討するならまず登録したいエージェント公式： 公式：https://freelance.levtech.jp/
Flexy	90%がフルリモート案件と、フルリモート比率ではピカイチのエージェント。 プライム案件が豊富で、高単価案件が豊富なエージェント Web系の案件が中心 公式：https://flexy.jp/

業務委託契約の主な種類3つ

業務委託契約とは、業務を外注したい企業が、業務の一部を他の企業や個人に委託することです。

DAI

報酬や納期・仕事内容・進め方などをお互いに合意したうえで、契約をおこないます。

アルバイトのような雇用関係がなく、企業と対等の関係で業務を進めることが可能です。

業務委託契約は、主に下記の3種類に分けられます。

1. 準委任契約
2. 請負契約
3. 委任契約

それぞれの契約について詳しく解説します。

1.準委任契約

準委任契約は、成果物の作成や事務作業を委託し、時給や月給計算で報酬が発生する契約です。

準委任契約を交わすことで、時間内に委託されたJavaの業務をこなします。

メリット

準委任契約のメリットは、収入が安定しやすいことです。

成果物の有無にかかわらず、稼働した時間分の報酬が発生します。

成果物の完成までにかかった時間が報酬になるので、収入が安定しやすいメリットがあります。

デメリット

デメリットは、稼働時間の自由度がそれほど高くない点です。

DAI

基本的にはシフトで稼働するため、稼働の時間帯を自由に設定できるかはクライアントによります。

業務の進め方についてもある程度クライアントに管理され、業務をスムーズに行えているかどうか定期的な報告が必須です。

企業側に評価されなかった場合は、プロジェクトの途中であっても契約が終了になるリスクがある点もデメリットです。

2.請負契約

請負契約は、成果物を完成させて納品する義務を負う契約です。

正社員やアルバイトと違い、成果物に対して報酬が支払われる仕組みです。

メリット

請負契約のメリットは、働く場所や時間の自由度が高い点です。

請負契約では、成果物を完成させて納品することが条件です。そのため働く場所・時間・業務の進め方を報告する義務はありません。

DAI

請負契約の場合は、仕事する場所や時間をある程度自由に決められます。

デメリット

デメリットは納品した成果物のクオリティが不十分だと、報酬がもらえないことがある点です。

やり直しや報酬を減額されることがあり、最悪の場合は報酬の支払いを拒否される恐れもあります。

工数がどれだけかかっても、もらえる報酬が変わらない点もデメリットです。

たとえばどう見積もっても最大30時間かかる作業でも、報酬が3万円の場合は時給換算すると1,000円になります。

DAI

請負契約をする際は工数と報酬が見合っているか、確認が欠かせません。

3,委任契約

委任契約とは、法律に関する業務を委託する契約です。

DAI

主な例としては、確定申告を税理士に委任したり、弁護士に委任し裁判を起こしたりすることなどがあげられます。

委任契約は法律に関する業務を委託する際に結ぶ契約なので、Javaの案件で契約することはありません。

Javaの業務委託で働く4つのメリット

Javaの業務委託で働くメリットは、下記の4つがあります。

1. 自分の好きな仕事に集中できる
2. 努力次第で収入アップが可能
3. 自分で業務時間を決められる
4. 人間関係のストレスから解放される

それぞれのメリットを解説します。

1.自分の好きな仕事に集中できる

メリットの1つ目は、自分の好きな仕事に集中できる点です。

業務委託契約の場合、得意な案件や挑戦したい案件を自分で選べます。

会社に勤めていると、与えられた仕事を断ることはほとんどできません。

DAI

自分のやりたくない仕事を振られることもあり、ストレスになる場面も多いです。

しかし、業務委託契約なら自分の好きな仕事に集中でき、ストレスをためにくい環境で働けます。

自分の成長につながりそうな案件で、スキルアップも可能です。

2.努力次第で収入アップが可能

努力しだいで収入アップが可能な点もメリットです。

会社員の場合、給与体系によっては、大きな成果を出しても給与があまり上がらない場合もあります。

しかし業務委託では、成果を出し続ければ契約が継続し、報酬アップの可能性もあります。