未経験からのフルスタックエンジニア

スキルをつけよう!未経験からフリーランスエンジニアへの成長記録

【Rails】バリデーションエラーメッセージの取得

概要 Railsのmodelにバリデーションを記述すると、バリデーションチェック後に、エラーメッセージを取得できます。 その際によく使ったコマンドを備忘録として残します。 基本的な流れ インスタンスに対してメソッド.valid?を行う(バリデーションエラーがあ…

スマホ画面だとフォントサイズが一部変になる現象の解決

CSS

起こった問題 デベロッパーツールのスマホ画面では問題ないが、 実機で確認すると、同じcssを適用しているのにも関わらず、 一部だけ効かない(フォントサイズがおかしくなる)現象が発生 解決策 body { -webkit-text-size-adjust: 100%; } bodyに上記の記述…

選択されたカテゴリーに応じて、動的に変化するサイズセレクトボックスを作成してみた

この記事は以下の記事の続きとなっております。 『ancestryによる多階層構造データを用いて、動的カテゴリーセレクトボックスを実現する~Ajax~』 atora1992.hatenablog.com やりたいこと カテゴリーに応じたサイズ選択欄を生成したい。 概略 準備 products_s…

ancestryによる多階層構造データを用いて、動的カテゴリーセレクトボックスを実現する~Ajax~

近況一言メモ 夏本番に向かって、フリーランスは体が資本ということもあり、 体力をつける・体を作っていかないといけない。 しみじみ、実感するここ最近。 概要 ancestryで作成したカテゴリーデータを用いて、選択肢を動的に変化させる機能を実装しました。…

【Rails】ウィザード形式フォームで新規登録〜Devise+session〜

そもそもウィザード形式フォームとは ❌縦に長いフォーム画面 ⭕️複数画面に順に遷移していくフォーム画面 (具体例) 実装方法 開発環境 Ruby 2.5.1 Rails 5.2.3 結論 以下の記事を参考にして実装しました https://qiita.com/NT90957869/items/56ca4101d7ba37…

Railsのlink_toでparams(クエリ)を飛ばす方法

やりたいこと リンクのリクエスト先は同じだが、リンクの押されたページごとに違う処理を行いたい。 そのために、リンクが押された時に、ページ判別用のフラッグをたてたい。 実装方法 = link_to hoge_path(key: "value") 上記の通り、リンク先のpathの後に…

【Haml】f.selectで生成されるoptionタグを改変する

近況一言メモ 煎茶道のお稽古にとんと行けていない、、、 夏のお茶会には参加したいから、お茶の感を取り戻さなきゃ! 最近は、コード触りすぎて、夢の中でもコード出てくる これが本当の睡眠学習?! やりたいこと "f.select"で生成されるセレクトボックス…

多階層構造のカテゴリーを実現する、seedを作ってみた

この記事は、『ancestryによる多階層構造の実現』の続きです atora1992.hatenablog.com メルカリと同じカテゴリーデータを作成しようと、ancestryを用いたseedファイルの作り方を考えたお話。 やりたかったこと メルカリの膨大なカテゴリーデータを、少しで…

Railsのgem"ancestry"による多階層構造の実現

プログラミングスクールのチーム開発で、 カテゴリーに親・子・孫の関係をもたせたいと思った時のお話です。 Railsのgem 'ancestry'を導入することで実現することができました。 ancestryのgithub https://github.com/stefankroes/ancestry 開発環境 Ruby 2.…