# Monaca クラウド IDE の機能 Monaca クラウド IDE は、アプリケーション開発を容易にし、開発体験を向上させるための機能を開発者へ提供します。 主な機能は、次のとおりです。 * ターミナル機能: Monaca クラウド IDE でトランスパイル処理(コード変換)を実行。 * Golden Layout: IDE レイアウトの自由度。 * マルチ プレビューア: テスト効率の向上。 * Monaco Editor: 開発プロセスをスピードアップする優れたコードエディタ。 * Monaca バックエンド: Monaca バックエンドのためのより良い GUI。 ## ターミナル機能 ターミナル機能により、React、VueJS、Angular などのトランスパイルが必要となるプロジェクトを作成、管理、開発すること可能となります。 また、プレビューアもターミナル機能より起動されます。さらに、ホットリローディングに対応するプロジェクトは、Monaca クラウド IDE でもその機能を利用できます。ターミナル機能についてと使用法の詳細については、[ターミナル機能](https://ja.docs.monaca.io/products_guide/monaca_ide/terminal) を参照してください。 ![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-Mh-4kjuEiBxrTjpVqSW%2F-Mh-57IbvWBkfjeMVibB%2Fimage.png?alt=media\&token=2e8d5476-cbc3-46ea-824d-15b1a40883bf) ## Golden Layout 開発体験の重要性を考慮して、Monaca クラウド IDE にさまざまな機能を追加し、ユーザーインターフェイスを更新しています。 これらの機能の 1 つは、柔軟なレイアウトです。Monaca クラウド IDE では、すべてのパネルをドラッグして任意の位置に配置することができます。 各パネルは、最大化 / 最小化も簡単に行うことができます。 そのため、自由にレイアウトを配置することができます。 この新しいレイアウトは、 [Golden layout](http://golden-layout.com/) によって作成されています。Golden layout は、Web アプリケーションのマルチスクリーンレイアウトマネージャー です。 ![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-Mh-4kjuEiBxrTjpVqSW%2F-Mh-5CWXtF1i5k7jNQNV%2Fimage.png?alt=media\&token=4aea009d-c324-4623-b0bc-99d637c7463c) ## マルチ プレビューア 柔軟なレイアウトに加えて、さまざまなデバイスのレイアウトでアプリを同時にプレビューする機能も追加されています。 Monaca クラウド IDE では、複数のプレビューウィンドウを同時に開くことができます。 マルチプラットフォーム対応のアプリ開発者にとって、この機能は有効です。特に、モバイルアプリのリアルタイムプレビューアを提供する別のクラウド IDE を試したことがない場合は、一度体験してください。 ![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-Mh-4kjuEiBxrTjpVqSW%2F-Mh-5FJNukAfsCzsuBwL%2Fimage.png?alt=media\&token=dbd60463-b898-43ff-9635-c1c2ccae5c8c) ## Monaco Editor アプリ開発の大部分はコードの作成に費やされます。Monaca クラウド IDE では、次のような理由から、[Monaco](https://microsoft.github.io/monaco-editor/) を使用しています。 * 言語サーバーを使用して拡張できる自動補完システム。Monaca が提供する言語には、HTML、JavaScript、TypeScript、Onsen UI があります。React や Vue も対応予定です。 * 基本的な構文の色付け。 * 高機能なインテリセンスと検証。 ![](https://3046938759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MfWrOnV1iKerkfShm9O%2F-Mh-4kjuEiBxrTjpVqSW%2F-Mh-5ME5aGqUf4Y6wnjS%2Fimage.png?alt=media\&token=8d9cf608-13f1-4d62-9533-c7cecbe28176) エディターのショートカットキーについては、 [エディターのショートカット一覧](https://ja.docs.monaca.io/products_guide/monaca_ide/editor) を参照してください。