株式会社Olive

フレックス

【TypeScript／React／一部リモート】新規toB向けプラットフォームにおけるフロントエンド開発

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

TypeScriptとは、2014年頃にMicrosoftから発表されたオープンソースのプログラミング言語です。2017年にはGoogleの開発で採用されるなど、世界的に注目を集めています。TypeScriptはJavaScriptを拡張して作られたため、TypeScriptで書かれたコードをコンパイルすると、JavaScriptのコードに自動的に変換されます。そのため、JavaScriptで記述されたプログラムはすべてTypeScriptで実行が可能です。TypeScriptは、JavaScriptと比べて可読性が高く、そのため読みやすいと感じる人が多いようです。これはJavaScriptは動的型付け、TypeScriptは静的型付けの言語であることが理由であるといえるでしょう。動的型付けとは、変数や関数のデータ型の宣言がいらず、プログラムが型を決定します。RubyやPythonも動的型付け言語の一種です。逆に静的型付けとは、変数や関数のデータ型を宣言し、その上でプログラムを記述していきます。TypeScript以外に代表的な静的型付け言語はC#、C++などがあります。静的型付け言語の中でもTypeScriptは比較的難易度が低いため、最初に学ぶのにも適しています。学習コストが高いのはデメリットの一つです。そして日本語で読める情報というのもまだまだ少ないため、時間と労力とお金はかかるとはいえます。ただ、アプリからデザイン、広告系など案件幅がとても広いですし、人気もどんどん高まっている言語で案件数もこれから更に増加していくと見込まれますので、コストをかけるだけの価値はあります。フリーランスのミカタでは、TypeScriptのエンジニア案件・求人が多く掲載されており、TypeScriptの経験が無くても参画可能なお仕事も数多くあります。ぜひ一度フリーランスのミカタでTypeScriptのエンジニア案件・求人の仕事を探してみてください。

TypeScript

Reactは、近年とても人気が高まってきているUI用のJavaScriptのライブラリになります。2013年にFacebook社が開発しました。現在Facebookをはじめ、さまざまなSNSやYahoo!、NetflixなどもReactを採用しており、日本内でもどんどん需要が高まっていることが分かります。Reactが注目されている背景として、SPAの普及がどんどん増えていることが要因の一つとして挙げられます。SPAとは、1つのページだけで使えるWebアプリケーションのことです。わざわざページを切り替えしなくてもコンテンツの切り替えができるため、UXを向上させられます。SPAの有名な例で言うと、FacebookやGoogle マップなどが挙げられます。Reactの特徴として、Reactのオフィシャルサイトでは3つ挙げられています。○宣言的→これは例えばページ内で部分的な変更するときに、全体を変える必要がないということです。あらかじめ全体としてこういう作りにするということを宣言しておくことで、変更があった際にそれをReact側が理解し、その部分だけ効率的に変更が効くということです。デバック対策がしやすいというメリットもあります。○コンポーネントベース→コンポーネントとは構成要素のことです。分かりやすく近しいもの同士でコンポーネントし、構築しそれらを組み合わせていくことで小さい規模ながらもSPAなどの複雑なものも開発できます。○一度学習すれば、どこでも使える→Reactを身に付けてしまえば、React nativeにも活用が効きます。React nativeを活用することにより、Reactで書いたものからほとんどソースコードを変えることなく、iOSやAndroidなどのスマホアプリに変換ができるため、簡単にスマホアプリを作れます。ただ環境構築に時間や労力を取られたり、日本語で書かれた情報が少ないなどといったデメリットもあります。案件数もどんどん増えており、React経験者を求める企業も増えているため、これからもっと需要が伸びていくと予想されるので、これらのデメリットも少しずつ解消していくと予想はされます。フリーランスのミカタでは、Reactのエンジニア案件・求人が多く掲載されており、Reactの経験が無くても参画可能なお仕事も数多くあります。ぜひ一度フリーランスのミカタでReactのエンジニア案件・求人の仕事を探してみてください。

【TypeScript／React／一部リモート】新規toB向けプラットフォームにおけるフロントエンド開発

案件・求人の詳細

開発環境

必須スキル

歓迎スキル