ume

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

linux パイプラインとは

パイプラインとは. ⇨複数のコマンドを連携させる機能. コマンド1 | コマンド2 コマンド1の出力結果をコマンド2の標準入力にする。 例 echo 2+3 | bc #5と出力される ↑の意味はbcに2+3と書かれたのと同じ。要は↓と同じ bc < echo 2+3 bc=計算してくれるコ…

linux概要と基本的なコマンド

目次 linux概要と役割. 基本的なコマンド. 1. linux概要と役割. Linux=osの一種. Webサーバーのosとして使われることが多い 特徴 オープンソースで無料 スペックの低いパソコンでも動作可能 セキュリティに長けている linuxの役割 ⇨webサーバーを操作するコ…

Mysql2::Error::ConnectionError: Access denied for user 'root'@'localhost' (using password: NO)

経緯 rails6でmysqlを使用しrake db:migrateでマイグレーションのファイルをデータベースに反映させようとしました。 エラーの意味. MySQLに設定しているパスワードと自分のアプリケーションのdatabase.ymlで設定したパスワードが不一致の場合に起きる。 解…

非同期処理と同期処理

対象者 javascript初学者 そもそも非同期処理とは?同期処理と何が違う? 結論. ⇨同期処理. 1つの処理が終わるまで次の処理を実行できない。 →非同期処理. 処理を実行している間、同時に他の処理も実行できる仕組みが非同期処理 処理Aしながら処理Bもできる

addEventListenerの構文と(e)について

対象者 javascript初学者 addEventListener構文 まず役割2つあります。 ①イベント発生時に関数を呼び出す. ②イベントオブジェクト(e)を生成する。 ①について. 構文 ○○.addEventListener(A,B) ○○がAされたらBを実行する。 A=イベント B=関数 例 button.add…

rails6でjavascriptでhello worldとデベロッパーツールのコンソールに表示しようとしたらnullが返って来た話

対象者 これからjavascriptをrailsで動かそうとしている人. javascriptをrails6で動かそうとするとコンソールにnullが表示される人 目次 エラー内容と経緯 解決策 エラー内容と経緯 エラー内容 ⇨デベロッパーツールにnullと表示される. 処理の流れとしては h…

webpackerとwebpackとは?

対象者 javascript初学者(基本構文は学習済み) webpackerとwebpackについて知りたい方 webpackerとwebpackとは Webpacker. ⇨ webpackをrailsで使用するためのgem =つまりwebpackを管理してくれるもの Webpack(モジュールバンドラー)とは、CSS、JavaScri…

javascript Uncaught Error: Cannot find moduleエラーについて

対象者 javascript初学者 エラーの内容と経緯 と 経緯 rails6でjavascriptを導入しようとしました。 やったことは qiita.com ですようはHello Worldとjavascriptでコンソールに表示させようとしました。 今回はapplication.js内でhome.jsを読み込んでいます.…

初学者向けのjavascript

対象者 javascript初心者. Ruby on Railsでjavascriptを使用したい方. この記事を読んでわかること javascriptの導入方法. ジャバスクリプトの基本(一部を紹介) 目次 railsでjavascriptの導入方法. コンソールにHello Worldと出力させてみよう. railsでjav…

CSS 背景画像の上に文字を表示する方法

対象者 CSS初心者. やりたいこと ⇨肉球の画像の上に猫を探すというボタンを配置したいです 現状 htmlファイル <%= button_to "猫を探す", { controller: "cats", action: "search" }, { method: :get,class: "btn btn-primary" } %> <%= image_tag "backgrou…

html復習

対象者 HTMLを1度学んだがどう言った基準でタグ付けするのか忘れた方. HTMLの必要性を知りたい方 この記事を読んでわかること htmlの重要性 htmlのイメージ 人間が読みやすいHTML 目次 htmlはなぜ重要か. htmlのイメージ 人間が読みやすいHTML 1. htmlはな…

RSpec expected to find link ○○ but there were no matchエラーについて

対象者 RSpec初心者. この記事を読んでわかること expected to find link ○○ but there were no matchこのエラーで解決策がわからない人向けにヒントになると思います。 目次 1.このエラーの意味. このエラー出力時に疑う箇所. 1.このエラーの意味. ページ内…

Ruby モジュール

対象者 Ruby初心者. この記事を読んでわかること モジュールとは何か、モジュールの使い方。 目次 モジュールとは. クラスとモジュールの違い. モジュールの使用用途. 名前空間の提供 インスタンスメソッドとして取り込む(Mix-in) モジュールをオブジェク…

RSpecファイル読み込めないエラー

対象者 RSpec初心者. この記事を読んでわかること 目次 エラー内容. 解決策. 1. エラー内容. Failure/Error: Unable to infer file and line number from backtrace Selenium::WebDriver::Error::UnknownError: unknown error: Chrome failed to start: exit…

ruby オブジェクト指向の三代要素とは?

対象者 ruby初心者. オブジェクト指向とはなんぞやという方. この記事を読んでわかること オブジェクト指向が使われているプログラミング言語、pythonやrubyがどういうプログラミング言語であるのかをざっくり理解できます. 目次 オブジェクト指向の三代要素…

ruby 初心者必読オブジェクトとクラスとは?

対象者 オブジェクト指向という前にオブジェクトはなんぞやという人. この記事を読んでわかること オブジェクトとクラスの概念をイメージできること、またそれぞれの概念を言語化できること 目次 オブジェクトとクラスとは?. クラスの要素 1. オブジェクト…

rails エラー 画像が表示されない。

対象者 railsで画像ができない人. 目次 やりたいこと. エラーの経緯. エラーの意味 1やりたいこと. Errno::ENOENT: No such file or directory @ rb_sysopen - ./public/images/cat.jpg というエラーが出る。 このエラーをデバックしたいです。 1. エラーの…

railsでセレクトボックスの作成

対象者 Rails 初学者. 目次 実現したいこと. 作り方の全体像. 実際に手を動かして作ってみた. 1. 実現したいこと. railsでセレクトボックスを作成してみる. ↓セレクトボックス 注意点:今回はセレクトボックスの選択肢はデータベースのカラムの値にします. 選…

Railsデータをデータベースに挿入する方法

対象者 railsでアプリケーション制作初心者. 目次 データベースにデータを挿入する全体像 seed.rbの書き方. データベースにデータを挿入する全体像 ①db/seed.rbファイルを開く. ②seed.rbファイル内にデータベースに入れたいデータを記述. ③rails db:seedコマ…

gitで一部の管理したくないファイルやフォルダーをgitignoreで管理から外す方法

対象者 git初学者. 目次 git ignoreとは なぜgit ignoreは必要なのか. git ignoreの使い方 git ignoreとは ⇨一部のファイルやフォルダーをgitの管理から外す機能. ⚠️ちなみにignoreは無視するという意味 基本的にデータベースファイルをgithubにはあげない。…

RSpec リンクのテストエラー

対象者 RSpec初心者. Capybara::ElementNotFound: Unable to find linkとうエラーが出力された方 目次 linkのテスト. linkのテスト. ↓猫を探すとクリックすると検索条件とはというページに画面が先しているかをテストしたいです。 ↓RSpecのコード require 'r…

テーブルの作成とカラムの追加

対象者 railsでこれからアプリ制作する初学者 目次 データベース(テーブル)作成の全体像 実際にテーブルを作成してみよう(家の設計図作成から家を建てるまで) テーブルの編集(カラムの追加). データベース(テーブル)作成の全体像 ①モデルの作成. ②そ…

RSpec factoryのアソシエーション

対象者 アソシエーションとは何か知りたい方. RSpec学習者(初学者) 目次 アソシエーションとは アソシエーションのメリットを実例を踏まえて見てみよう. アソシエーションとは ⇨簡単に関連するデータを取得するためにつける機能. おそらく「関連するデータ…

ファクトリとフィクスチャートとは

#対象者 RSpec学習者 RSpec復習したい人 目次 factory botとfixtureとは. 2つの比較. まとめ fixtureとfactory botとは. ⇨どちらもテスト用のデータベースに入れるサンプルデータ. どんな時に使う?. ⇨ユーザーの基本情報(名前、メールアドレス、パスワー…

データベースエラー

目次 エラー内容と経緯. 2.解決策. 1. エラー内容と経緯. エラー内容 SQLite3::SQLException: table "users" already exists 経緯として 同じ名前のテーブルを複数作成しようとしたため、 もうそのテーブルあるよと指摘されたみたいです。 2.解決策. すでに…

初めてのRSpec

対象者 初めてRSpecを学ぶ方. minitestからRSpecに乗り換えを検討されている方 目次 ①RSpecのテストをどこに書くのか. ②ファイルの命名規則. ③ベストプラクティス. ④参考文献. ①RSpecのテストをどこに書くのか ⇨specフォルダの中. specフォルダの作成方法↓ $…

技術選定 フレームワーク

対象者 これからどのフレームワークを選ぼうと考えている人. これからどのプログラミング言語を選ぼうか検討中の方. 目次. ①フレームワークの選び方. ②フレームワーク比較. ①フレームワークの選び方. 結論:自分の目的に合ったフレームワークを使う。 なぜな…

プログラミングのテストについて

対象者 テストとはなんぞやっと思う人 なぜテストを書かないといけないのかと感じる人 目次 テストとは. テストの必要性. テストの種類. 1. テストとは. ⇨自分の書いたコードが自分の想定通りに動作しているかを自分の代わりにpcに確かめてもらうもの. 例え…

アプリ制作3日目

対象者 これからwebアプリを作成する人 目次 ①私のアプリの全体像. ①私のアプリの全体像. 画面設計図の作成 画面遷移図の作成 画面設計図とは ⇨ユーザーが使いやすい画面設計(誰にも教えられなくても直感的に操作方法がわかる状態)になっているのかという…

2日目技術選定〜開発手法まで

対象者. ①初めてアプリを作ろうとしている方. ②今後アプリ制作する予定のある方. 注意:この記事は「アプリ制作初日」という記事の続きになります。 目次. ①技術選定とは. ②開発環境. ③開発手法. ①技術選定. 技術選定とは. ⇨アプリ制作するために必要な物 イ…