• Skip to main content
  • Skip to primary sidebar

プログラミング入門ナビ by Proglus(プログラス)

プログラミング学習初心者のための情報メディア

You are here: Home / Archives for Ruby on Rails

Ruby on Rails

【AWS Cloud9】Ruby on Railsのサンプルコードをチェックアウトして実行する方法

2022-09-14 By プログラミング入門ナビ編集部

サンプルコードをチェックアウトして実行する方法

この記事では、AWS Cloud9上でサンプルコードをGitHubからチェックアウトして、実行する方法についてご説明します。

この記事は、Udemyオンライン講座「はじめてのRuby on Rails入門-RubyとRailsを基礎から学びWebアプリケーションをネットに公開しよう」のサポート記事です。

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

サンプルコードをご自身のcloud9環境で実行する方法

rubyとrailsのバージョンが指定のバージョンであることを確認

cloud9のターミナル上にて、ruubyとrailsのバージョンを確認して下さい。
●rubyのバージョン確認

●railsのバージョン確認

※7.0.なんとかであれば、通常は問題ありません。
指定のバージョンでは無い場合は、過去のレクチャーでバージョンの設定に関して説明していますので、ご確認下さい。

動かしたいサンプルコードページのURLを取得

サンプルコードのアクセス方法は、レクチャー横の「リソース」からアクセス出来ます。

githubページの「code」をクリック。

タブが「HTTPS」になっていることを確認して、URLをコピーします。

git cloneを実行

cloud9のターミナル上に、サンプルコードを複製します。
rails_project ディレクトリ配下に、サンプルコードを配置したいので、rails_project ディレクトリでコマンドを入力します。

$ git clone [クローンしたいサンプルコードのURL]

サンプルコードがrails_project ディレクトリ配下にクローンされました。

プロジェクトディレクトリへ移動

cd コマンドを使い、チェックアウトしたプロジェクトのディレクトリに移動します。

例) rails7-qanda-sample-codeディレクトリへ移動する場合(実情に合わせて操作してください)

$ cd rails7-qanda-sample-code

rails サーバー起動

bundle insatall コマンドを実行します。
cloud9のターミナル上でコマンドを実行して下さい。

$ bundle install --without production

続いてデータベースを設定します。
cloud9のターミナル上でコマンドを実行して下さい。
●データベース作成

$ rails db:create

●マイグレーションファイルを実行

$ rails db:migrate

cloud9のターミナル上でコマンドを実行して下さい。

$ rails s

サンプルコードをcloud9上で実行することが出来ました。
以上ご不明な点がございましたらUdemyのQ&Aコーナーへご連絡ください、何卒よろしくお願いします。

動画でプログラミング入門をしよう

オンライン学習サービスProglus(プログラス)でプログラミングを学び、創れる人になろう!

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

Filed Under: AWS Tagged With: AWS, Cloud9, Git, Ruby on Rails

【新コース公開】はじめてのRuby on Rails 7入門

2022-02-16 By プログラミング入門ナビ編集部

こんにちは、Proglus(プログラス)運営事務局です。

動画でプログラミングを学べるサービスProglusを、いつもご利用いただきありがとうございます。

新コース「はじめてのRuby on Rails 7入門」を2022/2/16に公開いたしましたので、お知らせいたします。

2021/12/15にリリースされた最新のRuby on Rails バージョン7へ対応したコースとなります。

プレミアムプラン対象コースです。

主な学習トピック

  • AWS Cloud9を使ったRuby on Railsの開発環境の構築について学習しよう
  • Ruby on Railsの基本的な使い方について学習しよう
  • ミニQ&Aアプリを制作しよう
  • インターネットにウェブサービスを公開しよう

講座内容 

汎用性が高くPythonやPHPと同様に人気のある RubyとRuby on Rails を使ってウェブアプリ作成に挑戦しよう。

「Ruby on Rails とは?」

ウェブアプリケーションをより効率的に作るための、ウェブアプリケーションフレームワークの一つで、複雑なウェブアプリケーションを効率的に開発できるメリットから、日本最大の料理レシピサービスのクックパッド、グルメ口コミサイトの食べログ、ニュースアプリのGunosy、民泊予約サイトのAirBnB(エアービーアンドビー)、ソースコード管理サービスGitHub(ギットハブ)、 クラウドファンディングのKickstarter(キックスターター)など、大手企業や有名スタートアップ企業でも採用されています。

オープンソースであり、無償で利用できることから、多くのエンジニアに利用されて目に触れれることで、日々進化が行われています。フレームワークの品質が高く維持されていることも特徴です。

数年で流行が去ってしまうフレームワークも多い中で、10年以上に渡りビジネスで利用されており、安心して利用することができます。

学習に必要な要件

  • HTML/CSS/JavaScriptの基礎知識
  • Ruby プログラミングの基礎知識
  • データベース・SQLの基礎知識
  • Linuxコマンドによるファイル操作の基礎知識(cd, ls, mv, sudoが使える程度のレベルを想定)

このコースのターゲット

  • Ruby on Railsを初めて学ぶ方
  • IT業界への転職を目指している方
  • 就職活動用のポートフォリオを制作するために、ウェブアプリケーションフレームワークを学びたい。

今後も受講生の皆さんがよりよい学びを得られるように、コース・カリキュラムの拡充を進めてまいります。

ぜひ、ご期待ください

コースへのリンク

Ruby on Rails 7入門 | Proglus(プログラス)

動画でプログラミング入門をしよう

オンライン学習サービスProglus(プログラス)でプログラミングを学び、創れる人になろう!

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

Filed Under: プログラミング入門 Tagged With: Ruby on Rails

【新コース公開】Ruby on Rails 6入門

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

こんにちは、Proglus(プログラス)運営事務局です。

動画でプログラミングを学べるサービスProglusを、いつもご利用いただきありがとうございます。

新コース「Ruby on Rails 6入門」を2022/1/31に公開いたしましたので、お知らせいたします。

プレミアムプラン対象コースです。

コース紹介動画

チャンネル登録してね!

主な学習トピック

  • AWS Cloud9を使ったRuby on Railsの開発環境の構築について
  • Ruby on Railsの基本的な使い方について
  • ミニQ&Aアプリの制作

講座内容 

汎用性が高くPythonやPHPと同様に人気のある RubyとRuby on Rails を使ってウェブアプリ作成に挑戦しよう。

「Ruby on Rails とは?」

ウェブアプリケーションをより効率的に作るための、ウェブアプリケーションフレームワークの一つで、複雑なウェブアプリケーションを効率的に開発できるメリットから、日本最大の料理レシピサービスのクックパッド、グルメ口コミサイトの食べログ、ニュースアプリのGunosy、民泊予約サイトのAirBnB(エアービーアンドビー)、ソースコード管理サービスGitHub(ギットハブ)、 クラウドファンディングのKickstarter(キックスターター)など、大手企業や有名スタートアップ企業でも採用されています。

オープンソースであり、無償で利用できることから、多くのエンジニアに利用されて目に触れれることで、日々進化が行われています。フレームワークの品質が高く維持されていることも特徴です。

数年で流行が去ってしまうフレームワークも多い中で、10年以上に渡りビジネスで利用されており、安心して利用することができます。

学習に必要な要件

  • HTML/CSS/JavaScriptの基礎知識
  • Ruby プログラミングの基礎知識
  • データベース・SQLの基礎知識
  • Linuxコマンドによるファイル操作の基礎知識(cd, ls, mv, sudoが使える程度のレベルを想定)

このコースのターゲット

  • Ruby on Railsを初めて学ぶ方
  • IT業界への転職を目指している方
  • 就職活動用のポートフォリオを制作するために、ウェブアプリケーションフレームワークを学びたい。

今後も受講生の皆さんがよりよい学びを得られるように、改善を進めてまいります。

ぜひ、ご期待ください

よくあるご質問

Ruby on Rails 7に対応していますか?

いいえ。
Ruby on Rails 7 については、別コースを公開する予定です。

Ruby on Rails 6入門 | Proglus(プログラス)

動画でプログラミング入門をしよう

オンライン学習サービスProglus(プログラス)でプログラミングを学び、創れる人になろう!

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

Filed Under: プログラミング入門 Tagged With: Ruby on Rails

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(プログラス)でプログラミングを学び、創れる人になろう!

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

Filed Under: ツールの使い方 Tagged With: AWS Cloud9, Ruby on Rails

初心者からWebエンジニアへ転職するために必要なスキルセットは?優先順位別に紹介!

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

パソコンに向かう男性

はじめに

オフィスの机とパソコン

Webエンジニアへの転職、やることが多くて何から始めたらいいか悩んでしまいますよね。

ひとまずプログラミングの学習を始めたはいいものの「これだけでいいのだろうか」「あれもやっておくべき?」など、考え始めるときりがありません。

この記事では、Webエンジニアに最低限必要なスキルセットとして何を押さえるべきかについて、講師のおすすめを紹介します。

Webエンジニアリングの全体像

オフィスで話し合う男性と女性

まずはWebエンジニアの仕事ではどういったことをするのか、ざっくりと見てみましょう。

Webサイト制作時の役割分担として、フロントエンドとサーバーサイド(バックエンドとも呼ばれます)があります。

フロントエンドはWebサイトがユーザからどう見えるかを司るユーザーインターフェイス部分の実装です。

サーバーサイドはその名の通り、Webサイトが動くサーバー上で必要な機能の実装部分となっています。

また、どちらの場合も、基本的な開発ツールを使いこなせるようにしておくことも重要です。

Webエンジニアへの転職後はこのいずれかもしくは両方を担当することになります。

全体の動きを把握するためにも、まずは次項以降のスキルセットを一通り身に付けて簡単なWebサイトを開発してみるのがおすすめです。

フロントエンド

webデザイン

最初に、フロントエンド開発に必要なスキルセットを紹介します。ブラウザ上で簡単に挙動が確認できるので、まずはフロントエンドから入ると理解が進みやすいです。

HTML + CSS

文章や画像など、Webページの見た目を記述するための言語がHTML、そのレイアウトを制御するのがCSSです。

Webエンジニアリングにおいて一番基礎の部分であり、初心者の方でも学校の授業等で触れたことがあるかもしれません。

新HTML入門

WE05-CSS入門

JavaScript

Webサイトには、ユーザがただ読んだり見たりするための静的なコンテンツだけではなく、アンケートやファイルアップロードなどユーザが操作するコンテンツもありますね。

このようなコンテンツではユーザの操作に応じた動的な処理が必要で、これを記述するための言語がJavaScriptです。

実に世界の95%以上のWebサイトでJavaScriptが使用されており、初めて学ぶのに適しています。

WE09-JavaScript入門

Bootstrap

HTML、CSS、JavaScriptはいずれもプログラミング言語ですが、自分でデザインも実装も行うとなると手間がかかります。

Bootstrapは、表示先のウィンドウサイズに合わせてレイアウトを動的に変化させるレスポンシブデザインなど、定番のレイアウトを簡単に実装するためのCSSフレームワークです。

これを覚えればデザイン性の高いサイトをサクサクと作れるようになります。

WE08-Bootstrap4 入門

サーバーサイド

サーバールーム

フロントエンドを一通り理解したら、サーバーサイドの技術を身に付けましょう。サーバー環境を構築し、実際に動かしながら学んでいくのが良いでしょう。

SQL

一定以上の規模であれば、データベースを使わないWebサイトはほとんどないと言っても過言ではありません。例えばECサイトならば顧客情報や商品情報を管理するのに必要です。

SQLはデータベースを操作するためのプログラミング言語で、こちらも習得することを推奨します。

後述するスクリプト言語のフレームワーク等ではActiveRecordという仕組みが導入されており、オブジェクト(アプリケーション内の実体)とデータベースをスムーズに繋ぐORM(Object-Relational Mapping)が可能です。

この機能を用いればSQLを意識することなくデータベースを扱うことはできますが、不具合が発生した際のデバッグやパフォーマンスを上げるためのチューニングはSQLを知らなければ難しいでしょう。

SQ01-SQL入門

Ruby

サーバー側の処理を記述するためのスクリプト言語にはPerl、PHP、Python、Java等様々なものがありますが、中でもおすすめしたいのがRubyです。

日本人のまつもとゆきひろ氏が開発された言語ということもあり、日本語のドキュメントが充実していて人気が高く、後述する通り便利なフレームワークもあるため初心者の学習に適しているといえます。

RB01-新・Ruby入門

Ruby on Rails

Rubyでの開発を簡素化するために、よく使われる機能等をまとめて使いやすくしたフレームワークがRuby on Railsです。

これを使うとコード量が少なく開発スピードが上がるため、実際の開発現場では必ずといっていいほど導入されています。

RR01-新・Ruby on Rails入門

サーバー構築技術(1)heroku

サーバーの構築や運用についても学ぶ必要があります。サーバー用の機器を購入して自宅で構築する方法もありますが、手軽に始められるPaaS(Platform as a Service)を活用するのが良いでしょう。

herokuではハードウェアの準備やOSのインストール等を行わず、アプリケーションのデプロイに集中できるので習得スピードを早められます。

heroku

サーバー構築技術(2)AWS

もう一つのおすすめはAmazon社が提供するAWSです。導入している企業が多いため、習得しておくと良いでしょう。

認定試験もあるので、転職活動を有利に進めるために取得を目指すのも良いかもしれません。

Amazon Web Service

開発基本ツール

オフィスで向かい合う同僚たち

開発に欠かせない基本ツールの使い方も習得する必要があります。Webエンジニアに限らず全てのエンジニアに必須のスキルです。

Git/GitHub

Gitはソースコードのバージョン管理システムです。

開発を進めていくとコード量が膨大になり複雑になってきますよね。

後から不具合が起きた場合の対応のため、どのバージョン以降から発生したのかを確認・修正したり、別の機能を派生的に追加したりする目的でソースコードを管理する必要があります。

ローカル環境で使用するバージョン管理システムとしては、SubversionやCVSといったものも有名ですが、より便利なGitが現在の主流です。

また、Gitのクラウド版であるGitHubは数千万人規模のユーザが利用しており、ソースコードの公開やそれを通した交流の場となっています。

WE16-Git / GitHub入門

Linux

サーバー環境はLinux上に構築されることが多いため、基本的なLinux操作方法について学ぶ必要があります。

まずは重要なコマンドを覚えることから始めると良いでしょう。

LS01-はじめてのLinuxサーバ(ローカル環境編)

まとめ

学習に励む女性

Webエンジニアになるために必要なスキルセットについてご紹介しました。初心者の方におすすめの講座情報も掲載していますので、ぜひチェックしてみてください。

学習方針確認のお助けになれば幸いです。

動画でプログラミング入門をしよう

オンライン学習サービスProglus(プログラス)でプログラミングを学び、創れる人になろう!

プレミアムプランを2週間無料体験しよう

今すぐ詳細を確認する

Filed Under: エンジニアへの道 Tagged With: AWS, Bootstrap, CSS, Git, GitHub, Heroku, HTML, JavaScript, Linux, Ruby, Ruby on Rails, SQL, Web開発, プログラミング入門, プログラミング学習

  • Go to page 1
  • Go to page 2
  • Go to page 3
  • Go to Next Page »

Primary Sidebar

Proglus(プログラス) 採用情報 FindU

Twitter

Follow @programmingnavi Tweets by programmingnavi

人気の記事

  • VirtualBoxでNATとホストオンリーアダプターによる安全なネットワーク環境構築方法
  • VSCodeで画像が表示されない場合の対処法
  • VSCodeの基本~プロジェクトフォルダの設定方法について解説します!
  • Visual Studio Codeのメニューを 日本語化する方法と英語化する方法について解説!
  • Node.jsをmacOSからアンインストールする方法
  • MySQL WorkbenchからMySQLサーバーへの接続時やSQLファイルを取り込み時にエラーが発生した時の対処方法
  • JavaScriptの「net::ERR_FILE_NOT_FOUND」エラーが出る原因と対処方法を紹介!
  • 【Arduino入門】LCD(液晶ディスプレイ)に文字を表示しよう
  • MySQLをXAMPPを使ってWindows環境にインストールする方法
  • MAMP for MacOSによるMySQLのインストール方法

最近の投稿

  • 【SQL】ER図(Entity-relationship Diagram)について解説します!
  • 【MySQL】公式インストーラー(dmg)を使って、MySQLサーバーをmacOSにインストールする方法を解説
  • 【AWS Cloud9】Gitで使用するエディタを再起動してもvimの設定にする方法
  • 【VSCode】アクティビティバーに拡張機能アイコンが表示表示されていない場合の解決方法
  • 【Windows】Gitをインストールする方法についてプログラミング入門者向けに解説します

カテゴリー

  • Arduino入門
  • AWS
  • その他
  • エンジニアのしごと
  • エンジニアへの道
  • ツールの使い方
  • ニュース
  • プログラミング入門
  • 電子工作入門

タグクラウド

AI AWS AWS Cloud9 Cloud9 CodeWing CSS Emmet GCP Git GitHub Heroku HTML JavaScript Linux macOS MySQL MySQL Workbench node.js Nuxt.js Proglus Python Ruby Ruby on Rails SQL Udemy Visual Studio Code vscode Vue.js Web開発 Windows インストール エラー エンジニア オンライン学習 サーバー スクリーンショット セール プログラミング プログラミング入門 プログラミング学習 ユーデミー 初心者 未経験 機械学習 開発環境構築

アーカイブ

  • 2023年1月
  • 2022年12月
  • 2022年11月
  • 2022年10月
  • 2022年9月
  • 2022年8月
  • 2022年7月
  • 2022年4月
  • 2022年3月
  • 2022年2月
  • 2022年1月
  • 2021年10月
  • 2021年9月
  • 2021年8月
  • 2021年6月
  • 2021年4月
  • 2021年3月
  • 2021年1月
  • 2020年12月
  • 2020年11月
  • 2020年10月
  • 2020年9月
  • 2020年8月
  • 2020年7月
  • 2020年5月
  • 2020年4月
  • 2020年3月
  • 2020年2月
  • 2020年1月
  • 2019年11月
  • 2019年9月
  • 2019年7月
  • 2019年6月
  • 2019年5月
  • 2019年4月
  • 2019年3月
  • 2019年2月
  • 2019年1月
  • 2018年12月
  • 2018年11月
  • 2018年10月
  • 2018年9月
  • 2018年8月
  • 2018年7月
  • 2018年6月
  • 2018年5月
  • 2018年4月
  • 2018年3月

検索

Copyright © 2023 · programmingnavi.com ・About・プライバシーポリシー