myCompilerは無料のオンラインTypeScript コンパイラ、エディタ、コードランナーです TypeScriptコードをブラウザで直接書き、実行、共有できます。TypeScriptのプレイグラウンド、サンドボックス、フィドル、クラウドコンパイラ、オンラインREPLとして使えます。ダウンロード不要、インストール不要。エディタを開いて、構文ハイライト・自動補完・即時出力でコーディングを始めましょう。
このオンラインプレイグラウンドでアイデアからTypeScriptコードの実行まで3ステップ。アカウント不要です。
TypeScriptエディタを開いて書き始めましょう。スマートエディタが入力中に構文ハイライト・自動補完・エラー検出を提供します。
「 Run 」ボタンを押すか +Enter を押して、安全なサンドボックス済みクラウドサーバーでTypeScriptコードを実行します。
出力は統合ターミナルに即座に表示されます。エラーや例外はわかりやすいメッセージで表示されます。
ブラウザで使える完全なオンラインTypeScript IDEとコーディングプレイグラウンド。セットアップなしでコードを書き、実行、共有できます。
このブラウザベースのTypeScriptインタープリタで数秒でコーディングを開始できます。ダウンロード不要、インストール不要、環境設定不要。ブラウザを開いてmyCompilerにアクセスし、すぐにTypeScriptコードを書き始めましょう。
ウェブブラウザがあればどのデバイスでも動作します。デスクトップ、ノートパソコン、タブレット、スマートフォン、Chromebook。インストールも設定も一切不要です。
ブラウザに組み込まれたプロ仕様のコードエディタでTypeScriptを書けます。構文ハイライトでコードに色を付け、キーワード・文字列・関数を一目で区別できるようにします。
インテリジェントな自動補完が入力中にメソッドやプロパティを提案し、リアルタイムエラー検出がコードを実行する前にミスを検出します。
一つのプロジェクト内で複数のファイルを作成・管理できます。ファイルサイドバーを使ってコードをモジュールに整理し、デスクトップIDEと同様にファイル間でインポートできます。
適切なプロジェクト構造でモジュラーアプリケーションを構築できます。各ファイルは編集可能で、すぐに切り替えられます。
実行ボタンをクリックするか +Enter を押すとTypeScriptコードをすぐに実行できます。このオンラインコードランナーは統合ターミナルパネルにすぐに出力を表示します。コードは安全なサンドボックス済みクラウドサーバーで実行され、数秒で結果が表示されます。
エラーメッセージとスタックトレースが明確に表示されるため、問題の発見と修正が簡単です。ターミナルはリッチな出力フォーマットのためにANSIカラーをサポートしています。
試してみませんか？ 最初のTypeScriptプログラムを数秒で書いて実行しましょう。
TypeScriptエディタを開くmyCompilerはTypeScript 7.0.0を実行し、常に最新の安定版に更新されています。構文ハイライト・インテリジェントなコード補完・マルチファイルプロジェクト対応・リアルタイム出力用の組み込みターミナル・インタラクティブプログラム用の標準入力（stdin）を備えた完全なブラウザベースIDEが使えます。デスクトップ、ノートパソコン、タブレット、スマートフォン、ChromebookなどあらゆるデバイスでTypeScriptコードを書き・コンパイル・実行・デバッグできます。ダウンロード不要、設定不要、登録不要です。プログラムをユニークなURLで保存し、誰とでも共有できます。自分のウェブサイトに動作するTypeScriptエディタを埋め込むこともできます。
このオンラインTypeScriptプレイグラウンドを、スニペットのテスト用クイックコード実行ツール・学習用コーディングサンドボックス・コーディング面接準備用クラウドコンパイラとして活用できます。エディタには快適なコーディングのためのダークモード・より速いワークフローのためのキーボードショートカット・素早くデバッグできるよう行番号付きの明確なエラーメッセージが含まれています。学生は課題や練習に使用します。教師はサンプルコードの共有に使用します。開発者はアイデアのプロトタイプ作成に使用します。myCompilerは初心者にも使いやすく、高速で、完全無料です。あらゆる現代的なウェブブラウザで動作します。
TypeScriptでコーディングを始めるオンラインコンパイラで試せるTypeScriptの一般的なパターン。各例はすぐに実行できます。
console.log("Hello, World!");
const name: string = "Alice";
let age: number = 30;
const isStudent: boolean = true;
console.log(`${name} is ${age} years old`);
const x: number = 10;
if (x > 0) {
console.log("Positive");
} else if (x === 0) {
console.log("Zero");
} else {
console.log("Negative");
}
for (let i = 0; i < 5; i++) {
console.log(`Count: ${i}`);
}
const fruits: string[] = ["apple", "banana", "cherry"];
for (const fruit of fruits) {
console.log(fruit);
}
function greet(name: string, greeting: string = "Hello"): string {
return `${greeting}, ${name}!`;
}
console.log(greet("Alice"));
console.log(greet("Bob", "Hi"));
const fruits: string[] = ["apple", "banana", "cherry"];
fruits.push("date");
console.log(fruits[1]);
const person: { name: string; age: number } = { name: "Alice", age: 30 };
console.log(person.name);
class Dog {
constructor(public name: string, public breed: string) {}
bark(): string {
return `${this.name} says Woof!`;
}
}
const dog = new Dog("Rex", "Labrador");
console.log(dog.bark());
try {
const result = JSON.parse("invalid json");
} catch (e) {
console.log(`Error: ${(e as Error).message}`);
} finally {
console.log("Done");
}
import * as fs from "fs";
// Write to file
fs.writeFileSync("output.txt", "Hello, File!");
// Read from file
const content = fs.readFileSync("output.txt", "utf8");
console.log(content);
function identity<T>(value: T): T {
return value;
}
function firstElement<T>(arr: T[]): T | undefined {
return arr[0];
}
console.log(identity<string>("Hello TypeScript"));
console.log(identity<number>(42));
console.log(firstElement([10, 20, 30]));
myCompilerはTypeScriptプログラムの標準入力（stdin）をサポートしています。 TypeScriptの標準入力関数を使用してユーザー入力を読み取ります。プログラムを実行する前に、stdinパネルに入力データを入力してください。
これは1行および複数行の入力の両方に対応しています。 言語の組み込みI/O関数を使用して、文字列を読み取り数値に変換できます。
自分で試してみるconst readline = require("readline");
const rl = readline.createInterface({
input: process.stdin
});
const lines: string[] = [];
rl.on("line", (line: string) => lines.push(line));
rl.on("close", () => {
console.log(`Hello ${lines[0]}!`);
console.log(`You'll be ${+lines[1] + 1} next year.`);
});
Alice 25
Hello Alice!
You'll be 26 next year.
セットアップ不要、登録不要。 今すぐTypeScriptコードを書き始めましょう。
今すぐコーディングを始める何もインストールせずに今すぐTypeScriptコードを書いて実行できます。コードを入力して「実行」をクリックするだけです。この無料のTypeScriptコードランナーはプログラムをすぐに実行し、エディタ下のターミナルパネルに出力を表示します。 TypeScriptオンラインエディタを開き、コードを入力して「実行」をクリックしてください。
TypeScriptが初めての方は、このオンラインTypeScriptプレイグラウンドで変数・データ型・条件分岐・ループなど基礎から始めましょう。上のコード例には始めるために必要な基礎がすべて網羅されています。各例はサンドボックスにコピーしてすぐに実行できます。セットアップも設定も不要です。
慣れてきたら、マルチファイルプロジェクトの作成・ライブラリの活用・URLでのプログラム共有にも挑戦してみましょう。無料アカウントに登録すると、自分の作業を保存してプログラムの個人ライブラリを構築できます。myCompilerはブラウザで直接使える完全なオンラインTypeScript IDEとして機能します。
コーディングを学ぶ方も、面接準備をする方も、アイデアをプロトタイプにする方も、myCompilerはあなたのために作られています。
学校や個人のコンピュータに何もインストールせずに練習問題を解いたり、宿題をこなしたり、コードで実験したりできます。
ユニークなURLで学生にコード例を共有できます。コースの教材にコンパイラを埋め込んで、学生がブラウザで直接サンプルを実行できるようにします。
コーディング面接の問題を練習し、アルゴリズムをテストし、技術面接の準備中に素早く解答を確認できます。
ローカル環境を構築せずにアイデアを素早くプロトタイプ化したり、コードスニペットをテストしたり、ライブラリを試したりできます。素早い実験に最適です。
ブログ記事・チュートリアル・ドキュメントにインタラクティブな例を埋め込み、読者がページを離れずにコードを実行できるようにします。
URLでコードスニペットを同僚と共有できます。他の人があなたのコードを閲覧・実行・フォークして、あなたの作業を発展させることができます。
なぜローカルにインストールする代わりにオンラインTypeScriptコンパイラを使うのか？
| 機能 | myCompiler | ローカルIDE |
|---|---|---|
| セットアップ時間 | 即時 | 数分から数時間 |
| インストール | 不要 | TypeScript + IDE が必要 |
| デバイス対応 | ブラウザがあればどこでも | デスクトップのみ |
| コードの共有 | ワンクリックURL | 手動（ファイル・gitなど） |
| プログラミング言語 | 27以上を一か所に | 一度に一つ |
| 費用 | 永久無料 | 無料〜¥¥¥ |
| Chromebookで動作 | 対応 | 制限あり |
TypeScriptは、Microsoftによって開発された強く型付けされたJavaScriptのスーパーセットであり、2012年に初めてリリースされました。Anders Hejlsberg（C#とTurbo Pascalの設計者でもあります）によって設計され、オプションの静的型付け、インターフェース、列挙型、ジェネリクス、デコレータをJavaScriptに追加しています。有効なJavaScriptはすべて有効なTypeScriptです。TypeScriptは段階的に導入できます。
TypeScriptはプレーンなJavaScriptにコンパイルされ、あらゆるブラウザやNode.js環境で動作します。その型システムはバグの全カテゴリ（undefined is not a function、Nullポインタエラー、不正な引数の型など、JavaScriptではランタイムにしか表面化しない問題）をコンパイル時に検出します。VS Code、Angular、DenoなどのメジャープロジェクトはTypeScriptで書かれています。
TypeScriptは、Angular（TypeScriptを必須とする）を使った大規模フロントエンドアプリケーション、TypeScript対応のReactとVue 3、型安全性によりAPIのバグを削減するNode.jsバックエンドサービス、Next.jsやNestJSなどのフルスタックフレームワーク、強い型付けでコンシューマー体験を向上させるライブラリ開発、複数の開発者が協力し明確なインターフェースが必要なあらゆるコードベースに使用されています。
TypeScriptはJavaScriptの確かな基礎を持ってから学ぶのが最適です。JavaScriptのランタイム動作を理解すれば、TypeScriptの型システムはより予測可能なコードを書くのに役立ちます。TypeScriptコンパイラのエラーメッセージは教育的で、どのような型の不一致が発生し、なぜそうなったかを正確に説明してくれます。myCompilerのオンラインTypeScriptコンパイラを使えば、ローカルでtsconfig.jsonを設定せずに型、インターフェース、ジェネリクス、デコレータを試すことができます。
JavaScriptと比較すると、TypeScriptはコンパイル時の型安全性を追加してバグを早期に発見しますが、コンパイルステップと型アノテーションのためのより冗長な構文が必要です。Flow（Facebookの JavaScript型チェッカー）と比較すると、TypeScriptがエコシステムの戦いに勝利し、事実上すべての主要フレームワークがTypeScriptをファーストクラスでサポートしています。JavaやC#と比較すると、TypeScriptの型システムは構造的（名目的ではなく）でより柔軟ですが、基盤のJavaScriptランタイムにより一部の型情報がランタイムで消去されます。
オンラインTypeScriptコンパイラ（TypeScriptプレイグラウンドやTSサンドボックスとも呼ばれます）を使えば、Node.jsやtscのインストール、tsconfig.jsonの設定なしで、ブラウザで直接TypeScriptコードをコンパイルして実行できます。TypeScriptの型の学習、ジェネリクスやユーティリティ型の実験、デコレータのテスト、型アノテーション付きのTypeScript例の共有に最適です。
myCompilerのオンラインTypeScript IDEは、公式のtscコンパイラを使用して完全な型チェックを行います。型エラーは行番号付きで出力パネルに表示されます。条件付き型、テンプレートリテラル型、デコレータなどのモダンTypeScript機能をサポートしています。URLでのプログラム保存・共有が完全無料です。
TypeScriptの台頭は目覚ましく、Stack Overflowの開発者調査では何年にもわたり最も愛される言語の1つにランクインしています。AngularがデフォルトSDK言語とし、ReactのエコシステムがTypeScriptの強力なサポートを追加した際に採用が加速しました。主な原動力はスケールでの開発者生産性です：TypeScriptのIntelliSense、リファクタリングツール、型チェックにより、大規模JavaScriptコードベースの保守性が大幅に向上します。
TypeScriptのスキルは、ほとんどのフロントエンドおよびNode.jsの職種で求められるようになっています。React、Angular、Vue、Node.js開発者の求人では、TypeScriptが必須または優先スキルとして頻繁にリストされています。フロントエンドエンジニア、フルスタック開発者、TypeScript/Node.jsバックエンドエンジニア、Angular開発者などの職種があります。JavaScriptの知識にTypeScriptを加えることで、市場価値が大幅に向上します。
myCompilerエディタでこれらのキーボードショートカットを使って素早くコーディングしましょう。
インタラクティブなTypeScriptコンパイラをウェブサイト・ブログ・学習プラットフォームに追加できます。読者はページを離れずにあなたのページで直接TypeScriptコードを書いて実行できます。
技術チュートリアル・コーディング講座・ドキュメント・教育コンテンツに最適です。myCompilerでプログラムを保存し、埋め込みリンクを使って任意のウェブページに追加してください。
Embedded TypeScript コンパイラ、エディタ、コードランナー
<iframe
src="https://www.mycompiler.io
/embed/typescript"
width="100%"
height="400"
frameborder="0">
</iframe>
TypeScriptと27以上の他のプログラミング言語に対応したフル機能のオンラインIDEです。
Python・JavaScript・Java・C++・Rust・Go・TypeScript・C#、その他多数。すべてのコンパイラとインタープリタを一か所に。即座に言語を切り替えられます。
ワンクリックでライトテーマとダークテーマを切り替えられます。昼夜問わずどんな照明環境でも快適にコーディングできます。
スマートフォン・タブレット・Chromebookに最適化された完全なレスポンシブエディタ。ウェブブラウザがあればどのデバイスでもコーディングできます。アプリのダウンロード不要です。
アカウントにプログラムを保存し、ユニークなURLで共有し、他のユーザーがあなたのコードを閲覧・フォーク・実行できるようにします。コラボレーションやコードレビューに最適です。
保存したプログラムをタグで整理し、検索とフィルターで素早く見つけられます。コードスニペットとソリューションの個人ライブラリを構築しましょう。
すぐにコードを書いて実行できます。登録不要・メール不要・クレジットカード不要。作業を保存したい場合にのみ無料アカウントを作成してください。
オンラインTypeScriptコンパイラ・プレイグラウンド・コードランナーの使用に関する一般的な質問です。
無料のTypeScriptプレイグラウンドを開いてすぐにコーディングを始めましょう。ダウンロード不要、アカウント不要です。
TypeScriptでコーディングを始める無料・登録不要 · TypeScript 7.0.0
