最終投稿日：2026年1月19日
任意のディレクトリに『hello.ts』を作成し、中身を以下の様に記述します。
console.log('Hello, world!'); 同ディレクトリのアドレスバーに「cmd」と叩き、ターミナルを立ち上げます。
※ 右クリックからの「ターミナルで開く」は権限が弱いので使わない事
C:\xxx> tsc hello.ts
C:\xxx> node hello.js
Hello, world!
同ディレクトリに[hello.js]が作成されるので、『node』コマンドを使い実行します。
コンパイル先の設定を有効にするには『tsc』コマンドで100個の「xxx.ts」ファイルをコンパイルする事になります。
しかし、今回コンパイルしたいファイルが3個だった場合、非常に非効率となります。
その場合は、設定ファイルを以下の様に修正します。
{
"compilerOptions": {
...
},
"include": [
"ts/hoge.ts",
"ts/foo.ts",
"ts/bar.ts",
]
}
例）const hoge = 'ほげ';
例）let obj = {hoge: 'ほげ'} as const; // hogeの値を変更する事はできない
例）et form = $('#hogeId') as HTMLFormElement; // HTMLのform要素を宣言
let userName = 'ほげ'; // 型推論（型を明示しない）
let age = 25; // 型推論（型を明示しない）
let isActive true; // 型推論（型を明示しない）
let data = null; // 型推論（型を明示しない）
let value = undefined; // 型推論（型を明示しない）
const b = 100n;
const c = BigInt("9007199254740991");
※ 出力すると末尾に「n」が付与されますが、文字列型へキャストする事で数値の様に扱えます。
let fruits: string[] = ["apple", "banana", "orange"];
let mixs: [string, number, boolean] = ['ほげ', 5, false];
name: "太郎",
age: 25
};
let arr = [];
for(let i=0;i‹3;i++){
let user: { name: string; age: number } = {name:'', age:0};
user.name = 'ほげ';
user.age = 10 + i;
arr[i] = user;
}
console.log(arr);
type MyObj = {hoge: string, foo: number};
※MyObj型は、String型プロパティ「hoge」と数値型プロパティ「foo」を持つオブジェクトです
type MyObj = {name: string, age: number};
let arr:MyObj[] = []; // MyObj型のみ格納できる配列
for(let i=0;i<3;i++){
let user: { name: string; age: number } = {name:'', age:0}; // これはMyObj型と等しい
user.name = 'ほげ';
user.age = 10 + i;
arr[i] = user; // 同じMyObj型なので追加できる
}
console.log(arr);
type Obj1 = {hoge: string, foo: number};
type Obj2 = {hoge: string, foo: string};
type ObjHoge = Obj1 | Obj2;
※パイプでそれぞれの型を区切る事で、型「ObjHoge」はどちらの型も許容します
type Obj1 = {hoge: string, foo: number};
type Obj2 = {hoge: string, bar: string};
type ObjHoge = Obj1 & Obj2;
※[&]でそれぞれの型を区切る事で、型「ObjHoge」はキー項目<hoge><foo><bar>が必須となります
※ TypeScriptの型チェックを無効化するため、使用は最小限に留めるべきです
let hoge: any = "文字列";
hoge = 123;
hoge = true;
hoge = "ほげ";
上記代入は全てコンパイルが通ります。
function greet(name: string, age: number): void {
console.log('こんにちは、${name}さん ' + age + '歳');
}
greet("ほげ", 5);
function greet(name: string, age: number): string {
return 'こんにちは、${name}さん ' + age + '歳';
}
console.log(greet("ほげ", 5));
function greet(name: string, age?: number): string {}
※引数の後ろに ? をつけると、その引数は省略可能になります
function greet(name: string, age = 5): string {}
※デフォルト値を設定すると、型推論が働くため型指定を省略できます
【TypeScript ①】の《設定ファイルの作成》で、コンパイル元、コンパイル先の設定をしました。
しかしファイル名を指定してコンパイルした場合、この設定は無効となります。