Railsポートフォリオにゲストユーザー向けログインを作る

こんばんは! 一生懸命ポートフォリオ作ってるんですけど、 見てもらわないと意味がないじゃないですか・・ 思ったんですよ・・ 見る側の人って、いちいち新規ユーザー登録なんかしてくれるのか? 【学習アウトプット2】離脱率を下げる!かんたんログイン機…

herokuを24時間稼働させる設定

herokuは30分アクセスがないとスリープモードになる 知ってましたか? herokuに自分のポートフォリオをあげてて、仕事の休憩時間に自分のサイトに入ろうとしたんですよ。 入れないんですよ!!!! 対処法 Heroku Schedularで叩き起こす heroku注意報 heroku…

Railsのmaster.keyで泣くほどハマった・・

rails6とherokuとmaster.keyと私。。 半ベソで5時間の格闘の末に解決できたのでまとめる 激闘の火蓋を切ったエラーがコチラ ActiveSupport::MessageEncryptor::InvalidMessage herokuへのpushは何度もしていたが、ずっとローカル環境でしか確認していなかっ…

Rails Flashメッセージで遊んでみた

現在作成しているポートフォリオのFlashメッセージにオリジナリティを加えてみた 弄った内容は、Flashに分岐をつけて状況によって内容を変化させる。そして、message_typeによってアイコン画像も変化させる。 てな感じ めちゃくちゃいいです!!! 自分の作…

Datepickerが読み込まれない?? バグ?を見つけたので対処する

よろしくお願いします。 yukitoku-sw.hatenablog.com この記事でBootstrap Material DatepickerのCDN版を実装しました。 上手くいっていいたんですが別の作業をしていたときに上手く読み込まれていなかったので対処しました。 内容 ul.nav.nav-pills.nav-jus…

TodoAppに期限日をつける 力技で条件分岐させる編

前回に続き期限日機能の実装を行っていく ただ単にそのまま日付を表示しても面白くないのでちょっといじるよ オリジナルでメソッドを作ってみた オリジナルでメソッドを作ってみたcss編 オリジナルでメソッドを作ってみた [ tasks_helper.rb ] module TasksH…

TodoAppに期限日をつける 一番簡単なDatePicker編

ポートフォリオとして作成中のTodoAppに期限日機能を付けていきます Taskテーブルにdeadline:dateカラムを加える StrongParameterに:deadlineを追加する Viewをいじる Bootstrap Material DatePicker Taskテーブルにdeadline:dateカラムを加える % rails g m…

rails_autolinkとsimple_formatでコンテンツ内URLをリンクに変換してみた

自作のTodoAppの記事内にURLを貼ってそれをurlと認識して欲しい!!! と思い調べると、 [Ruby][Rails]テキスト内のURLをaタグに書き換える - Qiita ふむふむ 難しいな・・ ruby on rails - Railsでユーザーが投稿したテキストにURLがあればリンクとして表示…

Rails6 でTodoApp作るぜ part7 タイムゾーンを日本時間にする

今回は、超絶簡単。 表示形式を変更する config.time_zone = 'Asia/Tokyo' を追加するだけです! [ config/application.rb ] require_relative 'boot' require 'rails/all' # Require the gems listed in Gemfile, including any gems # you've limited to :…

Rails 6 でTodoApp作る part6

今回は、Taskテーブルにdone:booleanを加えて、todoリスト・doneリストに分ける ※次回予告は確定ではありません。 Taskテーブルにdoneカラムを追加 Seedを変更 Routingの編集 Controllerの編集 Viewの実装 Taskテーブルにdoneカラムを追加 % rails g migrati…

Rails 6 でTodoApp作る part5

プロフィールの編集を制限する 自分のページのみ編集ページへのリンクを表示する URL直打ちでのアクセスを防ぐ フィルタを使い重複を避ける i18nで日本語対応にする プロフィールの編集を制限する 自分以外のユーザーの編集をできなくする 現状、ログインし…

Rails 6 でTodoApp作る part4

機能武装していきます。 Seedsでサンプルデータ投入 Ransackで検索機能 ActiveStorageで画像添付機能 Kaminariでページネーション まず初めに Seedsでサンプルデータ投入 fakerを利用してサンプルデータを大量に投入する。 Gemfileにgem 'faker'を記入してbu…

Rails 6 でTodoApp作るぜ part3

今回はUserを作ってログインとかするぜ Userモデル作成 users_controllerの作成 routesの設定 controllerの設定 viewsの作成 ログイン機能を実装する ControllerをGしてRoutsをdescribeする Viewの作成 Controllerを実装する ログイン情報の取得をメソッド化…

Rails 6 でTodoApp作るぜ part2

今回は、TodoAppの本体Taskモデル・Tasksコントローラー・各種ビューを作る Taskモデル作成 コントローラーとビュー まずはRoutesを設定 コントローラー ビューズ ヘッダーの作成 モデルに検証機能を加える Taskモデル作成 テーブル設計 名称 カラム名 デー…

Rails 6 でTodoApp作る part1

Rails6を使って簡単なTodoAppを作っていきます。 後から自分で見て復習できるような感じで書いていきます。 初期設定 slim化 Rails 6 + webpacker + Bootstrap Yarnの設定 環境 macローカル Ruby 2.6.5 Rails 6.0.2.1 % rails new todo_app % cd todo_app % …

Railsポートフォリオ作成【実装編】Userモデルを作る②

今日は休み!肉体労働者です。 前回 yukitoku-sw.hatenablog.com では、とことん作っていくっ Userモデル Userコントローラー viewをざっくり をやりたい ユーザー登録機能を作る GitHubをフル活用 % git checkout -b sign-up よし scaffoldで作ったUserは、…

Railsポートフォリオ作成【実装編】Userモデルを作る

昨日はYouTubeのせいで更新できませんでした。肉体労働者です。 今日もポートフォリオ作成を行っていくっ 前回 yukitoku-sw.hatenablog.com 前回Gitで管理する方法を学んで思ったんだが、ガントチャートを書き直す必要がある ざっくりとそのまま真似したのが…

Railsポートフォリオ作成【設計編】準備

今日は定時で帰れてハッピーな肉体労働者です。 今日もポートフォリオ作成を進めていくっ 前回 yukitoku-sw.hatenablog.com 今回は設計編、準備。ということでチョコチョコやってGitHubにリポジトリを作成までいきたい! まずは、バージョン確認 そして、rai…

Railsポートフォリオ作成【設計編】機能設計

とても眠い、肉体労働者です。 今日も、ポートフォリオ作成を行っていく 前回 yukitoku-sw.hatenablog.com 今回は、機能設計! もっというとコントローラーの設計 こんな感じ 作成したワイヤーフレームにメモを貼り付け、各ボタンごとにどのような挙動をする…

Railsポートフォリオ作成【設計編】データモデルを設計する

とっても眠いです。肉体労働者です。 前回に続きポートフォリオを作成していく〜 yukitoku-sw.hatenablog.com 今回はデータモデルの設計をする 「データモデルの設計」と調べてもよくわかりません なんか、難しい、すごい、複雑なデータモデル設計のものばか…

Railsポートフォリオ作成【設計編】デザインをざっくり考える

残業後の肉体労働者です。 今日もポートフォリオ作成の続きをやっていきます! 前回 yukitoku-sw.hatenablog.com 今回は、デザインをざっくり考える!! いろいろなサイトでアプリ・サイトのデザインを見てみました が、 よくわからん なので、Facebook & In…

Railsポートフォリオ作成【設計編】ワイヤーフレームを作る

今日はカレーを作ってみました、肉体労働者です。 前回に続きポートフォリオの作成をする yukitoku-sw.hatenablog.com 今回はワイヤーフレームを作りました こんな感じ。 難しいことは考えず、railsチュートリアルでやったような構成にしました TOPページ Us…

Railsポートフォリオ作成【設計編】サイトマップ作成

指が痛い肉体労働者です。 前回に続きポートフォリオ作成する yukitoku-sw.hatenablog.com 今回はサイトマップの作成 これでいいのか? これでいいんか?? とりあえずこれでいく。 Canvaというサイトを利用しました。 https://www.canva.com/ 素材を組み合…

Railsポートフォリオ作成【準備編】

エンジニアになりたい肉体労働者です。 Railsチュートリアルなど、などなど終わったのでポートフォリオ作成に移る。 その内容を記していく。 思いつくままにコードを書き殴っていたんですが、あっち行ったりこっち行ったりで全然進まないので下記記事を参考…

Railsチュートリアル演習問題と解答まとめのまとめ

Railsチュートリアル演習問題と解答まとめを1章から14章までやり切ったのでまとめます。 第1章ゼロからデプロイまで 第2章Toyアプリケーション 第3章ほぼ静的なページの作成 第4章Rails風味のRuby 第5章レイアウトを作成する 第6章ユーザーのモデルを作成す…

Railsチュートリアル機能拡張【マイクロポスト検索】

Railsチュートリアルで作ったsample_appに機能を拡張していく 今回は、前回に続きRansack Gemを利用してマイクロポスト検索機能を組み込みます。 yukitoku-sw.hatenablog.com 下記の記事を参考にさせていただきました。 https://github.com/activerecord-hac…

Railsチュートリアル 機能拡張【ユーザー検索】

Railsチュートリアルで作ったsample_appに機能を拡張していく 今回は、Ransack Gemを利用してユーザー検索機能を組み込みます。 下記の記事を参考にさせていただきました。 https://github.com/activerecord-hackery/ransack https://qiita.com/YN6127yn/ite…

第14章Railsチュートリアル演習問題と解答まとめ

Ruby on Railsチュートリアルの演習問題と解答をまとめる。 第14章 ユーザーをフォローする - Railsチュートリアル アウトプットすることで、より自分の理解を深めることを目的としています。 自分なりに調べて考えた回答のため、記載内容に誤りがある場合は…

第13章Railsチュートリアル演習問題と解答まとめ

Ruby on Railsチュートリアルの演習問題と解答をまとめる。 第13章 ユーザーのマイクロポスト - Railsチュートリアル アウトプットすることで、より自分の理解を深めることを目的としています。 自分なりに調べて考えた回答のため、記載内容に誤りがある場合…

第12章Railsチュートリアル演習問題と解答まとめ

Ruby on Railsチュートリアルの演習問題と解答をまとめる。 第12章 パスワードの再設定 - Railsチュートリアル アウトプットすることで、より自分の理解を深めることを目的としています。 自分なりに調べて考えた回答のため、記載内容に誤りがある場合はコメ…