TypeScriptとは? 💡
TypeScript (TS)は、Microsoftによって作成されたプログラミング言語であり、 厳格な型指定これにより、コードの予測性が高まり、エラーが減少します。🚀
TypeScriptは通常のJavaScriptにコンパイルされるため、JSが動作するプロジェクトで使用できます。
TypeScriptを学ぶべき理由は?🎯
安全性: 型指定はエラーを防ぎます。
読みやすさ: コードがより明確になります。
ES6+のサポート: 新しいJavaScript機能は問題なく動作します。
互換性: どのJSプロジェクトでも使用できます。
TypeScriptをインストールする方法💻
TypeScriptを使用するには、次のものが必要です。
✅ Node.js (コードを実行するため)。ダウンロードは 公式サイト.
✅ TypeScriptコンパイラ。ターミナルからインストールできます。
npm install -g typescriptTypeScriptがインストールされているかどうかを確認する方法🛠
ターミナルを開いて入力してください:
tsc --versionTypeScriptがインストールされている場合は、そのバージョンが表示されます。これでコードを書くことができます! 🚀
TypeScript構文の基礎📚
1. 変数 📦
TypeScriptでは、変数は型指定されて宣言されます。
変数宣言の例:
let name: string = "Alice"; // 行
const age: number = 25; // 数
let pi: number = 3.14; // 浮動小数点数
let isStudent: boolean = true; // ブール値
console.log(`Name: ${name}, Age: ${age}, Pi: ${pi}, Student: ${isStudent}`);2. データの出力 📤
コンソールにデータを出力するには、console.log()を使用します。
例:
console.log("Hello, TypeScript!");3. 条件演算子(if...else)🧐
プログラムが意思決定を行うことを可能にします。
例:
let age: number = 20;
if (age >= 18) {
console.log("You're an adult!");
} else {
console.log("You're still a child.");
}4. ループ (for、while) 🔄
ループを使用すると、同じアクションを複数回実行できます。
例:
for (let i: number = 1; i <= 5; i++) {
console.log(i);
}5.機能📐
関数はコードを構造化するのに役立ちます。
例:
function square(x: number): number {
return x * x;
}
console.log("Square of the number 5:", square(5));TypeScriptのシンプルなプロジェクト💡
1.乱数発生器🎲
プログラムは1から100までの乱数を生成します。
function getRandomNumber(): number {
return Math.floor(Math.random() * 100) + 1;
}
console.log("Random number:", getRandomNumber());2.偶数フィルター🔢
この関数は、配列から偶数をフィルタリングします。
function filterEvenNumbers(numbers: number[]): number[] {
return numbers.filter(num => num % 2 === 0);
}
console.log(filterEvenNumbers([1, 2, 3, 4, 5, 6]));3. 回文の文字列をチェック 🔄
プログラムは、文字列が回文であるかどうかをチェックします。
function isPalindrome(str: string): boolean {
const cleanStr = str.toLowerCase().replace(/[^a-z0-9]/g, '');
return cleanStr === cleanStr.split('').reverse().join('');
}
console.log("Is 'racecar' a palindrome?", isPalindrome("racecar"));4. 文字列の単語数をカウントする 🔢
この関数は、文字列内の単語数をカウントします。
function countWords(text: string): number {
return text.split(" ").length;
}
console.log("Number of words in 'Hello, TypeScript world!':", countWords("Hello, TypeScript world!"));5. フィボナッチ数列🔢
プログラムは、フィボナッチ シーケンスの最初の 10 個の数字を計算します。
function fibonacci(n: number): number[] {
let fib: number[] = [0, 1];
for (let i = 2; i < n; i++) {
fib.push(fib[i - 1] + fib[i - 2]);
}
return fib;
}
console.log("The first 10 Fibonacci numbers:", fibonacci(10));結論🎉
TypeScriptは、コードをより信頼性の高いものにする強力な開発ツールです。変数、入出力、条件、ループ、関数などの基本を分析しました。これで、最初のプログラムを書くことができます! 🚀
練習すればするほど、コードは向上します。実験し、新しいタスクに挑戦し、プログラミングを習得しましょう!TypeScriptの学習がうまくいくことを願っています! 😊
