ruby
記事の概要 この記事では、私が作成したポートフォリオの解説をします。コンテンツ投稿、管理、その他の営業に利用できるサービス機能をつけた、お店の個人ホームページです。管理者のみ、コンテンツのCRUD機能やその他の機能が使える仕様にしています。一般…
すること ユーザーの永続的ログインシステムの続き 管理人をユーザーモデルで作成 ログインのcontroller作成やルーティング設定 ログインのビュー作成 ログイン機能作成 ちょっと発展機能を加える ログイン機能を実装したことによって利用できること 5のログ…
すること ユーザーのログインシステムの続き 管理人をユーザーモデルで作成 ログインのcontroller作成やルーティング設定 ログインのビュー作成 ログイン機能作成 ちょっと発展機能を加える ログイン機能を実装したことによって利用できること 4まできたので…
link_toメソッドは、HTMLのaタグにです。 いろんな使い方を見てきたのでメモ。 指定したリンクへ移動するための、テキストを表示させる 第一引数は表示させるテキスト、第二引数はリンクを書きます。 <%= link_to “詳細をみる”, “http://www.example.co.jp/p…
長い間避けてたCarrierWave画像投稿のテストをついにやってみる。ドキュメントが英語だったので逃げてました笑 条件 rails 5.1.7 carrierwave 1.2.2 CarrierWaveを設定する config/initializers/carrierwave.rb CarrierWave.configure do |config| ・ ・ con…
実現するもの HPのトップページで最新記事3件がよくあります。 Articleモデルから3件の記事を更新順に抽出して表示していきます。 使っているArticleモデルはこんな感じ。 content、記事の内容についてはHTML文を保存しています。 home.html.erb <% if @top…
すること ユーザーのログインシステムの続き 管理人をユーザーモデルで作成 ログインのcontroller作成やルーティング設定 ログインのビュー作成 ログイン機能作成 ちょっと発展機能を加える ログイン機能を実装したことによって利用できること 前編で3まで…
実現すること FullcalenderとGoogleカレンダーの連携の際、GoogleカレンダーAPIのキーなどを設定するのにJavascriptを使います。 そこでAPIのキーをgithubなどで公開しないように、環境変数に隠す方法のメモ。 調べてみたら結構簡単でした。 calender.js $(d…
作ったもの こちらのように商品などの投稿システムには欠かせない「画像投稿機能」を実装していきます。 Gemインストール バージョンも指定しております。 mini_magickと本番環境でのアップロード用のfogも入れています。 Gemfile gem 'carrierwave', '1.2.2…
作ったもの HPを作成したのですが、管理人だけがページを閲覧しながら記事などの投稿や編集、削除を行えるようにしたかったので、動画のようにログイン後に同じnewsのページに移動すると投稿機能が使えるようになっています。この記事では「ログイン機能」の…
実現すること フォームに何も入力されてない状態で投稿ボタン押すなどするとアラートが出るやつです。 方法 例としてProductモデルを使います。バリデーションは下記の通り↓ product.rb class Product < ApplicationRecord validates :name, presence: true,…
実現すること 記事投稿をした場合、投稿日を表示することがあると思います。 ↑記事タイトルの隣の日付ですArticleモデルから新たな記事を作れば、自動的にcreated_atカラムが登録されるのでそこの情報から日付を表示させればできそうしかしでcreated_atカラ…
基本形 <%= render partial: 'articles/article', locals: { article: @article } %> _article.html.erbの部分テンプレートにarticleと言う名前で@articleのインスタンスを使用します。 省略形 <%= render 'articles/article', article: @article %> さらに…
実現すること HPによくあるTOPニュースで記事内容の概要が書かれている。↓こんな感じで内容が長いと「...」とかなるところ 今回はこれを表示できるようにしたい。 モデルの状態とか対策なしの場合の状況 Articleモデルのcontentカラムにhtml文で記事内容を保…