- 1. 【個人開発】ソロ活をお助け！ひとり外食専用投稿アプリを作成しました🍽️【Rails】
- 2. 【Rails】delete_allでエラーが発生する
- 3. [ Rails ] アプリ内のコメント通知をLINEで行う方法
- 4. はじめに
- 5. 開発環境
- 6. 完成物
- 7. RSwagを使ったAPI仕様書の自動作成
- 8. プロフィール画像の編集を非同期処理で実装する方法
- 9. オブジェクトとハッシュを照合するには？flattenメソッドの使用
- 10. yarn install –check-filesをしたらnode-sassが読み込まれないエラー
- 11. 【Rails】rails assets:precompile実行によりCSSを更新できなくなった
- 12. [ Rails ] LINEアカウントIDを取得して個人アプリのユーザーIDと連携させる
- 13. はじめに
- 14. 開発環境
- 15. 完成物
- 16. YAMLの作法
- 17. Railsでアバター画像が設定されていないときにプロフィール編集ページにリダイレクトする設定方法
- 18. 【Rails】グループ機能の実装手順
- 19. [ Rails ] 個人アプリのユーザーに公式LINEを友達追加してもらい、LINEでメッセージを送信する
- 20. はじめに
- 21. 開発環境
- 22. 完成目標
- 23. deviseで作成したUserモデルに自分で設定したいフィールドを追加する方法
- 24. Rubyでの配列における |（和集合）と ||（論理演算）の違いを調べた
- 25. Bulletがいつも正しいわけではない？！
- 26. [ 個人開発 ] simple_calendarを使用してカレンダー機能を実装する
- 27. はじめに
- 28. 開発環境
- 29. 【GPT✖️Rails】GPTのAPIをRailsで使ってみた
- 30. AWSインフラ構築時のエラー対処備忘録
- 31. link_toメソッドを使った範囲リンクとネストした個別リンクの実装方法
【個人開発】ソロ活をお助け！ひとり外食専用投稿アプリを作成しました🍽️【Rails】
# はじめに
こんにちは、なかじ(@nakayama-bird)と申します。
現在、プログラミングスクールに通ってRuby on Railsを学習しております。
今回スクールの卒業制作として、ひとり外食に特化した飲食店の投稿アプリを作成しました。**サービスURL**
[Me Time Meals | ひとり外食投稿アプリ](https://www.metime-meals.com/)
**リポジトリ**
https://github.com/nakayama-bird/metime-meals
:::note warn
私はプログラミング学習中で、初学者です。
内容に誤りのある場合がございます。
もし間違いがあればご指摘いただけますと幸いです。
:::
## 目次
[1.アプリの紹介](#1-アプリの紹介)
[2.技術構成](#2-技術
【Rails】delete_allでエラーが発生する
## はじめに
Railsのアップデート中にdelete_allを使用している箇所でエラーが出たので、その対応をまとめます。## 問題
コード
“`ruby
User.delete_all(company_id: company.id)
“`エラー文
“`ruby
wrong number of arguments (given 1, expected 0)
“`## 解決方法
Rails7では、delete_allに引数を取れなくなっているので、whereを使用するように修正します。
“`ruby
User.where(company_id: company.id).delete_all
“`## 参考
https://qiita.com/migaruna_debu/items/ad685c6d75d7af5fa7d9
[ Rails ] アプリ内のコメント通知をLINEで行う方法
はじめに
こんにちは！
個人開発アプリの通知機能のまとめ記事です。
全3回構成となっており、今回は最終回として、アプリ内のコメント通知をLINEで行う方法について説明します。個人開発のまとめ記事はこちらからご覧ください。
https://qiita.com/CarBoss1996/items/63c14260fc7fe65da78e
前回記事たちはこちらからご覧ください。
https://qiita.com/CarBoss1996/items/e619335206076301e00f
https://qiita.com/CarBoss1996/items/fba0f499160f0d4530d7
開発環境
・Ruby on Rails 7.1
・Ruby 3.2.3完成物
ユーザーの投稿に新規コメントが作成されると、LINEに通知が送られます。
通知にはリダイレクトURLも含まれており、簡単にアプリに戻ることができます。– JavaScriptから画像をPOSTする
– POST後非同期処理でprofile画像を表示する### 具体的な方法
– axiosとrails-ujsを導入し、javascriptからpost/putする
– javascriptでプロフィール画像の設定状況を確認し、条件に応じて画像の出し分けをする### 前提
– rails6を使用
– UserとProfileは1
オブジェクトとハッシュを照合するには？flattenメソッドの使用
この記事はプログラミング学習者がアプリ開発中に躓いた内容を備忘録として記事におこしたものです。内容に不備などあればご指摘頂けると助かります。
###### 制作しているクローンアプリの中でControllerで取得したある２つのデータをハッシュとオブジェクトの文字列という形で保存していました。これらのデータを称号する為に調べて実装した内容を掲載します。
## 実装したコードの紹介
“`ruby:tweets_controller.rb
def show
@tweet = Tweet.includes(images_attachments: :blob).find(params[:id])
@comments = @tweet.comments.includes(user: { icon_attachment: :blob }, images_attachments: :blob)
@replies = {}
@comments.each do |comment|
@replies[comment.id] = Comment.whe
yarn install –check-filesをしたらnode-sassが読み込まれないエラー
自分用備忘録として作成
（初心者のため、もし違っていたら教えていただけると幸いです。）課題でクローンしたアプリケーションを立ち上げるためにyarn install –check-filesをしたら、
error /Users/yec2016/workspace/dpro/rails_refactoring_task/node_modules/node-sass: Command failed.とエラーが出た。環境は、
mac
node -v 18.18.0
node-sass -v 4.14.1
yarn -v 1.22.22解決方法としては、node-sassのバージョンに対応できるnodeバージョンまで下げる。(pythonが読み込めないというエラーもあったため、pythonをインストールしたが、意味がなかった。）
#node-sassのバージョン確認
npm list node-sass
football_info_for_refactoring@0.1.0 /Users/xxx/workspace/xxx/rails_refactoring_task
└─┬ @
【Rails】rails assets:precompile実行によりCSSを更新できなくなった
# 動作環境
OS: macOS
Rails: 7.2.1
Ruby: 3.2.3# 事象
Webアプリ作成中、カスタムCSSの内容を変更したところ、変更後のスタイルが適用されず変更前のスタイルが維持されてしまいました。“`app/assets/stylesheets/styles.css
/* 変更前のCSS */
.haikeigazou {
background-image: linear-gradient( …省略… );
background-color: #FFF;
background-size: 16px 16px;
}
“`
“`app/assets/stylesheets/styles.css
/* 変更後のCSS */
.haikeigazou {
background-image: url(background.jpg);
background-size:cover;
}
“`
検証ツールを確認すると、やはり変更前のCSSが適用されています。
[とは？
ymlとは、一言で言えば、
【データを直感的かつ人間が読みやすい形式で記述するためのデータ表現形式】です。
“`
name: John Doe
age: 30
email: john.doe@example.com
“`
:::note info
こんな感じで使う
:::
# 今回どんな時に使ったか
Webサイトの中で用いられている、英語の情報を日本語表記に変換するのに使いました。
例えば、
“`
ja:
hello: “こんにちは”
user:
name: “名前”
email: “メールアドレス”
messages:
welcome: “ようこそ、%{name}さん！”
goodbye: “さようなら！”
“`
これをconfig/locales/ja.ymlに記述します。そしてビューで表示させるには、
“`
<%= I18n.t('hello') %>
<%= I18n.t
Railsでアバター画像が設定されていないときにプロフィール編集ページにリダイレクトする設定方法
## やりたいこと
ユーザー登録後、プロフィール画像を登録していない場合にはプロフィール設定のページに遷移したい
※抽象化すると、特定の条件を満たすとき、特定のページに遷移させたい### 前提
– Railsを使用
– User has_one Profile の関係
– ユーザーがSign upしたタイミングではprofileはつくられない## 課題
– プロフィールは自動で生成されないため、`unless current_user.profile.avatar.attached?`のような条件文だと、.nilクラスのエラーが出る
– application_controllerにプロフィール編集画面へのリダイレクトを記載すると、リダイレクトが繰り返されしまう## 解決策
### 条件文の記載方法
application_controllerに以下を記載。
“`
before_action :check_avatarprivate
def check_avatar
if user_signed_in?
unless current
【Rails】グループ機能の実装手順
この記事では、Railsでグループオーナーが作成したグループに、ユーザーがグループに参加・離脱できるようなグループ作成機能を実装する方法をまとめています。
## 作製するモデルのアソシエーション
今回作成するテーブルは`GroupUser`と`Group`のふたつです。
### Groupテーブル
グループの情報を保存します（`name`、`introduction`、`image_id`など）。
`owner_id`フィールドにより、グループの所有者（ユーザー）を表します。
### GroupUserテーブル
中間テーブルで、ユーザーがどのグループに所属しているかを管理します。
`user_id`と`group_id`で`User`と`Group`を関連付けています。# 実装手順
## 1
[ Rails ] 個人アプリのユーザーに公式LINEを友達追加してもらい、LINEでメッセージを送信する
はじめに
こんにちは！
個人開発アプリにLINE通知機能を実装する際の備忘録です。
通知機能の完了まで結構内容が重たいので、実装内容ごとにまとめていく予定です。
今回は個人アプリのユーザーに公式LINEを友達追加してもらい、LINEでメッセージを送信するところまでをまとめました。個人アプリの詳細な説明についてはこちらの記事をご参照ください。
https://qiita.com/CarBoss1996/items/63c14260fc7fe65da78e
開発環境
・Ruby on Rails 7.1
・Ruby 3.2.3完成目標
・ 作成したアプリのアカウントとLINEアカウントのIDを連携させる。
以下は私が作成したアプリのLINE画面ですが、通知設定をすることで連携ができるようにしています。## 課題
– マイグレーション時にaccount用のカラムを作成する必要がある
– deviseが標準で設定しているストロングパラメーターをいじる必要がある## マイグレーション時の対応
マイグレーションファイルに以下のように追記する
※今回はUniqueにしたかったので、その設定もしています
“`
class DeviseCreateUsers < ActiveRecord::Migration[6.0] def change create_table :users do |t| ## Database authenticatable t.s
Rubyでの配列における |（和集合）と ||（論理演算）の違いを調べた
最近、Ruby Silverの資格試験の勉強をしています。全然Rubyのこと理解してないんだなぁと絶望しつつも伸びしろを感じております😚
以下の問題を考えていた際に、配列に対する `|` と `||` の違いが気になったので調べてみました。
—
問題:XXXXに記述することで、実行結果が30以上になるプログラムを選択してください。
“`ruby
a = [-1, 2, 3, 4, 5]
b = (4..6).to_aputs XXXX
“`選択肢:
1. `a.inject(:+) + b.inject(:+)`
2. `(a | b).inject(:-).abs + (a & b).inject(:+).abs`
3. `(a | b).inject(:*) + b.inject(0) { |x, y| x + y ** 3 }`
4. `((a || b).map(&:succ).inject(:*) * (a && b).inject(:*).abs2 + 29)`
—この問題の`a | b` と `a || b` の結果がどうなるか分からな
Bulletがいつも正しいわけではない？！
この記事はプログラミング学習者がアプリ開発中に躓いた内容を備忘録として記事におこしたものです。内容に不備などあればご指摘頂けると助かります。
私は普段のプログラミング学習中にRailsのgemでN+1問題や不要なeager loading(includes)を検知してくれるBulletを使用しながらアプリの制作をしています。
自分でも気付き難いN+1問題などもありますので、普段は自動検知して教えてくれて助かっています。今回はそんなBulletが検知してくれるN+1問題や不要なincludesがどうやらいつも正しくはないようだ、との考えの基に記事を書いています。
まずは検知メッセージと実際のコードをご紹介します。
対象のeager loading(不要なincludes)検知メッセージ
[ 個人開発 ] simple_calendarを使用してカレンダー機能を実装する
はじめに
こんにちは！
個人開発アプリ「甲子園NOW!」作成時の実装内容の備忘録として記事をまとめています。
全体の内容の一覧は以下にまとめています。https://qiita.com/CarBoss1996/items/63c14260fc7fe65da78e
今回はその機能のうちの1つの simple_calendar についてまとめていきたいと思います。
⚠︎表示内容と保持しているデータがかなり多いので、デプロイ先のDBのCPUとストレージが足りなくてカレンダーが表示されない(502エラー)という事態になってしまいました。。。
なので就活中の現在のみ課金してなんとか表示できている状態です(汗)
renderのスターター[ 256MB ラム、100メートル CPU、1GB ストレージ ]にしたら表示されるようになりました(汗)
もし同じような実装をされる方がいれば、容量の多いデプロイ先とDBを探してから実装していったほうがいいかと思います。
そしてこの試合情報やイベントのデータはseeds.rbに手入力しています。開発環境
【GPT✖️Rails】GPTのAPIをRailsで使ってみた
# はじめに
こんにちは、エンジニア3年目の嶋田です。
この記事を開いていただきありがとうございます！今回の記事では、RailsアプリケーションでGPT APIを利用する方法についてまとめました。
AIがますます注目される中、GPT APIをアプリケーションに統合して自然な会話や高度なテキスト生成を行うことが可能です。この技術は、テキスト要約、質問応答、自然な会話生成などに応用できます。
今回は、私自身が業務で取り組んだ実装方法の一例を少し変えて、実例を用いながら
RailsアプリケーションにGPTを統合する際の基本的な実装方法を紹介していきます！私も実際に実装する上で勉強になったので備忘録としてまとめました。
参考にしていただければ幸いです。## 目次
– [GPT APIとは](#gpt-apiとは)
– [RailsでAPIを利用するための準備](#railsでapiを利用するための準備)
– [APIリクエストの実装](#apiリクエストの実装)
– [まとめ](#まとめ)## GPT APIとは
**GPT API**とは、OpenAIが提
AWSインフラ構築時のエラー対処備忘録
AWSインフラ構築時のエラー対処備忘録
ECSコンテナサービスを作成中、バックエンド（Rails、Nginx）のサービス作成時に発生したエラーについて記録します。具体的には、NginxのCloudWatchログに以下のエラーが発生しました。
“`
connect() to unix:///app/tmp/sockets/puma.sock failed (111: Connection refused) while connecting to upstream, client: 10.0.3.73, server: localhost, request: “GET /api/v1/health_check HTTP/1.1”, upstream: “http://unix:///app/tmp/sockets/puma.sock:/api/v1/health_check”, host: “10.0.4.4”
“`使用技術
・フロントエンド
UIフレームワーク：Nuxt.js(Vue.js), Vuetify
HTTP通信：axios
コード整形：ESLint/
link_toメソッドを使った範囲リンクとネストした個別リンクの実装方法
この記事はプログラミング学習者がアプリ開発中に躓いた内容を備忘録として記事におこしたものです。内容に不備などあればご指摘頂けると助かります。
#### link_toメソッドを使って範囲リンクと複数のlink_toをネストさせてそれぞれのリンクを設置する
この記事ではWebサービス(Xのクローンサイト)を作成中に遭遇したちょっとした壁？についてお伝えしています。
Webサービス上で他のページへのリンクを貼る際にlink_toメソッドは皆さんお使いになると思います。
以下はリンクのサンプル画像とサンプルコードです。
`ホーム`のところにカーソルを合わせてクリックすれば`root_path`へのリンクにアクセスできます。
“`ruby:_nav.html.slim
ul
