[Ruby on Rails] 静的ページを簡単に作ってみよう!

Ruby on RailsでWebアプリケーションを作成していると、必ずしもすべて動的なページではないかと思います。

例えば、会社情報、プライバシーポリシー、利用規約などは静的ページになります。

このような静的ページを作る時、routesなどを設定するのが面倒という方に最適なGemがありました。

今回は「high_oltage」というgemを使用して静的ページを作成していきたいと思います。

是非、最後まで読んで頂けたらと思います。

まず始めに「high_voltage」のGemをインストールしていきます。

以下のようにGemfileを記述して下さい。

上記のように記述してファイルを保存したら、以下のようにコマンドを入力して下さい。

これで「high_voltage」というGemを使用することができるようになりました。




2.静的ページを作成する

「views」ディレクトリ内に「pages」ディレクトリを作成しましょう。

注意

既に「pages」ディレクトリを使用している場合、「high_voltage」のgemを使用することはできません。

それでは会社情報を記述するページを作ってみましょう。

pagesディレクトリの中に「company.html.erb」を作ります。

company.html.erbにコードを記述していきましょう。




3.サーバーを起動して確認する

以下のようにサーバーを起動して作成したページにアクセスしてみましょう。

以下が今回作成した会社情報を記述したページになります。

※「/pages/company」にアクセスしてみましょう。

無事に会社情報のページが表示されました。




4.Ruby on Railsを学ぶことができるオススメの教材

Ruby on Railsを学習している皆様にオススメの教材をご紹介させていただきます。

現場で使える Ruby on Rails 5速習実践ガイド

以下の本はRuby on Railsの学習を一通り終えてある程度知識を身につけた方にオススメしたい本です。

 

現場で使える Ruby on Rails 5速習実践ガイド」は現場で実際にどのように使われているのかという視点も交えて解説されています。

そのため、初心者の方が次のステップに進むために最適な本となっていますので、オススメです。

これらの本で是非学習を進めてみてはいかがでしょうか?

レベル別におすすめの本も紹介していますので、どのような本がオススメか知りたい方はこちらもご覧になって下さい。

[2021年最新版] Ruby on Rails を学ぶことができるおすすめの本/参考書

Udemy

UdemyではRuby on Railsを学ぶことができる講座を多数取り扱っています。

以下の記事でRuby on Railsを学ぶことができるオススメの講座をまとめていますので、よかったらご覧になって下さい。

[2021年最新版] Udemy(ユーデミー) おすすめのRuby on Rails講座

プログラミングスクール

TechAcademyWebCampCodeCampTech CampなどでRuby on Railsを学ぶことができます。

それぞれ無料体験も行っているので、どのようなものか試してみるのもいいでしょう。

以下の記事で各プログラミングスクールをまとめているのでこちらもよかったらご覧になってください。

いくら? 悪評は? TechAcademy(テックアカデミー)とは? 口コミもまとめてみました! [受講した方の感想アリ!] DMM WEBCAMP SKILLSとは? 料金・口コミをまとめてみた! [課題が難しい?] 初心者向け! CodeCamp(コードキャンプ)とは? 特徴・料金・口コミをまとめてみました! [感想・体験談アリ!] 実際にTech Camp(テックキャンプ)のプログラミング教養でプログラミングをやってみた! [体験談] Tech Camp(テックキャンプ)のプログラミング教養の学習内容は? 働きながらTECH CAMP(テックキャンプ)で学ぶことはできるのか? 結論:可能です! TECH CAMP(テックキャンプ)ではどのような言語・技術を学ぶことができるの? TECH CAMP(テックキャンプ)の受講料はどのくらい? 安く通う方法もお話します! [体験談・感想あり!]TECH CAMP(テックキャンプ)でどのようなスキルが身につくの?




5.まとめ

「high_voltage」というGemを使用することでルーティング、コントローラーの設定をせずに簡単に静的ページを作成することができました。

静的ページを作成したい方は是非、使用してみてはいかがでしょうか。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です