Scaffoldで作成したアプリケーションを実行する

Scaffold コマンドを使って作成し、何もコードを追加していない状態のアプリケーションを実行してみて、どのようなことができるのかについて確認します。

(Last modified: )

アプリケーションを起動する

それでは作成したアプリケーションを起動します。コマンドプロンプトを起動し、アプリケーションディレクトリに移動したあと、次のように実行してください。

rails server

アプリケーションを起動する(1)

ブラウザから次の URL へアクセスして下さい。

http://localhost:3000/personals

アプリケーションを起動する(2)

追加されているデータの一覧が表示されるのですが、現在追加されているデータがないため何も表示されていません。

新しいデータを追加する

それでは新しいデータを追加してみます。画面上の「New personal」をクリックしてください。

アプリケーションを起動する(3)

データの新規登録画面が表示されます。

アプリケーションを起動する(4)

Name と Address に登録する内容を入力し、そのあとで「Create Personal」をクリックしてください。

アプリケーションを起動する(5)

新しいデータの追加が完了しました。

アプリケーションを起動する(6)

最初の画面に戻るために「Back to personals」をクリックしてください。

アプリケーションを起動する(7)

最初の画面が表示されました。現在データが 1 つ追加されているので、そのデータが表示されています。

アプリケーションを起動する(8)

同じ手順でもう一つデータを追加しました。

アプリケーションを起動する(9)

既存のデータを編集する

次に既存のデータを編集してみます。編集したいデータに表示されている「Show this personal」をクリックしてください。

アプリケーションを起動する(10)

対象のデータが表示されます。

アプリケーションを起動する(11)

データを編集する場合は「Edit this personal」をクリックしてください。

アプリケーションを起動する(12)

既存のデータの編集画面が表示されます。

アプリケーションを起動する(13)

必要な箇所を修正し、そのあとで「Update Personal」をクリックしてください。

アプリケーションを起動する(14)

既存のデータの編集が完了しました。

アプリケーションを起動する(15)

既存のデータを削除する

最後に既存のデータを削除してみます。編集したいデータに表示されている「Show this personal」をクリックしてください。

アプリケーションを起動する(16)

対象のデータが表示されます。

アプリケーションを起動する(17)

データを削除する場合は「Destroy this personal」をクリックしてください。

アプリケーションを起動する(18)

該当のデータの削除が完了し、データの一覧画面が表示されます。

アプリケーションを起動する(19)

このように Scaffold コマンドを使って作成された直後のアプリケーションを起動してみると、データの新規追加や編集、削除、データの一覧表示といった基本機能が、何もコードを追加しなくても行える状態になっていることが確認できます。

-- --

Scaffold コマンドを使って作成し、何もコードを追加していない状態のアプリケーションを実行してみて、どのようなことができるのかについて確認しました。

( Written by Tatsuo Ikura )

Profile
profile_img

著者 / TATSUO IKURA

プログラミングや開発環境構築の解説サイトを運営しています。