{}const=>[]async()letfn</>var
基礎開発概要

TypeScriptは、型指定された強力なJavaScriptです! 💡

TypeScriptは、厳密な型指定を追加し、コードをより信頼性の高いものにするJavaScriptの拡張機能です。これは、Webアプリケーションの開発、サーバープログラミング、および自動化で広く使用されています。この記事では、TypeScriptのインストール方法、変数、ループ、条件の操作方法、最初のプログラムの作成方法について説明します。すべてがシンプルで、初心者でも使えます。 🚀

К

Kodik

著者

2分で読める

TypeScriptとは? 💡

TypeScript (TS)は、Microsoftによって作成されたプログラミング言語であり、 厳格な型指定これにより、コードの予測性が高まり、エラーが減少します。🚀

TypeScriptは通常のJavaScriptにコンパイルされるため、JSが動作するプロジェクトで使用できます。

TypeScriptを学ぶべき理由は?🎯

  • 安全性: 型指定はエラーを防ぎます。

  • 読みやすさ: コードがより明確になります。

  • ES6+のサポート: 新しいJavaScript機能は問題なく動作します。

  • 互換性: どのJSプロジェクトでも使用できます。

🔥 10万人以上の学生が参加中

理論を読むのに疲れた?
コーディングの時間だ!

Kodik — 実践でプログラミングを学ぶアプリ。AIメンター、インタラクティブなレッスン、実際のプロジェクト。

🤖 AI 24時間
🎓 修了証
💰 無料
🚀 始める
今日参加

TypeScriptをインストールする方法💻

TypeScriptを使用するには、次のものが必要です。

  • Node.js (コードを実行するため)。ダウンロードは 公式サイト.

  • TypeScriptコンパイラ。ターミナルからインストールできます。

npm install -g typescript

TypeScriptがインストールされているかどうかを確認する方法🛠

ターミナルを開いて入力してください:

tsc --version

TypeScriptがインストールされている場合は、そのバージョンが表示されます。これでコードを書くことができます! 🚀

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の学習がうまくいくことを願っています! 😊

🎯先延ばしをやめよう

記事は気に入った?
実践の時間だ!

Kodikでは読むだけでなく、すぐにコードを書く。理論 + 実践 = 本当のスキル。

即座に実践
🧠AIがコードを説明
🏆修了証

登録不要 • カード不要