プログラミング入門ナビ

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

You are here: Home / 2018 / Archives for 9月 2018

Archives for 9月 2018

Visual Studio CodeでEmmet省略記法を有効にする

By

Visual Studio Code（VS Code）でEmmet省略記法を有効にする方法について説明いたします。
デフォルトではOFFになっているため、ONに設定する必要があります。

Emmetは、主にHTMLやCSSの記述をサポートしてくれるライブラリです。

設定画面を開く

メニュー > 基本設定 > 設定

既存の設定を上書き

下記を追加

“emmet.triggerExpansionOnTab”: true

動作確認

htmlファイルで、下記のように入力

div>ul>li

Tabキーを押すと展開される

 

 

 

 

動作確認環境

  • Visual Studio Code 1.26.1
  • macOS High Sierra

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

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

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

今すぐ詳細を確認する

Ruby on Railsでバージョンを指定してプロジェクトを新規作成する方法

By

Ruby on Railsでバージョンを指定してプロジェクトを新規作成する方法について説明いたします。
プログラミング入門講座や、実務の開発プロジェクトで、Railsのバージョンを指定されていることはよくあります。
なぜならば、Railsのバージョンを変えたことで、プログラムの動作に不具合が発生する場合があるからです。
ただし、Webサービスの実際の運営では、セキュリティ等も問題から基本的には最新のバージョンを利用していく方針が望ましいです。

例題

Ruby on Rails バージョン 5.1.6を指定して、Ruby on Railsのプロジェクトを新規作成する。

流れ

  1. 使用できるRailsのバージョン一覧を確認
  2. （該当のバージョンが一覧無い場合） Ruby on Rails バージョン 5.1.6をダウンロード
  3. 使用できるRailsのバージョン一覧を再度確認
  4. Railsプロジェクトの新規作成
  5. 動作確認

1. 使用できるRailsのバージョン一覧を確認

$ gem list rails

*** LOCAL GEMS ***

autoprefixer-rails (9.1.2, 6.7.7.2)
coffee-rails (4.2.2, 4.2.1)
factory_bot_rails (4.10.0)
jquery-rails (4.3.3, 4.3.1)
rails (5.2.1, 5.1.1)
rails-controller-testing (1.0.2)
rails-dom-testing (2.0.3)
rails-html-sanitizer (1.0.4)
rspec-rails (3.8.0)
sass-rails (5.0.7, 5.0.6)
sprockets-rails (3.2.1, 3.2.0)

→ Ruby on Rails のバージョン5.2.1, 5.1.1が利用できることが確認できます。
5.1.6は利用出来ないので、ダウンロードする必要があります。

2. Ruby on Rails バージョン 5.1.6をダウンロード

$ gem i -v 5.1.6 rails

3. 使用できるRailsのバージョン一覧を再度確認

$ gem list rails

*** LOCAL GEMS ***

autoprefixer-rails (9.1.2, 6.7.7.2)
coffee-rails (4.2.2, 4.2.1)
factory_bot_rails (4.10.0)
jquery-rails (4.3.3, 4.3.1)
rails (5.2.1, 5.1.6, 5.1.1)
rails-controller-testing (1.0.2)
rails-dom-testing (2.0.3)
rails-html-sanitizer (1.0.4)
rspec-rails (3.8.0)
sass-rails (5.0.7, 5.0.6)
sprockets-rails (3.2.1, 3.2.0)

→ “rails の、5.2.1, 5.1.1, 5.1.6が利用できることが確認できます。

4. Railsプロジェクトの新規作成

$ rails _5.1.6_ new sample_app

このようにバージョンを指定します。

5. 動作確認

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

$ cd sample_app/

railsサーバの起動

$ rails s
=> Booting Puma
=> Rails 5.1.6 application starting in development 
=> Run `rails server -h` for more startup options
Puma starting in single mode...
* Version 3.12.0 (ruby 2.5.1-p57), codename: Llamas in Pajamas
* Min threads: 5, max threads: 5
* Environment: development
* Listening on tcp://0.0.0.0:3000
Use Ctrl-C to stop

Webブラウザで動作確認

http://localhost:3000/
を表示。

動作が確認できました。
Rails version: 5.1.6であることも確認できます。

おわりに

この記事では、Ruby on Railsでバージョンを指定してプロジェクトを新規作成する方法について、プログラミング入門者向けに説明しました。

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

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

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

今すぐ詳細を確認する