質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Cloud9

Cloud9は、クラウドからのプログラミングが可能になるWebサービス。IDEとしての機能が搭載されており、GitHubやHerokuなど他ツールとの連携も可能です。ブラウザ上で動くため、デバイスに関係なく開発環境を準備できます。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Q&A

解決済

3回答

11859閲覧

aws cloud9(rails)でプレビューの表示方法がわかりません。

Mizai8

総合スコア6

Cloud9

Cloud9は、クラウドからのプログラミングが可能になるWebサービス。IDEとしての機能が搭載されており、GitHubやHerokuなど他ツールとの連携も可能です。ブラウザ上で動くため、デバイスに関係なく開発環境を準備できます。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

0グッド

1クリップ

投稿2018/01/10 12:00

###前提・実現したいこと
aws cloud9でrailsのプレビューの表示方法、URLがわかりません。

現在aws cloud9でrailsのプログラミングの勉強をしています。
・プログラミングの勉強をはじめて二週間程度の初心者
・Progateで、ruby、railsなどを一通り勉強した程度の知識です

###試したこと
cloud9を立ち上げる

①rails new app
②cd app
③rails s -b $IP -p $PORT
④画面上部(runの左横)のpreviewを押す
⑤ ③のターミナルに表示されたURLを入力

■入力したURL
http://tcp://127.0.0.1:8080
■プレビュー画面の表示
Unable to load http preview
Open your page in a new tab
Why am i seeing this?

###補足情報(言語/FW/ツール等のバージョンなど)
・Webで同様の症状を調べたのですが、私の環境では再現できませんでした。
(Runボタンを押してURLを表示など)
・CodeStarは利用していません。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答3

0

Cloud9は以前は独立したサービスでしたが、2016年にAmazonが買収し、2017年11月にAWSの1サービスとしてローンチされました。
それが質問者さんの使っているAWS Cloud9です。
今までのCloud9もサービスは継続していて、既にアカウントを持っている人は旧Cloud9を使い続けることが可能ですが、昨年11月以降に新規でアカウントを取る人は全てAWSのCloud9となります。

旧Cloud9ではサーバーもCloud9側で用意してくれており、Runを押すとCloud9側のサーバでデプロイされてプレビューがみれました。それが別の回答者さんが書かれていた「https://workspace-username.c9.io」と言うURLです。

しかしAWSではサーバーはAWSのサーバーを使うかもしくは自身で用意したサーバーを使うかを最初に選択します。
質問者さんはどちらを選びましたか?おそらくですがEC2の方を選択されたのかと思います。

プレビューの方法ですが、メニューの「Preview」→「Preview Running Application」を選びます。
すると、ターミナルの横にプレビュー画面が表示されませんでしょうか。
プレビュー画面の左上にある四角の中に右上の矢印があるアイコンを押せば別タブでプレビュー画面が開くかと思います。

私はPHPでやったのでRubyは違うかも知れませんが参考になれば幸いです。

投稿2018/01/17 09:50

shimayu

総合スコア35

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Mizai8

2018/01/17 23:32

ご回答ありがとうございます。 サーバーはご指摘の通り、EC2を選択しています。 プレビューの方法ですが、アドバイスの操作でプレビュー画面の表示まではできます。 ただ、URLが間違っているのか、設定が間違っているのか、プレビューの表示ができない状態です。 プレビュー画面には下記のエラー?が表示されます。 Unable to load http preview Open your page in a new tab Why am I seeing this?
guest

0

プレビュー画面のopen your page in a new tabをクリックしてください。
それでタブ越しで見れませんか?
もしくは、ターミナルでWEBrickを起動したときのアドレスをクリックでOPENです。

この時のURLに注意していただきたいのですが、url名が↓以下のようになっていませんか?

https://cloud9でのアプリ名-ユーザー名.c9.io

cloud9では「https://workspace-username.c9.io」のURLを指定することで、サイトを表示するようにしているらしいので、WEBRickに表示されたアドレスでは閲覧が不可みたいです。

投稿2018/01/10 12:38

編集2018/01/10 13:40
退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Mizai8

2018/01/10 12:45

早速のアドバイスありがとうございます。 アドバイス頂いた件ですが、 http://tcp://127.0.0.1:8080 http://127.0.0.1:8080 どちらも試して見ましたが、できませんでした。 (/home/topをつけてみてもだめでした)
Mizai8

2018/01/10 14:26

引き続きありがとうございます。 さきほどcloud9が急に立ち上がらなくなり、アドバイスを試すことが出来なくなりました。 500エラー We're sorry! An error occurred when we tried to process your request. Rest assured, we're working to resolve the problem as soon as possible. We apologize for the inconvenience. Click here to visit our home page 修復でき次第試させて頂きます。
Mizai8

2018/01/11 00:16

先程復旧できましたので、ご報告致します。 アドバイス頂いた件ですが、同様にプレビューができませんでした。 ・open your page in a new tabをクリック  新しいブラウザが開き下記エラーが出ました This site can’t be reached 127.0.0.1 refused to connect. Try: Checking the connection Checking the proxy and the firewall ERR_CONNECTION_REFUSED 念のため、サーバーを立ち上げた時のコマンドです。 ec2-user:~/environment/app (master) $ rails s -b $IP -p $PORT => Booting Puma => Rails 5.1.4 application starting in development => Run `rails server -h` for more startup options Puma starting in single mode... * Version 3.11.0 (ruby 2.4.1-p111), codename: Love Song * Min threads: 5, max threads: 5 * Environment: development * Listening on tcp://127.0.0.1:8080 Use Ctrl-C to stop 引き続きアドバイスを頂けると助かります。
guest

0

自己解決

解決できませんでしたので、codeanywhereを使用していましたが、昨日ひさしぶりにaws cloud9を使用したところ、プレビューの表示ができました。

操作方法は前回と同じだと思いますが、なぜ前回できなかったのか、また解決できなのかは不明です。

アドバイスを頂きました方、本当にありがとうございました。

投稿2018/02/02 03:31

Mizai8

総合スコア6

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問