基本的なWEBアプリケーション

Created by Myriam Leggieri, @iammyr for Rails Girls Galway

このガイドでは、Ruby on Rails Tutorialはじめてのアプリを作る、そして 画像のサムネイルを作ってみようDeviseによる認証を追加してみようHTML と CSS を使ってアイデアのページをデザインしてみようOpenShiftであなたのアプリをオンラインにあげようコメント機能を追加しよう のチュートリアルといった基礎的なガイドを統合、適用しています。

ツールを知る

 

テキストエディタ

Sublime TextKomodo Edit、Vim、Emacs、Geditなどのテキストエディタを使用して、コードを書くことやファイルを編集することができます。

 

ターミナル(Windowsではコマンドプロンプトと呼ばれています)

Railsサーバーを起動し、コマンドを実行する場所です。

 

ウェブブラウザ

(Firefox、Safari、Chrome)アプリケーションを表示するために使用します。

GitHub

Slides - by Kevin Lyda @

重要

自身のオペレーティングシステムの手順で進めることが重要です。Windowsコンピュータで実行する必要があるコマンドは、MacやLinuxとは異なります。問題が起きた場合は、コマンド欄で適切なオペレーティングシステムが選択されているか確認してください。

1. アプリケーションの作成

新しいRailsアプリをrailsgirls-galway-2014という名前で作成します。

まず、ターミナルを開きましょう:

  • macOS: Spotlightを開き、Terminalと入力してTerminalアプリケーションをクリックします。
  • Windows: スタートをクリックし、Command Promptを探して、Command Prompt with Ruby and Railsをクリックします。
  • Linux(Ubuntu/Fedora): ダッシュからTerminalを検索し、Terminalをクリックします。

次に、ターミナルに以下のコマンドを入力します:

mkdir projects

projectsという名前のディレクトリが作成されたことを確認するには、ディレクトリを一覧できるコマンドlsを使用します。出力にprojectsディレクトリが表示されるはずです。以下を実行して、現在いるディレクトリをprojectsフォルダに変更します:

cd projects

再度lsコマンドを実行することで、空のディレクトリやフォルダにいることが確認できます。次に、railsgirlsという名前の新しいアプリを作成するために、以下を実行します:

rails new railsgirls-galway-2014

これにより、railsgirlsフォルダ内に新しいアプリが作成されます。現在いるディレクトリをRailsアプリの内部に変更するため、以下を実行します:

rvm rubygems latest
cd railsgirls-galway-2014

ディレクトリ内でlsを実行すると、appconfigなどのフォルダが見えるはずです。その後、以下を実行してRailsサーバーを起動します:

rails server
mkdir projects

projectsという名前のディレクトリが作成されたことを確認するには、ディレクトリを一覧できるコマンドdirを使用します。出力にprojectsディレクトリが表示されるはずです。以下を実行して、現在いるディレクトリをprojectsフォルダに変更します:

cd projects

再度dirコマンドを実行することで、空のディレクトリやフォルダにいることが確認できます。次に、railsgirlsという名前の新しいアプリを作成するために、以下を実行します:

rails new railsgirls-galway-2014

これにより、railsgirlsフォルダ内に新しいアプリが作成されます。現在いるディレクトリをRailsアプリの内部に変更するため、以下を実行します:

cd railsgirls

ディレクトリ内でdirを実行すると、appconfigなどのフォルダが見えるはずです。その後、以下を実行してRailsサーバーを起動します:

rails server

ブラウザでhttp://localhost:3000を開きます。「ようこそ」というページが表示されれば、新しいアプリの生成が正しく行われたことを示します。

このウィンドウではコマンドプロンプトが表示されていないことに注意してください。なぜなら、現在Railsサーバー内にいるためです。コマンドプロンプトは次のように表示されます:

$
>

コマンドプロンプトが表示されていない状態では新しいコマンドを実行することはできません。cdや他のコマンドを実行しても機能しません。通常のコマンドプロンプトに戻るには:

ターミナルで Ctrl+C を押し、サーバーを終了します。

Help from the coach

各コマンドが何をするのか説明してください。

What is a web application and a server - Slides by @ The skeleteon generated by “rails new” reflects the Model-View-Controller - Slides by @ architectural pattern.


もっと学びたいですか? 他のガイドも見てみましょう!