ポートフォリオ

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ポートフォリオ作成【設計編】準備

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

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

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

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

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

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

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

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

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

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

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