Torihaji's Growth Diary

Little by little, no hurry.

2025-01-01から1年間の記事一覧

Railsのdeviseにおいて新規登録時に裏側でnameにemailの@より前のものを差し込む

はじめに みなさん、こんにちは torihaziです 今日は現在やっている個人開発において、タイトルのようにdeviseの扱いに少し詰まったので 次回似たようなことをやる時につまらないように書き残しておこうかと思って今書いてます ちなみに RailsはAPIモード、d…

2025年2月の振り返り(実務 7ヶ月目)

はじめに 2月も終わり、2025年も1/6が終わりました。 花粉が飛び散らかして、やかましいです。 新生活も始まる人も増えてきて、やたらと忙しくなりつつあるのではないでしょうか。 私も前職を辞めて Web系のエンジニアになってから半年も過ぎて 職場にも多少…

LeetCode生活10日目

はじめに 昨日に引き続き、今度は残りの中級3つやろう。 Group Anagrams Given an array of strings strs, group the anagrams together. You can return the answer in any order. 文字列の配列が与えられる。それらの中でアナグラムであるもの同士をグルー…

LeetCode生活9日目

はじめに ついに前回でNeetCodeのRoadMapの最初が全て終わったので 今日はその問題を解き直してみることにする。 今日は初級全てにしよう。 Contains Duplicate Given an integer array nums, return true if any value appears more than once in the array…

LeetCode生活8日目

はじめに さて今日もやっていきますか。 neetcode生活、今日で最初のroadmap最終問題です。 Longest Consecutive Sequence sortされていない整数からなる配列が与えられる。 その配列の要素のうち、連続している数字があればその長さを返せ。 ただし、O(n)の…

leetcode生活7日目

はじめに 随分ご無沙汰です。 なかなか続きません。 難しいからですかね。 今回の敵も強そうだ。 Valid Sudoku 9x9マスのボードに数字が並べられている。 下記の3つのルールを満たしていた場合trueを返す - 全ての列に1~9の数字が入る - 全ての行に1~9の数字…

LeetCode生活5日目

はじめに この前はこいつが難しくて、 眠くて連続生活が途切れた。 完璧主義にならずに気長にやっていこうと思う。 Product of Array Except Self 数字の配列numsが与えられる。 なお要素のprefix, suffixの数字は32bitであるので積が大きくなりすぎることは…

LeetCode生活4日目

はじめに またもやmedium問題らしい。 気長にやっていこう Top K Frequent Elements 数字の配列numsと整数k(numsの範囲内)がある。それらの数字の中で最も頻出する数字を返せ。 出現回数が同じであればそれらの数字をまとめて配列として返せ。 なおオーダー…

LeetCode生活3日目

はじめに neetcodeのroadmapに沿ってやっている。 3つ目のtwo sumみたいな問題は前にやってたから飛ばした。 今日はmediumらしい。 いけるかしら。 Group Anagrams 複数の文字列が要素として入っている配列がある。 各要素についてアナグラムであるものをグ…

LeetCode生活2日目

はじめに まだまだ続く、2日目。 今日はむずいか簡単か。 ではレッツゴー。 Valid Anagram 2つの文字列s,tが与えられる。tがsのアナグラムである場合はtrue、そうでない場合はfalseを返せ アナグラムとはある文字列を分解し、並び替えて別の意味の文字列を作…

LeetCode生活1日目

はじめに これは プログラミングには数学必要ないと思っていた人間が 最近になって実務で扱った幅優先探索が全くわからんことに焦りを感じ まずは簡単なアルゴリズムからやってみようという考えのもと 突然始まったものになります 毎日必ず1問は解くこと。 …

2つのeslintを追加しますた

はじめに どうも torihaziです 課題のX_クローンを作っていて、2つの問題が多発および気になって仕方なくなったので 新しくlintのルールを追加しました。 問題 やば、またdebug用のconsole.log入れたままpushしちゃった オブジェクトの分割代入時にkeyがごち…

Error: Objects are not valid as a React child (found: object with keys {~~~}). If you meant to render a collection of children, use an array instead.って何。

はじめに やけに長いタイトルですね。 よくあるReactのエラーです。 ネットで調べたらすぐ出てくるかと思いますが。 わざわざ記事にしなくてもいいかもと今になって思います。 結論 「あんた、Objectをレンダーしようとしてるけど、できまへんで。」 という…

Next.jsの環境変数は本当にprefixをつけるかつけないかで参照範囲が変わるのか

はじめに 公式が言っていることを検証してみようの会です。 Basic Features: 環境変数 | Next.js 検証 pages router、typescriptで Next.jsのアプリを作成してあること前提で行います。 pages配下に下記を記載 pages/hoge.tsx export default function Hoge(…

2025年1月の振り返り(実務 6ヶ月目)

はじめに みなさん、おはようございます、torihaziです 本日は1月最終週間近ということで いつも通り月の振り返り記事を書いていこうと思います 早いところもうすでに2025年の1 /12が終わろうとしています。 常に何ができるかできるようになったのか、できな…

Railsのbuildとかcreate!の引数に文字列は渡してはいけません。

はじめに しっかり理解してればつまらないこと。 これを機に理解しました。 前にもやったことがあったのでエラー文見てピンときました。 戒めのためです。 現場 tweet = current_api_v1_user.tweets.create!(tweet_params[:content]) と書いたら #<ArgumentError: When assigning attributes, you must pass a hash as an argument, String passed.> と言われ</argumenterror:>…

Railsのログにおいてあるカラムの値がFILTEREDで表示されない

はじめに 現在、フロントエンドからS3に対して presignedURLを通じた ファイルアップロードを試みています。 成功後は あらかじめ生成した s3のkeyをbackendにPostして DBにインサートしています。 そこでRailsのログを眺めていたところ 先ほどの keyはただ…

Rails の buildとnewの違い

はじめに そういえば意外にわかってなかったことを書き連ねていきます 最初は動くものを作る!というモチベで全速力で駆け抜けていたため 最近いざコードを読んでいって「おや?」と思うことが増えてきました。 そうした不足分を都度補っていこうかと。 buil…

Railsのcredentials.yml.encとmaster.keyの関係について

はじめに タイトルのことで今日、詰まりました。 なんかわかっていなかったので書き残しています。 credentials.yml.enc こいつは秘密情報で暗号化されたものである。 rails new で作成される。 暗号化されているので、githubにpushしても問題ない。 複合す…

Next.jsとRailsのアプリでdevise-token-authを使ってEメールの新規登録、ログインができるまで

はじめに 現在、HappinessChainの課題でXクローンを作ってます。 そこでdevise-token-authを使って認証周りを作っていくのですが、 毎回作っていてやり方を忘れるので、前にも書いた気がしますが書き残そうと思ってやってます。 ちなみに上からやっていけば…

パスワード可視化切り替えの作り方

はじめに 新規登録画面でパスワードのinputの左に目のアイコンがあり ボタンを押したらパスワードが黒丸になって見えなくなったり、文字として見えるようになるという よくあるUIの作り方です。 実例ではshadcn/uiを使っていますが、生のhtmlでもcssいじれば…

FramerMotionのclassNameとVariantの使い分けについて

はじめに slackのtimesに閉じておくのはもったいないと思ってこっちに書くことにした 結論 variantsで指定すべきもの: アニメーションしたい値(opacity, scale, x, y など) トランジション中に動的に変化させたい値 状態に応じて滑らかに変化させたい値 cl…

チャットアプリによくある吹き出しの作成例

はじめに 新年1発目です どういうものか LINEとかによくあるやつです。 アイコンがあって、会話の本文があって、その会話の本文からアイコンに向かって にょいっと出てるあれですね。 一例 TypeScript、tailwindcssを使っている都合上、cnとか使ってますが、…