11
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

これは株式会社POLテックカレンダー2021 7日目の記事です。
前回の記事はこちらです。

はじめに

今年10月より株式会社POLでフロントエンジニアをしているアビスです。
前職では2年半の間ほぼバックエンドをやってきたので、最初は勉強からでした!

今回は私がPOLに入り始めてTypeScript/Reactを使用して思ったことを書いていこうと思います。

これからTypeScript/Reactをやりたい!といった方に参考になれば嬉しいです。

1.TypeScriptとは?

JavaScriptを知ってる方は多いと思いますが、TypeScript知らないという方も多いと思います。

TypeScriptとは、AltJS (Alternative JavaScript) の一つで、
2012年頃にマイクロソフトが開発したJavaScriptを進化させたプログラミング言語です。

大きく違う点は、TypeScriptは静的型付け言語です。
また、JavaScriptと互換性があります。

参考:【入門】TypeScriptとは?言語の特徴やJavaScriptとの違いを解説

2.TypeScript/React基礎~応用

POLの一番お世話になっている先輩"ゲバラ先輩"に頂いたりあクト!という本を熟読しました!
りあクト! TypeScriptで始めるつらくないReact開発 第2版

また、新版の第三版も読ませていただきました。(1~3部構成になっています)
内容についてですが特に4章が特に良かったです。

4章ではTypeScriptの歴史から型について解説
一部紹介します。
TypeScriptでクラスを定義するとinterface宣言とコンストラクター関数の宣言となります。

hoge.ts
const permissions = { 
  r: 0b100,
  w: 0b010,
  x: 0b001,
};
typePermsChar = keyof typeof permissions; //'r'|'w'|'x' 
const readable: PermsChar = 'r';
const writable: PermsChar = 'z';  // not assignable !
```
型を操作することができます。

良い点まとめ
・ReactのAPIやlibraryが登場してきた背景の解説がある
・実際にコードを書く上で助けになることが多かった
・楽しくReactを学べる

3.参考になった記事
---------------------------------------
[TypeScriptの型入門](https://qiita.com/uhyo/items/e2fdef2d3236b9bfe74a) -記事自体は長いですが、勉強になります。

[React Hooks/TypeScript + Django REST APIで作るオリジナルJIRA
](https://www.udemy.com/share/103MvR3@iphXDP8D-7aSOwxbpIYbIfw5PQvb5ia-yEZojNQVFCi1S_oYNoQHyWj2_lxXIWu8/) - 有料ですがとても良かったです。


4.TypeScript/React業務をやってみる -フィードバック
---------------------------------------
POLに入って初めてTypeScript/Reactを触らせて頂きました。
皆さんバグが発生した際やわからないことがあった際には即レスを頂けるのでとても助かっています!
いつもありがとうございます!POLに入ってよかったです!

最初はフロントエンドをやることになって戸惑っていましたが、現在はとても楽しく大好きです。

5.TypeScript/Reactをやってみて思ったこと
---------------------------------------
前職ではJavaを触っていたので、自由度の高さに驚きました。
そこが良さだと思います。裏を返せばコードを書く人が設計をガチガチにしなければいけません。

ですので私は、TypeScript/Reactで一番大事なのは"設計段階でどこまで詰めることができるか"と結論付けました。

今後は、設計についても理解をもっと深めていこうと思います!

最後に
---------------------------------------
今回は私のロードマップのような記事になってしまいましたね。
次回(来年)は技術的な記事を書こうと思っています!

POL楽しく仕事をしている人が多いと思います!
そんなPOLの[株式会社POLテックカレンダー2021](https://qiita.com/advent-calendar/2021/pol) 残り18日間楽しんでいってください!


明日
---------------------------------------
明日8日目はボドゲ仲間で先輩の[チートイさん](https://qiita.com/nkg)です!
よろしくお願いします!
11
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
11
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?