158
176

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.

こんにちは、ここ最近はアドカレの記事を読んで良記事にひたすらLGTMをつけているmu-sukeです。

この記事はタイムリープTypeScript 〜TypeScript始めたてのあの頃に知っておきたかったこと〜 Advent Calendar 2021 、20日目の記事です。

これはなに?

TypeScriptをに入門して3ヶ月ほど経ったのでその間に参考になった書籍やサイトを紹介します。

これが今後TypeScriptに入門する人の助けになれば幸いです。

筆者のスキル

参考までにTypeScriptに入門前の筆者のスキルを記載します。

C/C++ 1年
HTML/CSS 2年
JavaScript 2年
Flutter 半年

入門した経緯

〜9月末頃〜

筆者「TypeScirptはなんとなく安全だって言われてるけど今まで書いてきたJavaScriptでも問題なく動いてるから新しくやることもないかー」

会社「これから社内の標準言語をDartとTypeScriptにするよー」

筆者「なに、急いで入門せねば!」

〜回想終わり〜

なので入門するまでは型ってなに?なんで安全なの?なにが良いの?
というところから筆者はスタートしました。

1. プログラミングTypeScript

まず手始めにこの書籍を購入して読み始めました。
3,780円と少し高いですが、基本的な型や、関数の書き方を丁寧に書かれていて価格に見合った価値があると思います。

これまでオライリー本に対して堅そうなイメージがあって読んでこなかったのですが、ちゃんと読んでみると丁寧でわかり易かったです。

ただ「どういう場面で使うんだ?」というものも多かったので、気になるところを自分でピックアップして読むと良いかもしれないです。

2. サバイバルTypeScript ★オススメ

サバイバルTypeScriptはTypeScriptの特徴や歴史、業務で使えるTipsを実務で死なない(=サバイバルできる)と言うテーマで書かれています。

筆者は上のオライリー本をカバーするために読んでいましたが、このサイト1つだけでも十分すぎるボリュームです。

実務で使えることを謳っていることもあり、こういう風に書けるよっていうのをたくさん書いてあってとてもタメになりました。

「実務でTypeScriptを使うから勉強したい!」って方にはまずこのサイトを読んでみることをおすすめします.

3. TypeScript Deep Dive 日本語版

1でも2でもあまり理解できなかった時に閲覧していました。
使用頻度は少なかったのですが2と同じくらい説明が丁寧な印象でした。

4. TS Playground

記事ではありませんが、web上でコードが書ける&実行できるので使用していました。
環境構築すれば良いじゃんって話ですが、設定なしでいきなり使えるのでこちらで主にコードを書いていました。

Exampleもあって動かしながら学べるというのもおすすめするポイントです。
スクリーンショット 2021-12-18 14.29.19.png

5. Qiita

これは説明不要ですが参考にできる記事が多かったので追加しました。

TypeScriptは世界的にも国内的にも導入しているところが多いので、「ooがわからない!」となっても、基本的に誰かが記事を書いてくれてたりします。

むしろ書いていなかったらLGTMをたくさんもらえるチャンスだと思った方が良いかもしれません。

1-3までわからないことがあったらここを覗くというのが最強かなと思います。

今回はそんなQiitaの記事の中でも筆者が特に参考になった記事を3つ紹介します。

①TypeScriptの型入門

TypeScriptで扱える型についてまとめられている記事です。
この記事だけでほぼほぼ型のことを網羅できるレベルなので、
「とりあえず、TypeScriptの型と使い方について知りたい」って型にはおすすめです。

②TypeScriptのInterfaceとTypeの比較

筆者が1の書籍を読んでいて最初にぶつかった疑問がこれです。
このInterfaceとTypeの違いについては他にもたくさんの記事で触れられていますが、個人的にこの記事は表としてまとめっていたので読み返す時もスッと頭に入ってくるのでおすすめです。

③【TypeScript】Utility Typesをまとめて理解する

ユーティリティ型というのは、すでにあるTypeを別のTypeにする際に使えるTipsみたいなもので
業務でも活躍する頻度が高いのでピックアップしました。

同じテーマでこちらも分かり易かったので貼っておきます。↓

3ヶ月やってみて

入門してきちんと勉強してみましたが、やはり実際にコードを書きながらじゃないと身につかないというのは強く感じました。

これはサバイバルTypeScriptの構成にも書いてありました。

読んで学ぶよりも作って学んだ方が速いのです。
なのでひたすら手を動かすことをおすすめします

Qiitaに記事を書くこともおすすめ

その延長線で、理解したことをQiitaの記事でまとめてみるのもおすすめです。
自分用のメモになったり、次に入門する人の助けになったりします。

勉強中に自分が書いた記事はこちら↓

最後に

色々と偉そうなことを書きましたが、筆者もまだ入門したての身です。
引き続き業務でもコードを書きながらできることを増やしていきたいと思います。

ではまた!

参考記事

158
176
1

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
158
176

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?