No_ideaのわからん日和

✏️...プログラミングが全然出来ない奴がわからんわからん言いながら様々な構文(記述方法やエラー構文など)と奮闘しながら成長していく成長記録です🐢

Ruby on Rails: チャットメッセージ実装(自動更新機能まで)...chapter18-2

①タイムゾーンの設定 2020年9月1日みたいな感じで投稿した日にちを表示したいのでタイムゾーンを設定していきます。 config/application.rb module Rensyu1 class Application < Rails::Application # Initialize configuration defaults for originally gen…

Ruby on Rails: チャットメッセージ実装(フォームから投稿・保存まで)...chapter18-1

①チャットメッセージモデルを作成 $rails g model chat_message ↓ https://gyazo.com/249510f902ab1ea526b27c5f2c82282f ②マイグレーションファイルの編集&マイグレーションを実行 先ほど作成したマイグレーションファイルを編集します。 class CreateChatM…

Ruby on Rails: チャットグループの修正...chapter17

エラーが出てしまったので修正しました。 ▼ エラー内容及び原因 ▼ (エラー内容→原因) ①チャットグループの詳細画面へ遷移するとエラーが発生 →チャットグループ情報を取得するべきところをユーザーidを取得していた ②カレントユーザーが二重でグループに保存…

Ruby on Rails: インクリメンタルサーチと非同期通信...chapter16

今回は非同期通信、インクリメンタルサーチをやりたいと思います。 jQueryを使用します。 jQueryとは Javascriptを扱いやすくしたものです。 Javascriptで10行くらいかけるものを1,2行で済ませてくれるのがjQueryです。 また、ブラウザによってJavascriptが…

Ruby on Rails: チャットグループ機能(アイコン表示)の実装(CarrierWave使用)...chapter15

今日はusersテーブルとchat_groupsテーブルにアイコンを保存できるように各user_iconカラムとchat_group_iconカラムを追加したいと思います。 そして↓のようにユーザーページにアイコンを編集できるようにして、チャットグループでもアイコンを選べるように…

Ruby on Rails: チャットグループの詳細ページ、編集、削除機能の実装...chapter14

今日やりたいこと ・チャットグループの詳細ページの作成 ・チャットグループ編集機能の実装 ・チャットグループ削除機能の実装 この3つをやろうと思います。 最初にチャットグループの詳細ページを作成します。 ①チャットグループの詳細ページの作成 1.コ…

Ruby on Rails: チャットグループ一覧ページの作成...chapter13-4

今回やりたいこと ・グループの新規作成機能の実装 ・チャットグループ一覧からチャット新規作成ページへ遷移できるようにする ・チャットグループ一覧へ所属するグループ名と参加人数を表示。 ①chat_groups_controller.rbの編集 $rails routes https://gyaz…

Ruby on Rails: チャットグループ一覧ページの作成...chapter13-3

今日の完成イメージ図: 今回やること ・ユーザーページからチャットグループ一覧ページへ飛べるようにする。 ・グループに参加していなければ『チャットグループに参加していません』と表示する。 ①チャットグループのコントローラー作成 $rails g controll…

Ruby on Rails: 中間テーブルを使用したチャットグループの設定...chapter13-2

今日はチャットグループの設定を行います。 ---------------- 今回行った事 ---------------- ①DB設計 ②モデル、テーブル作成 ③モデルの設定 ---------------------------------------------- ①DB設計 チャットグループを作成します。 チャットグループ一つ…

Ruby on Rails: ルートページの修正、ユーザーページの作成やルーティングの修正...chapter13-1

今回はユーザーページとルートページ(最初に出る画面)の修正及びルーティングのコードをすっきりさせ見やすくなるように実装していきます。 ユーザーページはあくまでもチャットページとブログ(ツイート)ページへのリンクを貼るまでに今は止めておきたいと思…

Ruby on Rails: devise導入〜ログインユーザーの投稿のみを表示...chapter12-2

deviseは簡単にログイン機能を作成できるgem(ライブラリ)で、deviseを導入しログイン画面を実装していきます。 今回作りたいイメージ図↓ https://gyazo.com/183a087aa2783223f8644a47ae6a8d48 ------------------------------------今回行った事------------…

Ruby on Rails: devise導入準備(作成してしまったUserテーブル、モデル、コントローラーの削除)...chapter12-1

次はdeviseを導入してメールやパスワードをカラムを追加して$rails db:migrateでマイグレーションを実行!!!←ここでエラーが発生する。 なので、今回はdeviseを導入する前にUsersテーブルの削除、Userモデル、コントローラーの削除をします。 ①モデルの削…

Ruby on Rails: form_withとストロングパラメーターの実験のまとめ...chapter11-2

1. permit(:title, :main)あり params.require(:tweet).permit(:title, :main) https://gyazo.com/3bc5de765b8d6bcce951069d338671c5 params.require(:tweet).permit(:title, :main)ではmodelを設定する必要がある。 また、不要な情報がある場合は外されて保…

Ruby on Rails: form_withとストロングパラメーターの実験...chapter11-1

編集機能の実装でform_withとストロングパラメーターで苦労したので、今回は新規作成ページと編集ページの2つで以下の順番で実験していこうと思います。 (例: ①url、model、methodあり 1. permit(:title, :main)あり 1-1 create 1-1-1 不要情報なし 1-1-2 不…

Ruby on Rails: 編集機能の実装...chapter10

間違えてツイートしてしまったものを再編集できるように実装していきます。 ----------------------------------やったこと------------------------------------------ ①ルーティングの設定(edit) ②コントローラーの設定(edit) ③ビューの作成(仮) ④詳細ペー…

Ruby on Rails: 新規作成機能の欠陥を直す!原因は。。。...chapter9

前回、このアプリには欠陥があると言ったがタイトルに書いたとおり新規作成に欠陥があります。 http://localhost:3000/tweets/newで新規作成ページからツイートしてみると。。。 投稿を押して、一覧へ戻ると、 投稿できてるが。。。 一覧ページから新規作成…

Ruby on Rails: ツイート削除...chapter8

-----------------------------------やったこと----------------------------------------- ①ルーティングを編集 ②コントローラーを編集 ③ビューを編集 ④ビューの確認 ----------------------------------------------------------------------------------…

Ruby on Rails: 部分テンプレートを使って一覧ページへ戻る...chapter7

--------------------------------やったこと-------------------------------------------- ①部分テンプレートを作成 ②renderを使って一覧ページへ戻れるように編集 ③実際に遷移するかテスト ------------------------------------------------------------…

Ruby on Rails: 詳細ページの作成〜一覧から詳細ページへ遷移できるようにする...chapter6

今日は詳細ページを作成します。 詳細ページといえば、showアクションだがアクション名を変更してやってみたいと思います。 ------------------------------------やること------------------------------------------ ①tweetsコントローラーのshowアクショ…

Ruby on Rails: タイトル一覧ページからツイート新規作成ページへ飛べるようにする...chapter5

☘前回 投稿一覧にタイトル1〜5までを表示しました。 今回は新規作成ボタンを作って、ツイート新規作成ページへ飛べるようにしたいと思います。 ボタンを作るためのヘルパーメソッドで思いついたのは「submit_tag」でした。 どう書くんだっけ? → 検索 出て…

Ruby on Rails: ツイートタイトルを一覧表示する...chapter4

------------------------------今回やったこと----------------------------------------- ①コントローラーのindexメソッドに扱いたい情報を追加する ②app/views/tweets/index.html.erbを編集 ③$rails sでサーバーを立ち上げて、http://localhost:3000/twee…

Ruby on Rails: ツイート新規作成画面の実装〜投稿されたツイートをDBに保存する...chapter3-3-2

▶︎newページ(ツイート新規作成)にタイトルと本文を書き込めるフォームを作成 -----------------------------今回やったこと------------------------------------------ ①tweets_controllerのnewアクションにインスタンスをつくり、インスタンス変数へ代入す…

Ruby on Rails: ビュー(時々ルーティングの見方)...chapter3-3-1

手順 コントローラー➡︎ルーティング➡︎ビュー モデルができた→DBとコントローラーの間の橋ができた。 ルーティングができた→これでユーザーがリクエストすればコントローラーに飛ばせる。 コントローラーができた→モデルもできるのでDBとのやりとりができる。…

Ruby on Rails: ルーティング...chapter3-2

手順 コントローラー➡︎ルーティング➡︎ビュー 今回はルーティングをつくる。 ②ルーティングの作成 ルーティングはユーザーがリクエストした時、はじめて動く部分。 そしてどのコントローラーを動かせば良いのか、アクションを動かせば良いのかをユーザーが送…

Ruby on Rails: コントローラー...chapter3-1

前回まででDBにカラムを作ったところまで行きました。 次やることはビューに映すところまでやりたいと思います。 そこで重要になるのはルーティング、コントローラー、ビューの3つ。 先に何をしたい?って考えたときに、画面を開いたときに今まで投稿したツ…

Ruby on Rails: DBにテーブルを作る〜テーブルにカラムを作成する...chapter2

DB設計は終わりました。 今回やりたいこと § DBにUsersテーブルとTweetsテーブルの作成 § 作ったテーブルに各カラムを作成 ①ModelにUserモデルとTweetモデルを作成 モデルはDBに値をとりに行ったり入れたりするために必要なもの。 $ rails g model User する…

Ruby on Rails: README.mdにDB設計を書く...chapter1-2

DBで管理したいテーブル、そのテーブル中のカラム、モデル同士の関係性(アソシエーション)を考える 1.必要なテーブルを考える →UsersテーブルとTweetsテーブルを作る。 ツイートを投稿するので Tweetsテーブルを作成。 その後、ユーザーと紐付けて管理したい…

Ruby on Rails: 何を作りたいかを考える〜$cdで作業したいフォルダ(作業ディレクトリ)に移動するまで....chapter1-1

①何を作りたいかを考える とりあえず、タイトルと本文に文書を書いて投稿できるものを作りたい。 そしてユーザーごとにツイートを管理したい。ということにしました。 ②$rails new アプリケーション名 アプリケーションを置きたい場所に「$cd ~作りたい場所…

Ruby on Rails: 挨拶 ...chapter0

プログラミング初心者です。 このブログは学習の記録にしていく予定です。 スクールに通いプログラミングの勉強はしたのですが、全くできない。。。って状態です。 開発のメンバーにはたくさん迷惑かけての卒業。。。 どのくらいできないかというと、、、 ↓…