リリース・改善中
Programming language · 2012年公開
TypeScript は JavaScript に静的型を加えた言語で、実行前にエラーを見つけ、大規模なコードベースの保守を容易にします。
TypeScript は Microsoft が開発し、2012 年に初めて公開したオープンソースの言語です。JavaScript のスーパーセットなので既存の JavaScript コードはそのまま有効な TypeScript であり、その上に型注釈、インターフェース、ジェネリクスなどの機能が加わります。コンパイラーは型を検査したあと型情報を取り除いた通常の JavaScript を出力するため、ブラウザーから Node.js まで JavaScript が動く環境ならどこでも実行できます。
型検査により、タイプミスや誤った引数、undefined の値へのアクセスといった誤りをコードを実行する前に見つけられます。エディターは同じ型情報を使って、正確な補完、名前の変更、定義へのジャンプを提供します。そのため、多くの人が長期間にわたって手を入れる Web アプリ、サーバー、ライブラリで特に効果を発揮します。
まず JavaScript の基礎を身につけ、そのうえで公式の Handbook を順に読み進めるのがおすすめです。TypeScript Playground ならインストール不要でコードを書き、コンパイル結果を確認できます。既存の JavaScript プロジェクトでも、数ファイルずつ .ts に変えながら段階的に導入できます。
型が合わないコードを実行前に検出し、実行時エラーを減らします。
すべてに型を書かなくても、コンパイラーが値や文脈から型を推論します。
既存の JavaScript ライブラリをそのまま使え、進行中のプロジェクトにも少しずつ導入できます。
ユニオン型、ジェネリクス、条件型などで、複雑なデータ構造や API を正確に表現できます。
nodejs.org から LTS 版をダウンロードしてインストールします。macOS と Linux ではパッケージマネージャーも使えます。インストール後、ターミナルでバージョンが表示されるか確認します。
node --versionプロジェクトのフォルダーで TypeScript を開発用依存関係としてインストールします。プロジェクトごとに入れておけば、チーム全員が同じバージョンのコンパイラーを使えます。
npm install --save-dev typescriptnpx でプロジェクトにインストールした tsc を実行し、バージョンが表示されることを確かめます。
npx tsc --versiongreet 関数は、引数 name と戻り値がどちらも文字列であることを型で示しています。npx tsc hello.ts で型を検査して hello.js を生成し、node hello.js を実行すると Hello, TypeScript! と表示されます。greet(42) のように数値を渡すと、コンパイルの段階でエラーになります。
hello.ts
function greet(name: string): string {
return `Hello, ${name}!`;
}
console.log(greet("TypeScript"));npx tsc hello.ts && node hello.jsインストールから TypeScript の中心となる考え方まで、6 章で順を追って学びます。
TypeScript について質問し、経験を共有し、意見を交わす場所です。
まだディスカッションはありません。最初の話題を始めましょう。
コメント 0件
ログイン · ログインするとコメントできます。
最初のコメントを書いてみましょう。