2019-12-01から1ヶ月間の記事一覧
Progateで学習していたユーザー機能を、自分のアプリに追加していたため、もともと存在していたuser_idをuser_progate_idに変えました。 そして、新規投稿しようとすると、このようなエラーが発生しました。 application_controller.rbのsession[:user_id]を…
自分で作っているアプリで、ログインしようとしたら、 こんなエラーが出てしまいました。 SyntaxErrorとは、文法的なエラーのことです。 エラー原因の箇所が見にくいので、拡大してみます。 unexpected tIDENTIFIER, expecting ')' user_id: @current_user.i…
処理の流れについて、書いていきます。 routes.rbに、このような記述をすると Rails.application.routes.draw do resources :hatenas end このようなルートパスが生成されます。 一番上は、ブラウザのアドレスバーに「localhost:3000/hatenas」と入力すると…
新規投稿ページでユーザーが入力した情報がデータベースに保存されるまでの流れを書いていきます。 例えば、このような、ユーザー名とメールアドレスを登録できるフォームがあるとします。 新規登録ボタンを押すと、データベースにデータが保存されます。 (h…
重なった要素に対して用います。 例えばこんな画面があるとします。 一見、Cと書かれた図形のみがあるように見えますが、実はAとBという文字が書かれた 図形が背後に隠れています。 HTML CSS z-index: 1; これを.boxBに追記すると、こうなります。 Bと書かれ…
参考記事： ①【CSS】vh vwとは何か https://qiita.com/sanriyochan/items/be55bc9f544422d8456c ②使用したreset css https://meyerweb.com/eric/tools/css/reset/ htmlとcssを使用して、こんな画面を作りたい。 まずは、htmlで骨格を作ります(<head>タグ内で、vh.c</head>…
HTMLとCSSのファイルを編集して、「よし！ブラウザで確認しよう」と思った時、「あれ？CSSが適応されていない・・・」となってしまったことがあったので、cssをhtmlで読み込む方法について記述していきます。 例えば、こんな画面があるとします。 HTMLはこち…
例えば、こんなボックスが3つあるとします。 HTMLはこちらです(boxesという親クラスは、box1〜box3の子クラスを持っています)。 <body> <div class="boxes"> <div class="box1"> box1 </div> <div class="box2"> box2 </div> <div class="box3"> box3 </div> </div> </body> CSSはこちらです。 .box1 , .box2, .box3 { background-color: paleturquoise; width: 110px; font-s…
cssには、ボックスモデルという概念があります。 例えば、 こんな画面があるとします。 HTMLはこちらです。 <body> <div class="box"> BOX </div> </body> CSSはこちらです。 .box { background-color: paleturquoise; width: 230px; font-size: 100px; } border: 10px solid black; この1行をCSS…
今、個人的に作っているアプリにユーザー管理機能を付けたいと思ったので、RubyonRailsのアプリケーションにユーザー管理機能を実装する方法について書いていきます。 qiita.com この記事を参考に実装していきたいと思います。 今自分は、"Expense"という日…
