ココカラエンジニアではプログラミングにチャンレンジする初心者の方にはCloud9をおすすめしています。
がしかし、Cloud9は登録にクレジットカードが必須になってしまったため、クレジットカードを持っていない方や
![](/wp-content/uploads/2017/05/uchida.jpg)
という方に編集部からおすすめのクラウド開発環境をご紹介しますね!
*クレジットカード登録ができる方はCloud9がおすすめです
Codenvy
まずはCodenvyにアクセス。そうするとこちらのログイン画面になりますね。
アカウントがない状態なので、画面中央下のCreate Oneをクリック!
![スクリーンショット 2017 11 19 10 43 56](/wp-content/uploads/2017/11/7dbc1b5a0d50a5bde10922e256be630c.png)
メールアドレスとパスワードを入力してCreate Accountをクリック。
![スクリーンショット 2017 11 19 10 44 23](/wp-content/uploads/2017/11/edbf937f4fc12b2ed04395e46e054c1e.png)
この画面に到達できればOKです!
![スクリーンショット 2017 11 19 10 45 03](/wp-content/uploads/2017/11/6f0b742761a2c4326e7bfca17a154e76.png)
次に登録確認メールが来るので、その中にある確認リンクをクリックしましょう。そうすると以下の画面が現れるので、Verify Emailをクリックしましょう。
![スクリーンショット 2017 11 19 10 45 40](/wp-content/uploads/2017/11/a27f38cfe6e533f3663357db13f994d0.png)
すると詳細情報の入力画面に移るので、準備入力していきましょう!英語なので、入力欄の解説をすると・・・
上から順に
- 名前
- 名字
- 会社名(なんでもOK)
- Developerを選択
- 国
![スクリーンショット 2017 11 19 10 46 18](/wp-content/uploads/2017/11/74a745bdf0b8047b3ab63fccd051c1c0.png)
打田の入力例はこちら。Get Startをクリックすると開発画面が立ち上がりますよ。
![スクリーンショット 2017 11 19 10 47 15](/wp-content/uploads/2017/11/d54909b5072e21e0a7408db24413bc69.png)
CREATE WORKSPACE をクリック!
![50ea5a3937398401bd3e1972c5cf86f3](https://se-shine.net/wp-content/uploads/2017/12/50ea5a3937398401bd3e1972c5cf86f3.png)
作成するプロジェクト(アプリ)名を入力し、その言語を選択します。
![2519f49b1cba72a1fd0684f9d11cba8e](https://se-shine.net/wp-content/uploads/2017/12/2519f49b1cba72a1fd0684f9d11cba8e.png)
CREATEをクリック!
![スクリーンショット 2017 11 19 11 27 53](/wp-content/uploads/2017/11/2456899ed11bac9b6d2d4ed2d7c872c8-1.png)
ここでも再度、CREATE Projectをクリックです!
![スクリーンショット 2017 12 31 18 50 45](https://se-shine.net/wp-content/uploads/2017/12/d7ce1c60dd79a6894f3427799cc5d45b.png)
お次に言語とプロジェクト名を再度入力すればOK!
![スクリーンショット 2017 12 31 18 50 57](https://se-shine.net/wp-content/uploads/2017/12/d125586547f71c39397272434ef9a6ff.png)
すると、必要なファイルが作成されて開発をすすめる準備が完了しました。そして三角ボタンからRUNをクリックするとプログラムが起動して、プログラムを動かすことができます!
![スクリーンショット 2017 12 31 19 10 22](https://se-shine.net/wp-content/uploads/2017/12/0cbb72d5da86acbb80a11c96e1d9990d-1.png)
オレンジの枠で囲った部分がアプリのURLなので、こちらをクリックするとアプリのプレビューを見ることができますよ。
![スクリーンショット 2017 12 31 19 10 45](https://se-shine.net/wp-content/uploads/2017/12/39d2b3e4ab1d5e1f8483de56c1f70a86.png)
プレビュー画面がこのようになっていれば、Codenvyのセットアップは完了です!お疲れ様でした。
![スクリーンショット 2017 11 19 11 42 13](/wp-content/uploads/2017/11/82bee99c85f39b56f854922ad3183b6a.png)
Cloud開発環境を使うことによってプログラミングの勉強に集中することができるので、こちらで開発をどんどん進めていきましょう!
完全初心者向けのコンテンツはコチラ↓