2022-01

Ruby on Rails

【Ruby on Rails】RailsとRackについて理解する

Rackとは Rubyにおいて、アプリケーションサーバ(Puma、Unicornなど)とWebアプリケーションやフレームワーク(Rails、Sinatraなど)を接続するための標準化インターフェース(規約)です。 これらはRackの規約に則...
Ruby on Rails

【Ruby on Rails】DBの中身をコンソールで確認する

環境 rails : v6.0.3ruby : v2.7.5DB : sqlite3 DBコンソールの起動 DBコンソールの起動 $ bin/rails dbconsole もしくは $ bin/rails db DBの出力結果をわかりやす...
Ruby on Rails

Rails6で「rails new –skip-bundle」が実行されない時の対処方法

はじめに こちらの記事を参考にrails _6.0.3_ new App --skip-bundleを実行したかったが、何回やってもbundle installが実行されてしまうので、原因を調べてみました。 原因 Webpackerが原因で...
Ruby on Rails

【Ruby on Rails】rails6とwebpack5で発生したエラーを解決するまでの長い道のり

バージョンrails v6.0.3ruby v2.7.5webpacker v4.3.0webpack v5.67.0 package.json エラーのはじまり rails newでプロジェクトを作成して、最初の動作確認でエラーは起こりま...
Ruby on Rails

【Ruby on Rails】railsで使用する言語の命名規則まとめ

railsはHTML/CSS、Ruby、JavaScriptを主に使用しますが、それぞれの命名規則を毎回忘れてしまうのでまとめてみました。 ネットで公開されているコーティング規則を参考にしています。 業務では命名規則などは決まっていると思う...
Ruby on Rails

【Ruby on Rails】マイグレーションに関する主なコマンド一覧

毎回忘れるので、マイグレーションコマンドをまとめてみました。 データベースを作成 db:create データベースを作成します。 # 開発、テスト環境のDBを作成 rails db:create config/database.ymlで定義...
Ruby

【Ruby】requireで外部ファイルを読み込む

requireメソッドとは Rubyのライブラリ(.rb, .so, .o, .dll など)を読み込むメソッド require(feature) #=> boolean 読み込みが成功すると、true。失敗すると、falseを返します。 ...
JavaScript

【JavaScript】addEventListenerのコールバック関数に引数を渡す

はじめに addEventListener()メソッド target.addEventListener(type, listener ); target:イベントの対象となる要素 type:対象とするイベントの種類を表す文字列 listen...
JavaScript

【JavaScript】Canvasでカラーピッカーを使用して、線の色を簡単に変更する方法

はじめに お絵かき機能を実装した際、線の色を簡単に切り替えれるようにしたかった。 実装 カラーピッカー カラーピッカーはHTMLで表示できるinputのtype要素の一つです。 <input type="color"> <input typ...
JavaScript

【JavaScript】Canvasで消しゴム機能を白色ではなく、透明にする方法

はじめに canvas.toDataURLで画像を保存する際、png形式だと背景が透明になります。 消しゴム機能をstrokeStyleを白色で実装すると、保存する時に白線が残るため、消しゴム機能を透明にしたかった。 透明にする方法 結論 ...