ツールの使い方

AWS Cloud9のプレビューが上手く表示されない時の対処法

2020-10-22 By プログラミング入門ナビ編集部

この記事では、AWS Cloud9のプレビューが上手く表示されない時の対処法について説明します。

この記事は、オンライン講座「Ruby on Rails 5入門 -Rubyプログラミングの基礎から学べる-」「ウェブ開発入門完全攻略コース – プログラミングをはじめて学び創れる人へ！未経験から現場で使える開発スキルを習得！」のサポート記事です。

なお、アクセス時期によっては実際のサイトと記事中の画像で表示が異なる場合があります。

AWS Cloud9とは

・クラウドコンピューティングサービスのAWSで利用できるサービスの一つです。
・クラウド上のサーバー資源を利用して、ブラウザ上の統合開発環境(IDE)でWebアプリケーションを開発することができます。
・Cloud9を起動すると、AWSのEC2インスタンスに接続され、開発を進めることができます。

AWS Cloud9のプレビュー機能について

AWS Cloud9では、作成したアプリケーションをブラウザ上でプレビューすることができます。

ここではRuby on Railsで開発を行う場合を例に説明します。

以下はプロジェクトディレクトリ内でrails sコマンドを実行した時の様子です。

まず画面上部のナビゲーションから「Preview」ボタンをクリックし、さらに「Preview Running Application」をクリックします。

新しいペインが右側に現れるので、その右上にある「Browser」というボタンのすぐ右にあるマークをクリックします。

すると、以下のようにブラウザの別タブでプレビューが表示されます。

上記のように表示されれば、正しくプレビューが出来ている状況です。

AWS Cloud9のプレビューが上手く表示されない場合

場合によっては、「Oops」という表示が出現し、うまくアプリケーションのプレビューが出来ない場合があります。

ここでは、対処法についてまとめます。

「No application seems to be running here!」と表示される場合

これは、何らかの理由でアプリケーションが終了している時に発生します。

サーバーの起動コマンドを再度実行し、サーバーが起動状態にあることを確認してください。

「VFS connection does not exist」と表示される場合

これは、アプリケーションのサーバが起動していても、何らかの理由でプレビュー画面との接続が確立できていない場合に発生します。

以下の点について確認してください。

Webサーバーの再起動

Ctrlキー+Cキーでサーバーを立ち上げているコマンドを強制終了し、再度実行してみてください。

使用ブラウザの確認

AWS Cloud9は複数のブラウザでの動作をサポートしていますが、SafariやFirefoxを用いると正常に動作しないことがユーザーによって報告されています。

予期せぬエラーの原因となるので、もし他のブラウザをお使いの方は、Google Chromeに切り替えて開発を進めてください。

EC2インスタンスの再起動

以下の手順でEC2インスタンスの再起動を試してみてください。

まずAWSでEC2のコンソールに移動します。

Cloud9を起動している場合、「running」という状態のインスタンスがあるはずです。

左のボタンから該当インスタンスを選択し、「アクション」ボタンをクリックします。

「インスタンスの状態」から「再起動」に進んでクリックし、インスタンスの再起動を行います。

OSのバージョン

OSのバージョンが古いとCloud9と接続できない場合があります。

OSのアップデートを行って、症状が改善するかご確認ください。

Cookie設定

Cookieが無効になっている場合に、Oopsと表示されてしまう場合があります。

もし無効なら、ブラウザのCookie設定を有効にしてみてください。

広告ブロッカーやセキュリティソフト使用の有無

広告ブロッカーやセキュリティソフトを使用している場合は、Cloud9との接続を阻害してしまう場合があります。これらを一度無効にして、再度Cloud9インスタンスの作成〜Rails の起動まで行ってみてください。

症状が改善しない場合…

もし上記の点を確認して症状が改善しない場合は、何らかのソフトウェアやOSの設定がプレビューの表示を妨げている可能性があります。

お手数ですが、OSのセーフモードでの起動や新しいログインユーザーでのログイン、または別のPCで再度AWSへログインを行ってみてください。

動画で学ぶプログラミング入門

オンラインスクールProglus（プログラス）でプログラミングを学んで、創れる人になろう！

在宅学習応援！今なら複数の基礎コースが無料！！

今すぐ詳細を確認する

GCP CloudSQLにMySQL Workbenchから接続する方法について解説!

2020-10-13 By プログラミング入門ナビ編集部

この記事では、GCP CloudSQLにMySQL Workbenchから接続する方法について説明します。

この記事は、オンライン講座「はじめてのSQL ・データ分析入門 -データベースのデータをビジネスパーソンが現場で活用するためのSQL初心者向コース」のサポート記事です。

なお、アクセス時期によっては実際のサイトと記事中の画像で表示が異なる場合があります。

GCPとは

・GCPはGoogle Cloud Platformの略で、Googleが提供するクラウドコンピューティングサービスのことを指します。

・Cloud SQLはGCPのサービスの一つで、クラウド上にMySQLサーバーを構築することができます。

・Cloud SQLの利用には課金が発生しますが、Googleから付与される無料クジレットの適用対象です。

CloudSQLのセットアップ

GCPプロジェクトの設定

Google Cloud Platformのコンソールを開いて、Googleアカウントでログインします。

ログインできたら、画面左上のロゴの右隣のボタンをクリックします。

すると、自分が管理しているプロジェクトを参照できます。

右上の「新しいプロジェクト」を押して、新規プロジェクトを作成します。

適当なプロジェクト名を記入して「作成」ボタンを押します。プロジェクト名は、ここでは「cloudsql-demo」とします。

プロジェクトを作成すると、以下のようなコンソール画面が表示されます。

GCPを初めて利用する場合は、機能制限を解錠するために請求情報の登録を行います。

「お支払い」を押してクレジットカードの登録を行ってください。

Cloud SQLインスタンスの作成

GCPプロジェクトのセットアップが完了したら、次はSQLインスタンスの作成を行います。

左上のメニューを押して、「SQL」をクリックします。

「インスタンスを作成」をクリックします。

「MySQL」を選択します。

適当な「インスタンスID」を入力します。ここでは「cloudsql-demo」とします。

そしてパスワードを指定します。「生成」ボタンで生成した場合は、パスワードを忘れずにメモするようにしてください。

「データベースのバージョン」は、ここではMySQL8.0とします。

最後に「作成」ボタンを押します。

このような画面が表示され、インスタンスの作成が開始されます。

インスタンスIDの左に緑色のマークが出現したら、インスタンスが作成完了した合図です。

インスタンス接続の設定

次は、インスタンスに外部から接続するための設定を行います。

画面上部の「編集」ボタンをクリックします。

「接続」をクリックします。

「パブリックIP」がチェックされていることを確認します。そして「ネットワークを追加」ボタンをクリックします。

ここでは全てのIPアドレスからの接続を許可するため、「新しいネットワーク」の「ネットワーク」欄に「0.0.0.0/0」と記入します。

記入できたら「完了」を押してください。

補足としては、ここで固定IPアドレスを個別に指定すれば、全てのIPアドレスではなく特定のIPアドレスにのみ接続を許可することもできます。すなわち不正なIPアドレスからの接続を遮断して、よりデータベースのセキュリティを高めることができます。

固定IPアドレスをお持ちで、よりセキュアなデータベース運用を考えている方は参考にしてみてください。

最後に「保存」をクリックして、設定を保存します。

WorkbenchからCloud SQLに接続する

それでは、クラウド上のCloud SQLにMySQL Workbenchから接続してみましょう。

MySQL Workbenchは手元のPCにインストール済みであるものとします。

サーバーのパブリックIPの確認

まず、MySQLサーバーのパブリックIPを確認します。

この場合は「34.83.193.169」がMySQLサーバーのパブリックIPとなります。

パブリックIPを固定していない場合は、インスタンスを再起動するたびにIPアドレスが変わるので、その都度新しいIPアドレスを確認するようにしてください。

MySQL Workbenchの接続設定

MySQL Workbenchを起動します。

プラスアイコンをクリックします。

このようなウィンドウが表示されるので、「Connection Name」に適当な接続名を記入します。ここでは「cloudsql-demo」とします。

そして「Parameters」の「Hostname」に先ほど確認したCloudSQLのサーバーのパブリックIPを入力します。

入力できたら、「Test Connection」ボタンを押して接続を確認しましょう。

パスワードの入力が求められるので、自分で設定したパスワードを入力してください。「Save password in valut」のチェックボックスをチェックして、「OK」を押します。

このような表示が出てきたらテスト接続成功です。

コネクションが追加されるので、クリックします。

このような画面が表示されたら接続成功です。

MySQL WorkbenchからCloudSQLのサーバーに接続することができました！

クリーンアップ

SQLのサーバーが起動している場合は、起動時間に応じて課金が発生します。無料クレジットの範囲内であれば請求は発生しませんが、無料クレジットの消費を抑えるためにも、作業が終わったらインスタンスを停止しておきましょう。

またサーバーを停止していてもストレージ代などで課金は発生するので、作業が完全に終了しインスタンスが不要になったら、忘れずに削除するようにしてください。

動画で学ぶプログラミング入門

オンラインスクールProglus（プログラス）でプログラミングを学んで、創れる人になろう！

在宅学習応援！今なら複数の基礎コースが無料！！

今すぐ詳細を確認する

MAMP for MacOSによるMySQLのインストール方法

2020-08-31 By プログラミング入門ナビ編集部

MacOS環境にMAMP（マンプ）を使って、MySQLをインストールする方法について説明します。

前置き

この記事は、オンライン講座「はじめてのSQL・データ分析入門 – データベースのデータをビジネスパーソンが現場で活用するためのSQL初心者向コース」と、Prolgus「SQL入門」コースのサポート記事です。
Mac OS Catalina バージョン10.15.4を利用しています。他のOSバージョンでは、UIが一部異なる場合があります。
企業から貸与されたパソコンを使用する場合、セキュリティソフトや、ソフトウェアイントール制御ソフトがインストールされている場合があります。この場合、MAMP等の開発系のツールがインストールできない場合があります。手順を工夫して回避することは現実的ではありません。お手数ですが勤務先のシステム管理者にご相談ください。
MAMPは一般大衆向けのソフトウェアでは無いため、扱いが難しいと感じる部分もあるかもしれません。言い換えると、誰でも使いこなせるわけではないため、スキルとして市場価値が生まれます。