新規のお客様への AWS Cloud9 の提供は終了しました。AWS Cloud9 の既存のお客様は、通常どおりサービスを引き続き使用できます。詳細はこちら
AWS Cloud9 の開始方法
このチュートリアルにより、AWS Cloud9 の使用を開始できます。AWS Cloud9 コンソールまたは AWS Command Line Interface (AWS CLI) を使用して IDE AWS Cloud9 を使用できます。このチュートリアルでは、AWS Cloud9 開発環境を設定してから、AWS Cloud9 IDE を使用して最初のアプリケーションのコード記述、実行、デバッグを行う方法を説明します。AWS Cloud9の詳細については、とはAWS Cloud9を参照してください。
AWS Cloud9 IDE の詳細については、「AWS Cloud9 IDE のツアー」を参照してください。
チュートリアルの所要時間は約 1 時間です。
警告
このチュートリアルを完了すると、AWS アカウントに料金が発生する可能性があります。Amazon EC2 に対して発生する可能性がある料金も含まれます。詳細については、「Amazon EC2 の料金
前提条件
このチュートリアルを正常に完了するには、まず「AWS Cloud9 を設定する」のステップを完了する必要があります。
ステップ 1: 環境を作成する
このステップでは、AWS Cloud9 コンソールまたは AWS CLI で、AWS Cloud9 開発環境を作成します。
注記
このチュートリアルで使用する環境を作成済みである場合は、その環境を開き、「ステップ 2: IDE のベーシック演習」に進んでください。
AWS Cloud9 において開発環境または環境とは、開発プロジェクトのファイルを保存し、アプリケーションを開発するツールを実行する場所です。このチュートリアルでは、EC2 環境を作成し、この環境でファイルとツールを操作します。
ステップ 2: IDE のベーシック演習
チュートリアルのこのパートでは、AWS Cloud9 IDE を使用してアプリケーションを作成およびテストする方法をいくつか紹介します。
-
[editor (エディタ)]ウィンドウを使用して、コードを作成および編集できます。
-
[terminal (ターミナル)]ウィンドウまたは[Run Configuration (実行設定)]ウィンドウを使用して、デバッグせずにコードを実行できます。
-
[Debugger (デバッガー)]ウィンドウを使用してコードをデバッグできます。
JavaScript および Node.js エンジンを使用して、これらの 3 つのタスクを実行します。他のプログラミング言語を使用する手順については、「AWS Cloud9 のチュートリアル」を参照してください。
環境の準備をする
JavaScript コードの実行とデバッグに必要なツールのほとんどはインストール済みです。ただし、このチュートリアルではもう 1 つの 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 Configuration (実行設定)]ウィンドウを使用して実行できます。
[Run Configuration (実行設定)]ウィンドウを使用してコードを実行するには
-
メニューバーで、[Run (実行)]、[Run Configurations (実行設定)]、[New Run Configuration (新しい実行設定)]の順に選択します。
-
新しい[設定の実行]ウィンドウ (IDE の下部にあるタブの 1 つ) で、[コマンド]フィールドに「
hello-cloud9.js
」と入力し、[実行]を選択します。 -
[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 の右側で [Debugger] ボタンを選択して、Debugger ウィンドウを開きます。または、メニューバーで [Window (ウィンドウ)]、[Debugger (デバッガー)] の順に選択します。
次に、[Debugger] (デバッガー) ウィンドウの [Watch Expressions] (ウォッチ式) セクションで [Type an expression here] (ここに式を入力) を選択して、
input
変数を監視します。 -
コードを実行するために先ほど使用した[Run Configuration (実行設定)]ウィンドウに移動します。[Run(実行) ]を選択します。
または、新しい [Run Configuration] (実行設定) ウィンドウを開いて、コードの実行を開始することもできます。そのためには、メニューバーから [Run] (実行)、[Run with] (環境を指定して実行)、[Node.js] の順に選択します。
-
[Run Configuration (実行設定)]プロンプトで番号を入力し、コードが行 10 で一時停止することを確認します。[Debugger] (デバッガー) ウィンドウに、[Watch Expressions] (ウォッチ式) に入力した値が表示されます。
-
[Debugger] (デバッガー) ウィンドウで、[Resume] (再開) を選択します。これは、前のスクリーンショットで強調表示されている青い矢印アイコンです。
-
[設定の実行] ウィンドウで [停止] を選択し、デバッガーを停止します。
ステップ 3: クリーンアップする
このチュートリアルに関連した AWS アカウントで料金が継続的に発生するのを防ぐには、環境を削除します。
警告
削除した環境を復元することはできません。
関連情報
AWS Cloud9 コンソールの使用開始方法に関する追加情報を次に示します。
-
EC2 環境を作成する場合、デフォルトでは環境にサンプルコードは含まれていません。サンプルコードを使って環境を作成するには、以下のいずれかのトピックを参照してください。
-
AWS Cloud9 開発環境の作成中に、Amazon EC2 インスタンスを作成するよう AWS Cloud9 に指示します。AWS Cloud9 はそのインスタンスを作成して環境と接続します。別の方法として、既存のクラウドコンピューティングインスタンスや独自のサーバー (SSH 環境と呼ばれます) を使用することもできます。詳細については、「AWS Cloud9 で環境を作成する」を参照してください。
次のステップ (オプション)
以下のトピックのすべてあるいは一部に目を通して、AWS Cloud9 についての理解を深めてください。
タスク | 次のトピックを参照 |
---|---|
環境で何ができるかに関する詳細はこちら。 |
|
他のコンピュータ言語を試します。 |
|
AWS Cloud9 IDE の詳細はこちら。 |
|
テキストチャットサポートにより、リアルタイムで新しい環境を使用するように他のユーザーを招待します。 |
|
SSH 環境の作成 これらの環境では、AWS Cloud9 がユーザーに代わって作成した Amazon EC2 インスタンスではなく、ユーザーが作成したクラウドコンピューティングインスタンスまたはサーバーを使用します。 |
|
AWS ツールキットを使用して、AWS Lambda 関数およびサーバーレスアプリケーションでコードを作成、実行、デバッグします。 |
|
AWS Cloud9 は Amazon Lightsail と併用してください。 |
|
AWS Cloud9 は AWS CodeStar と併用してください。 |
|
AWS Cloud9 は AWS CodePipeline と併用してください。 |
|
AWS Cloud9 は、AWS CLI、AWS CloudShell、AWS CodeCommit、AWS Cloud Development Kit (AWS CDK)、GitHub、または Amazon DynamoDB で使用したり、Node.js、Python などのプログラミング言語使用したりします。 |
|
AWS RoboMaker でインテリジェントなロボット工学アプリケーションのコードを使用します。 |
AWS RoboMaker デベロッパーガイドのAWS Cloud9 による開発 |
コミュニティから AWS Cloud9 のヘルプを取得するには、「AWS Cloud9 ディスカッションフォーラム
AWS から直接 AWS Cloud9 のサポートを得るには、AWS サポート