2020-09-01から1ヶ月間の記事一覧
現在プログラミングスクールに通い 70日間でWEBエンジニアになれるよう勉強中です! 本日は検索フォームにおいて 複数のカラムから値を検索する方法について書きたいと思います! ◆サンプルコード Book.where('text LIKE(?),"%#{search}%") ↓変更 Book.whe…
現在プログラミングスクールに通い 70日間でWEBエンジニアになれるよう勉強中です! 本日はREADMEに記載する際の 文字にリンクを埋め込む方法について書きます! ◆サンプルコード [文字](URL) <解説> すごくシンプルですが [文字]にREADME上で表示する文…
現在プログラミングスクールに通い 70日間でWEBエンジニアになれるよう勉強中です! 本日はデータベースに保存した文章データを 改行も含めて表示する記述について書きます!! ◆ポイント 「safe_join」を使用すればOKです!! ◆サンプルコード safe_join(…
現在プログラミングスクールに通い 70日間でWEBエンジニアになれるよう勉強中です! 本日はCCSでマウスを当てると 要素の色が変わる実装についてアウトプットします! ◆ポイント マウスを当てると処理を実行するには 「:hover」を使用します!! 処理を実…
現在プログラミングスクールに通い 70日間でWEBエンジニアになれるよう勉強中です! 本日は検索機能を実装する方法について書きたいと思います! ◆ポイント 流れとしては 検索フォームをヘルパーメソッドで検索フォームを実装 ↓ フォームから飛ばされた情…
現在プログラミングスクールに通い 70日間でWEBエンジニアになれるよう勉強中です! 本日はHTMLの要素に影をつける方法 方法について書こうと思います!! 影をつけることによって 要素が立体的に表示され見た目が良くなります! ◆使用するプロパティ box-…
現在プログラミングスクールに通い 70日間でWEBエンジニアになれるよう勉強中です! 本日はCSSの画面を固定して表示する 方法について書こうと思います!! このプロパティを使用すれば スクロールしても指定した画面は ずっと表示し続けることができます…
現在プログラミングスクールに通い 70日間でWEBエンジニアになれるよう勉強中です! 本日はCSSの背景色をグラデーションにする 方法について書こうと思います!! ◆グラデーションにする方法 background:linear-gradientオブジェクトを 使用すれば実装でき…
現在プログラミングスクールに通い 70日間でWEBエンジニアになれるよう勉強中です! 本日はデータベースに保存したテキストを 改行したまま表示する方法について 書こうと思います!! ◆実際の方法 simple_format()オブジェクトを使用すれば 出来ます!! …
現在プログラミングスクールに通い 70日間でWEBエンジニアになれるよう勉強中です! 本日はデータベースにある画像リンクを 表示する方法について書こうと思います!! ※あくまで一個人の体験なので 別のやり方がある場合は 教えていただけると幸いです。 …
現在プログラミングスクールに通い 70日間でWEBエンジニアになれるよう勉強中です! 本日はマウスを当てた時に処理を実行する コードについて書きたいと思います! ◆サンプルコード #sample要素にマウスを当てると処理を実行 .sample:hover{ 処理内容 }
現在プログラミングスクールに通い 70日間でWEBエンジニアになれるよう勉強中です! 本日はHTMLを勉強しており そこで学んだdiv要素とspan要素の違いについて 書きたいと思います。 ◆div要素とspan要素の違い div要素: div要素は、 ブロックレベル要素で…
現在プログラミングスクールに通い 70日間でWEBエンジニアになれるよう勉強中です! 本日はdeviseを使ってのユーザー管理機能の 実装中に起きたエラーについて書きたいと思います! ◆エラー内容 NameError: uninitialized constant User サーバーにアクセ…
現在プログラミングスクールに通い 70日間でWEBエンジニアになれるよう勉強中です! 本日はアプリの実装中に起きたエラーの解決方について 書きたいと思います! ◆エラー内容 Mysql2::Error: Field 'nickname' doesn't have a default value: 状況としては…
現在プログラミングスクールに通い 70日間でWEBエンジニアになれるよう勉強中です! 本日はrailsでcreated_atで曜日を日本語で 出力する方法について書きたいと思います! ※あくまで僕個人がうまくいった1つの 方法なので違うやり方がある場合は 教えてい…
現在プログラミングスクールに通い 70日間でWEBエンジニアになれるよう勉強中です! 本日はrailsでリアルタイムの時間を表示する方法について 書きたいと思います! ◆実際のコードの書き方 <Viewファイル> <div class='time-display'> <script> realtime(); function set(num) { // 桁数が1桁だったら先頭に</div></viewファイル>…
現在プログラミングスクールに通い 70日間でWEBエンジニアになれるよう 勉強中です! 本日はindexメソッドについて書きたいと思います! ◆indexメソッドとは? indexメソッドとは 文字列や配列の中に検索したい文字や要素が 最初から何番目にあるのかを判…
現在プログラミングスクールに通い 70日間でWEBエンジニアになれるよう 勉強中です! 本日はHerokuへ環境変数を設定する方法について 書きたいと思います! 手順①:credentials.yml.encにキーを記述する ・ターミナルで下記のコマンドを実行 EDITOR="vi" b…
現在プログラミングスクールに通い 70日間でWEBエンジニアになれるよう 勉強中です! 本日は外部キーを持つデータを削除する際の 方法について書きたいと思います。 ◆エラー内容 何も設定せずに外部キーを持つデータを削除しようとすると 下記のようなエラ…
現在プログラミングスクールに通い 70日間でWEBエンジニアになれるよう 勉強中です! 本日はscanメソッドについて書きたいと思います! 間違えていたら申し訳ございません! ◆scanメソッドとは? scanメソッドは指定した値と一致した文字列を 配列として取…
現在プログラミングスクールに通い 70日間でWEBエンジニアになれるよう 勉強中です! 本日は指定の値がテーブルに存在するか 確認できるexists?メソッドについて書きたいと思います。 間違えていたら申し訳ございません! ◆exists?メソッド exists?メソッ…
現在プログラミングスクールに通い 70日間でWEBエンジニアになれるよう 勉強中です! 本日はアプリケーション上で 編集前の情報を編集ページに表示する方法に ついて書きたいと思います! 間違えていたら申し訳ございません! ◆手順 1.コントローラーで編…
現在プログラミングスクールに通い 70日間でWEBエンジニアになれるよう 勉強中です! 本日は「exists?」メソッドについて書きたいと思います! このメソッドを使用すれば、 指定した値がデータベースにあるかどうか確認することができます。 ◆exsits?メソ…
現在プログラミングスクールに通い 70日間でWEBエンジニアになれるよう 勉強中です! 本日はJavascriptで使用する .valueの意味について書こうと思います! もし同じような箇所で悩んでいる方にとって なにかしらヒントになれれば幸いです。 ◆.valueとは?…
現在プログラミングスクールに通い 70日間でWEBエンジニアになれるよう 勉強中です! 本日はターミナルで「No template found for」と エラーが出た時の対処方法について書きたいと思います! もし同じような箇所で悩んでいる方にとって なにかしらヒント…
現在プログラミングスクールに通い 70日間でWEBエンジニアになれるよう 勉強中です! 本日はNOFILEのマイグレーションファイルを 削除する方法について書きたいと思います。 もし同じような箇所で悩んでいる方にとって なにかしらヒントになれれば幸いです…
現在プログラミングスクールに通い 70日間でWEBエンジニアになれるよう 勉強中です! 本日は単体テストを実装していて躓いた箇所について 書きたいと思います。 もし同じような箇所で悩んでいる方にとって なにかしらヒントになれれば幸いです。 ◆ケース① …
現在プログラミングスクールに通い 70日間でWEBエンジニアになれるよう 勉強中です! 本日は配列や文字列内から要素を調べることが出来る 「include?」メソッドについて書きます! ◆include?メソッドとは? 生成した配列や文字列に指定した要素が含まれて…
現在プログラミングスクールに通い 70日間でWEBエンジニアになれるよう 勉強中です! 本日はエラー文でよく表示される「SyntaxError」の対処方法 について書きたいと思います!! ◆SyntaxErrorの意味&対処方法 文法の間違いによるエラーです。 個人的には…