「翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。」
ステップ2: のベーシックツアー IDE
(前のステップ: ステップ1: 環境 の作成)
チュートリアルのこの部分では、AWS Cloud9 IDE を使用してアプリケーションを作成およびテストする方法をいくつか紹介します。
-
[editor (エディタ)] ウィンドウを使用して、コードを作成および編集できます。
-
[terminal (ターミナル)] ウィンドウまたは [Run Configuration (実行設定)] ウィンドウを使用して、デバッグせずにコードを実行できます。
-
[Debugger (デバッガー)] ウィンドウを使用してコードをデバッグできます。
この3つのタスクは、 JavaScript Node.jsエンジンの2つのノードがあります。他のプログラミング言語については、「チュートリアルおよびサンプル」を参照してください。
トピック
環境の準備
実行とデバッグに必要なほとんどのツール JavaScript コードはすでにインストールされています。ただし、このチュートリアルでは追加の Node.js パッケージが必要です。以下のようにインストールします。
-
メニューバー (AWS Cloud9 IDE の上部) で、[Window (ウィンドウ)]、[New Terminal (新しいターミナル)] の順に選択します (または既存のターミナルウィンドウを使用します)。
-
ターミナルウィンドウ (IDE の下部にあるタブの 1 つ) で、以下のように入力します。
npm install readline-sync
結果が次の内容と類似していることを確認します(
npm WARN
メッセージも表示されます。無視することもできます)。+ readline-sync@1.4.10 added 1 package from 1 contributor and audited 5 packages in 0.565s found 0 vulnerabilities
コードを書く
コードを記述することから始めます。
-
メニューバーで [File (ファイル)]、[New File (新規ファイル)] の順に選択します。
-
以下を追加 JavaScript 新しいファイルに移動します。
var readline = require('readline-sync'); var i = 10; var input; console.log("Hello Cloud9!"); console.log("i is " + i); do { input = readline.question("Enter a number (or 'q' to quit): "); if (input === 'q') { console.log('OK, exiting.') } else{ i += Number(input); console.log("i is now " + i); } } while (input != 'q'); console.log("Goodbye!");
-
[File (ファイル)]、[Save (保存)] の順に選択し、ファイルを
hello-cloud9.js
として保存します。
コードを実行
次に、コードを実行できます。
使用しているプログラミング言語によっては、コードを実行できる方法が複数あります。このチュートリアルでは、 JavaScriptターミナル ウィンドウまたは 構成を実行 ]ウィンドウを開きます。
[構成の実行] ウィンドウを使用してコードを実行するには
-
メニューバーで、[Run (実行)]、[Run Configurations (実行設定)]、[New Run Configuration (新しい実行設定)] の順に選択します。
-
新しい [Run Configuration (実行設定)] ウィンドウ (IDE の下部にあるタブの 1 つ) で、[Command (コマンド)] フィールドに「
hello-cloud9.js
」と入力し、[Run (実行)] を選択します。 -
[Run Configuration (実行設定)] プロンプトがアクティブであることを確認してから、プロンプトで番号を入力してアプリケーションを操作します。
-
[Run Configuration (実行設定)] ウィンドウにコードの出力が表示されます。出力は以下のようになります。
![[Run Configuration (実行設定)] でコードを実行する。](images/basic-ide-run-run-config.png)
ターミナルウィンドウを使用してコードを実行するには
-
先ほど使用したターミナルウィンドウに移動します (または新しいターミナルウィンドウを開きます)。
-
ターミナルウィンドウのプロンプトで「
ls
」と入力し、コードファイルがファイルのリストにあることを確認します。 -
プロンプトで「
node hello-cloud9.js
」と入力して、アプリケーションを起動します。 -
プロンプトで番号を入力して、アプリケーションを操作します。
-
ターミナルウィンドウにコードの出力が表示されます。出力は以下のようになります。
![[Run Configuration (実行設定)] でコードを実行する。](images/basic-ide-run-terminal.png)
コードをデバッグする
最後に、[Debugger (デバッガー)] ウィンドウを使用してコードをデバッグできます。
-
行 10 の横のマージンを選択して、行 10 のコード (
if (input === 'q')
) にブレークポイントを追加します。以下のように、その行番号の横に赤い円が表示されます。 -
[ デバッガ ]ウィンドウ( デバッガ ボタン( IDE. または、メニューバーで [Window (ウィンドウ)]、[Debugger (デバッガー)] の順に選択します。
時計を
input
変数を 式をここに入力 を 時計の表現 」セクション デバッガ ]ウィンドウを開きます。 -
コードを実行するために先ほど使用した [Run Configuration (実行設定)] ウィンドウに移動します。[Run (実行)] を選択します。
または、新しい 構成を実行 ウィンドウを開き、 実行、 で実行、 ノード.js」をクリックします。
-
[Run Configuration (実行設定)] プロンプトで番号を入力し、コードが行 10 で一時停止することを確認します。[Debugger (デバッガー)] ウィンドウに、[Watch Expressions (ウォッチ式)] に入力した値が表示されます。
-
[Debugger (デバッガー)] ウィンドウで、[Resume (再開)] を選択します。これは、前のスクリーンショットで強調表示されている青い矢印アイコンです。
-
選択 停止 を 構成を実行 ]ウィンドウをクリックして、デバッガを停止します。