かっちゃんの日記

初めまして!自営業(タイヤの卸売)をやってます。新規事業としてアプリ開発に興味がありプログラミングを勉強中です。日々の学びを発信していきます。よろしくお願いします。HTML/CSS/haml/sass/Ruby/Ruby on rails/Javascript/Jquery/Git/GitHub/データベースとSQL/統合テスト/AWS

2019-08-01から1ヶ月間の記事一覧

【アプリ開発エラーメモ】外部キーをDBに保存する

今制作してるアプリで、DBに登録した情報 + 登録者(current_user)を加えたかったのですがエラーを起こしたのでメモします。 まず私のミス ストロングパラメータにcurrent_user.idと書いたら一緒にDB入るだろうと思ってましたがむりですね、思考停止してま…

【アプリ開発エラーメモ】DBにparamsが入らない

結果から言うと、外部キーを持っているテーブルだったのですが、optional:trueが抜けてました。 paramsがcreateアクション内で取得できるのに、データベースに入らず、作業が詰まってしまいました。 デバックしてparamsの中身を見ると、 ・permitted: false …

【アプリ開発エラーメモ】 deviseのインストールの手順を間違えた時の対処方法

deviseのインストール手順を間違え、エラーが起きたので対処方法をアウトプットします 正しい方法 1deviseの導入(gem fileに書いて、$bundle install) 2ローカルサーバー再起動 $ rails s 3 $rails g devise:install (deviseの設定ファイルを設定) 4…

【BEM】HTMLのクラス名を簡単につける

https://chkc.hatenablog.com/entry/2019/08/10/124430 Sassについて書いた記事の続き。 BEMとは命名規則のことで、ページを構成する要素をBlock、Element、Modifierの3つに分類して考える。 BEMを使えば、HTMLを書くときにクラス名をどうするか悩まずに、…

【haml】導入方法と書き方

前回BEMの記事 https://chkc.hatenablog.com/entry/2019/08/10/135252 Hamlとは、HTMLよりも簡単に書くためのビューのテンプレートエンジンのこと。 導入方法 gemfile gem "haml-rails", "~> 2.0" $ budle install $ rails haml:erb2haml 書き方 ドキュメン…

【Sass】基礎

Sassについてアウトプットします。 1Sassとは 2sass拡張子とscss拡張子(こっち使う) 3変数使える 4partial 5 mixin 6 sassファイルの構成について 1sassとは cssを拡張した言語。変数使えたり計算もできる。 2scss拡張子 cssに近い文法で書ける。…

【正規表現】概要と基礎

正規表現について4つの項目に分けて説明します。 1正規表現の概要 2 二つのメソッド 3様々なパターンを使ってみる 1正規表現の概要 正規表現とは、特定の文字列が入ってるか確認したり、不要な文字を覗く技術のこと 例えば、ユーザー登録でデータベース…

【JQuery】基礎

JQueryの基礎を大きく8つに分けて説明します。 1JQueryとは 2導入方法 3JQueryを使ってHTML要素を取得する 4JQueryを使ったHTML/CSSの基本操作を行えるようになる 5Javascriptを操作するタイミングについて 6イベントで処理のタイミングを指定する 7…

【Javascript】基礎構文を使った練習問題

https://chkc.hatenablog.com/entry/2019/08/06/170939 前回の続きです。Javascriptの基礎知識を使った練習問題になります。 下のファイルの13行目、higherPriceの引数である120円より高い物をコンソールに出力させる問題です。 関数higherPriceの定義をどう…

【Javascript】基礎

復習がてらアウトプットしてみます。 大きく分けてこんな感じで説明します。 1Javascriptとは 2JavascriptをWebページに導入する 3基礎文法 1Javascriptとは webページを操作するためのプログラミング言語のこと 2Javascriptをwebページに導入する方法 …

【Ruby】eachメソッドとwith_indexメソッド

ランキング形式で、データベースからレコードを出力させたい際に、index(番号)の表示でつまづいたので投稿します。今回の私のケースだとランキングの順位表示になります。 二つのメソッドを組み合わせます。 ・eachメソッド 配列で要素を一つずつ繰り返し…

【Ruby】mapメソッド

mapメソッドとは配列オブジェクトのインスタンスメソッドです。 流れ 1配列の中身を1つずつ取り出す 2ブロックという構文を繰り返し実行 3ブロックの中で返り値を集めて、新しく配列を作る 例えばこんな感じです numbers = [2, 5, 9] cube = numbers.map…

【Ruby】レシーバとselfについて(インスタンスメソッド)

レシーバとは、インスタンスメソッドを利用してるインスタンス自身のこと。 インスタンスメソッド内でselfと書くと、そのメソッドを利用したレシーバが代入される この説明だけだと分かりにくいですね。笑 実際にコードを見てみましょう。 sample.rb 13行目…

【Rails】アソシエーションの確認(rails c)

1対他、でアソシエーションを組んだ時の確認(rails c)をしてみます 今回はスクールで製作した映画のレビューアプリを例にしてみます。 一つの作品(Productモデル)に対して、複数のビュー(Revieew)があることが前提です。 ReviewモデルからProductモデル…