TypeScript:
デバッグ出力を表示する
How to: (方法)
// Basic console.log usage
let message: string = "Hello, Debugging World!";
console.log(message); // Output: Hello, Debugging World!
// Printing an object
let user: { name: string, age: number } = { name: "Yuko", age: 28 };
console.log(user); // Output: { name: 'Yuko', age: 28 }
// Using string interpolation
let productName: string = "ポテトチップス";
let price: number = 150;
console.log(`${productName}の値段は${price}円です。`); // Output: ポテトチップスの値段は150円です。
// Debugging with console.error and console.warn
let errorMessage: string = "エラーが発生しました！";
console.error(errorMessage); // Outputs error message to the console
let warningMessage: string = "注意が必要です。";
console.warn(warningMessage); // Outputs warning message to the console
Deep Dive (深掘り)
デバッグ出力は古くから開発の重要な部分です。console.logは単元テストやデバッガツールの前に主要なデバッグ手段でした。今日でも、簡単に使えて手軽なため、よく使われています。
選択肢として、より高度なデバッグ技術もあります。たとえば、統合開発環境(IDE)のデバッグ機能、JavaScriptのdebuggerステートメント、あるいはソースマップを使ったブラウザの開発者ツールです。
TypeScriptでは、コンパイルオプションの設定やソースマップの生成に注意する必要があります。そうすることで、TypeScriptのコードと出力されたJavaScriptコードの間でのデバッグがスムーズに行えます。