初めてのTypeScript
初めてのTypeScriptコードを書いて実行します
「初めてのTypeScript」はCoddyKit上の無料TypeScript Academyレッスンです。 これはレッスン3/3です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはTypeScript Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 TypeScript Academyコースには全3レッスンが含まれています。
のぞいてみましょう
実際の TypeScript を見てみましょう。ご心配なく、少し機能が追加されているだけで、JavaScript とほとんど同じように見えます。 😄
シンプルな値
ここでは名前を保存します。「: string」は「ここには文字列が入ります」と示す型注釈にすぎません。
let name: string = "Alex";
console.log(name);その小さな型注釈
この「: string」が基本的な考え方のすべてです。ここにどのような値が入るのかを TypeScript に伝えます。
数値も同じ
数値には「: number」、true/false には「: boolean」を使います。シンプルでわかりやすい型注釈です。
あなたを守ります
「: number」という型注釈に文字列を入れようとすると、TypeScript が「待ってください、それは正しくありません！」とやさしく教えてくれます。 🛡️
型注釈は省略できます
TypeScript は多くの場合、型を自動で推測してくれます。役立つ場合だけ型注釈を追加すれば大丈夫です。無理に追加する必要はありません！
英語のように読めます
「let name be a string」は、ほとんどそのまま意味が伝わります。明快なコードなら、理解もスムーズです。
おなじみのロジック
ループ、if文、関数は、すべて JavaScript と同じように動作します。新しく加わるのは型注釈だけです。
あとで試してみましょう
もうすぐ自分で型注釈を書き、TypeScript に導いてもらえるようになります。本当に楽しいですよ。
できました！ 🎉
実際の TypeScript を見て、理解できました。これは大きな第一歩です。この調子で続けていきましょう！
理解度チェック
最後の問題です！「let name: string」の「: string」は何をするものでしょうか？
よくある質問
「初めてのTypeScript」レッスンは無料ですか？
はい。「初めてのTypeScript」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、TypeScript Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 TypeScript Academyコースには全3レッスンが含まれています。
「初めてのTypeScript」で何を学びますか？
初めてのTypeScriptコードを書いて実行します ブラウザで直接実行するハンズオンコードでTypeScript Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。
TypeScript Academyを始めるのに経験は必要ですか？
事前経験は必要ありません。CoddyKitのTypeScript Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン3/3です。
「初めてのTypeScript」レッスンにはどのくらい時間がかかりますか？
ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。
このTypeScript Academyレッスンでコードを書いて実行できますか？
はい。すべてのTypeScript Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。
このコースのすべてのレッスン
- TypeScriptとは？
- なぜTypeScriptはPlain JSより優れているのか
- 初めてのTypeScript