学生向けにプログラミングを解説。次>>「Puma」は、Railsを動かすためのWebサーバです。ここからはこの「Puma」を起動して、変更を目で確認しながら進めていきます。それでは、早速「Puma」を起動してみます。コマンドプロンプトを立ち上げて「shop」フォルダに移動します。server」と入力して下さい。起動完了するまで30秒くらいかかります。これで、Webサーバが起動しました。Railsを開発するときは常にこの「Puma」を起動しておく必要があります。更新ボタンを押すだけで変更が確認出来るようになりますので便利です。ブラウザで確認してみましょう。ブラウザを開いてアドレスバーに「http://localhost:3000/」と入力して下さい。下記のような画面にが表示されれば「Puma」が起動しているということになります。自動で作成されたフォームを開いてみましょう。モデル名はgoodsですので、ブラウザのアドレスバーに「http://localhost:3000/goods」と入力します。エラー画面がでました。「application.html.erb」ファイルの7行目にエラーがあるようです。」ファイルをテキストエディタで開いてみます。アップデートされたために起きているようです。スタイルシートを適用する時に問題になるので、ここで設定を修正して起きましょう。一度「Puma」を止めます。「Ctrキー+C」で停止出来ます。'1.8.0'」という記述を追加しましょう。coffee-script-source」と入力します。これでこのエラーは出なくなります。一度「Puma」を起動してブラウザで「http://localhost:3000/goods」を確認してみましょう。このようなindexページが表示されれば大丈夫です。商品を登録してみましょう。Good」リンクをクリックします。すると、商品登録フォームが表示されますのですべての項目に情報を入力します。最初の「Goods」のフィールドは、自動で作られたIDフィールドのようです。テーブルを作った時に設定した「goods_id」ではなさそうです。全部入力したら、一番下にある「CreateGood」ボタンを押して入力を保存して下さい。created.」と表示され、登録が出来たのを確認できます。登録した商品の内容も表示されています。画面下の「Back」ボタンを押してみてください。トップページに戻り、登録された商品のリストが表示されています。物品の右端には「Show」「Edit」「Destroy」の3つのボタンがあります。そのボタンは、自動で作成されたもので、実際に機能します。「Show」は内容の表示、「Edit」は編集、「Destroy」は破棄です。商品登録フォームのフィールドで、もし追加したい項目が増えたり、削除したい項目が出たらどのようにすればよいかやってみます。試しに「date」フィールドの削除をしてみましょう。「scaffold」を使用します。ここで、「Puma」を一度止めておいた方がよいでしょう。「db」フォルダの「migrate」フォルダにある「create_goods.rb」ファイルを一度削除します。その後、コマンドプロンプトで「shop」フォルダに移動して以下のように入力します。最初に作成したときと違うのは、「date:text」が無いだけです。途中でファイルを上書きするか何度か聞いてきますので「y」と入力してすべて上書きしてください。次にdevelopment.sqlite3データベースのgoodsテーブルからdateフィールドを削除します。development.sqlite3」と入力してdevelopment.sqlite3データベースに接続します。SQLiteではフィールドのみの削除が出来ないので一旦テーブルごと削除します。goods;」と入力します。「.q」で接続を解除します。db:migrate」を実行します。一度development.sqlite3データベースに接続して「.schema」コマンドでテーブルの内容を見てみます。「date」フィールドがなくなっているのがわかります。「Puma」を起動してブラウザで「http://localhost:3000/goods」を開いてみます。商品を登録するフォームには、Dateフィールドが無くなりました。これで削除作業は完了です。次に今削除したdateフィールドを追加してみましょう。一度「Puma」を止めます。「db」フォルダの「migrate」フォルダにある「create_goods.rb」ファイルを削除します。その後、コマンドプロンプトで「shop」フォルダに移動して以下のように入力します。削除の時と違うのは、「date:text」が追加になっているだけです。途中でファイルを上書きするか何度か聞いてきますので「y」と入力してすべて上書きしてください。次に、development.sqlite3データベースの「goods」テーブルに「date」フィールドを追加します。db:migrate」を実行します。「Puma」を起動して、ブラウザで「http://localhost:3000/goods」を開いてみます。無事Dateの項目が再び追加されました。まとめはてなブログをはじめよう!MrRadiologyさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。