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週間無料体験しよう

今すぐ詳細を確認する

【新コース公開】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 とは？」

数年で流行が去ってしまうフレームワークも多い中で、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週間無料体験しよう

今すぐ詳細を確認する

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週間無料体験しよう

今すぐ詳細を確認する

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

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

はじめに

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入門

サーバー構築技術(１)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週間無料体験しよう

今すぐ詳細を確認する

【サポート】Rails 実行時に no connection poolが発生した場合の対応

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

Railsプロジェクトを新規に作成し、ブラウザで確認した時に次のようなエラーが発生する場合があります。

この記事は、オンラインプログラミング学習講座「Web開発入門完全攻略コース」と「よくわかるRuby on Rails入門-RubyとRailsを基礎から学びWebアプリケーションをネットに公開しよう」のサポート記事です。

エラー概要

ActiveRecord::ConnectionNotEstablished
No connection pool with 'primary' found.

原因

gem ‘sqlite3’ が、2019/2/4に 1.3.13から1.4.0にアップデートされたため。

対応方法

gem sqliteのバージョンを明示的に、1.3系を利用するように、指定する。

手順

① Gemfileを開く

② gem ‘sqlite3’ の行に追記

gem 'sqlite3', '~&gt; 1.3.6'

として、ファイルを保存します。

③ インストールされるGemをアップデートします。

$ bundle update

④データベースの作成を行います。

$ rails db:create

以上。

動画で学習する。

YouTubeに手順の動画をUPしましたので、必要に応じて参照してください。

おわりに

この記事では、Rails 実行時に no connection poolが発生した場合の対応について説明しました。

確認環境

Ruby 2.5.1
Ruby on Rails 5.2.1
DBにsqlite利用時

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

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

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

今すぐ詳細を確認する