マガジンのカバー画像

railsで簡単なメモアプリ作成

6
rails初学者のアウトプット記事になります。機能としては初歩の技術になりますが、MVCや7つのアクションの理解にはちょうど良いかと思い作成しました。
運営しているクリエイター

記事一覧

(6)Railsで簡単なメモアプリを作ってみる

(6)Railsで簡単なメモアプリを作ってみる

今回はSCSSの@mixinで同じような記述をまとめていきます。
また、修飾もしていきます。
以前まとめた記事 → SCSSのmixinが優秀すぎたのでまとめます。

mixinの設定app/assets/stylesheets/memo.scss

.notification { .notice { background-color:blue; color: white; text-

もっとみる
(5)Railsで簡単なメモアプリを作ってみる

(5)Railsで簡単なメモアプリを作ってみる

今回はエラーハンドリング を行っていきます。
エラーハンドリング とはエラーが発生した時のアクションを決める事です。
例えば、今回の投稿機能に空文字不可を追加してみます。

バリデーションをかけるapp/models/memo.rb

class Post < ApplicationRecord validates :content, {presence: true}end

validatesは

もっとみる
(4)Railsで簡単なメモアプリを作ってみる

(4)Railsで簡単なメモアプリを作ってみる

前回の作業で編集フォームと一覧表示が作成できました。
投稿 → (3)Railsで簡単なメモアプリを作ってみる

今回は削除機能を追加していきます。

destroyアクションの追加config/routes.rb

resources :memo, only: [:new, :create, :edit, :update, :destroy]

rails routesで確認すると、destro

もっとみる
(3)Railsで簡単なメモアプリを作ってみる

(3)Railsで簡単なメモアプリを作ってみる

前回の作業で新規投稿フォームとデータベースが作成できました。
投稿 → (2)Railsで簡単なメモアプリを作ってみる

今回は編集機能の追加をしていきたいと思います。
流れとしてはnew,createのアクションと同じです。

前回の作業解説・コントローラーにnewアクション追加
・routes.rbにパスを追記&rails routesで確認
・new.html.erbファイルを作成
・上記フ

もっとみる
(2)Railsで簡単なメモアプリを作ってみる

(2)Railsで簡単なメモアプリを作ってみる

今回はモデルの作成とフォームの作成を行い
実際にデータベースに情報を保存できるようにします。

モデルの作成rails g model post

migrateファイルやmodel/post.rbが作成されました。
db/migrate/~~_create_posts.rbはデータベースの設計図のようなもので
このファイルの中身を弄ってmigrateコマンドを入力することにより
データベースが定

もっとみる
Railsで簡単なメモアプリを作ってみる

Railsで簡単なメモアプリを作ってみる

RubyのフレームワークRailsを使用して、簡単なメモアプリを作ってみようと思います。初学者の投稿ですので、同じように作っても動かない可能性がありますのでご了承ください。

開発環境macOS Catalina バージョン10.15.5
ローカル開発
macの標準ターミナル
GoogleChrome
サーバー:MySQL
エディタ:VScode
ruby 2.5.1 Rails 5.2.4.3 

もっとみる