Railsアプリを作るときは必ず、database.ymlのencoding: utf8mb4をencoding: utf8に変更する指示があったり、HTMLファイルのheadには必ず<meta charset="UTF-8">と書いたり。 utf8ってなんなんだろうとずっと気になっていたので調べてみました。 UTF-8は世界で最もよく使われる文字</meta>…

GitHubのrevertは、commitした内容を打ち消すようなcommitを重ねることでもともとのcommitを無かったことにしてくれる便利な機能です。 ただ使い方がいまいちピンとこなかったので、実際に使って試してみました。 解説というより、実験の記録という感じです…

deviseは、Railsで作成したアプリケーションにユーザー管理機能を実装することができるgemです。 今回はdeviseの使い方を簡単にまとめてみました。 deviseのインストール まずはgemfileにdeviseを追加します。 gem 'devise' そして、bundlerでインストールし…

URIという言葉が出てきて、なんだそれ？と思ったので、調べてみました。 結論「URI = URN + URL」 結論から言ってしまうとこれです。 URNとURLの総称がURIみたいです。 ちなみにURIはUniform Resource Identifierの略です。 URNとは？ URN (Uniform Resource…

カリキュラムの指示に沿って、Herokuでアプリのデプロイをしたので、記録に残しておこうかと思います。 Herokuでデプロイする大まかな流れ アカウントを作成 ↓ Heroku CLIをインストール ↓ 必要なgemをインストール ↓ masterブランチにcommit ↓ Heroku上に新…

JavaScriptで同じクラス名の要素をまとめて取ってくる方法としてgetElementsByClassName()とquerySelectorAll()がありますが、どういう違いがあるのか気になって調べてみたのでまとめておきます。 どちらも複数の要素を取得する これらのメソッドはそれぞれ…

JavaScriptの関数の作り方が、いろいろ用語が出てきてややこしかったのでまとめてみました。 関数の作り方自体は２パターンです。 関数宣言 関数式 それぞれについて説明する中で、「〜関数」って言う言葉がやたら出てくるのがややこしい原因ですね。 関数宣…

box-sizingとは box-sizingは、CSSのプロパティのひとつです。要素の高さや幅を指定したときに、paddingとborderを含めるか否かを指定します。それだけではイメージがしづらいと思うので、具体的に説明していきます。 content-boxとborder-box content-box …

例外とは？エラーとは違う？ 例外とは、ある処理を行った結果が期待したものと違い、異常なものであるような状況のことです。 例外とエラーは違うのか、気になって調べてみましたが、どうやら明確な共通認識はなさそうです。そもそもどういう文脈で使うのか…

先日FactoryBotを使用したらエラーが出てしばらく困ったので、その時のことを記録しておこうかと思います。 FactoryBot使用の準備 FactoryBotを使用するための準備をします。 まずはgemfileに必要なgemを記載していきます。 group :development, :test do # …

Active Storageとは railsにおいて、画像などのファイルのアップロード機能を実装するためのgemです。 画像のサイズなどを加工してからアップロードするためには、ImageMagickというツールと、image_processing、mini_magickというgemも必要になります。 Act…

中間テーブルとは、多対多の関係にある二つのテーブルの間に入る、第三のテーブルのことです。なかなかイメージがつきづらいので、具体例を挙げて解説してみます。 一対多の関係 中間テーブルを考える前に、一対多の関係について考えます。 例えば、namesテ…

ショートカットキーを使いこなしたらかっこいいいよなあ、作業効率も爆あがりしそうだよなあ、と思いつつマウスを握りしめている人は意外と多いのではないでしょうか。僕もいつかショートカットキーについて調べようと思いつつ後回しにしてしまっていたので…

この記事では、flexboxのより便利な使い方についてまとめます。 flexboxについて flexboxは要素を横並びにしたいときに活躍する概念です。横並びにしたい要素の親要素のdisplayプロパティをflexにすることで、子要素が横並びになります。横並びになった要素…

この記事では、要素を横並びにするための手法、flexboxについて書いています。 ブロックレベル要素とインライン要素 HTMLの要素はブロックレベル要素とインライン要素の二種類に分けられます。ブロックレベル要素は一つのかたまりとみなされ、縦に積み重なっ…

この記事ではcssの基本についてまとめていきます。 cssって何？ cssの役割はHTMLを装飾し、webページの見た目を作ることです。HTMLでwebページに記載する情報を記述しただけでは、なんとも味気ないページになってしまいます。そこでcssを適用することで、見…

HTMLはいくつもの要素が積み重なって構成されています。今回は、よく使うHTMLの要素についてまとめます。 要素とは 要素は基本的に開始タグと終了タグで構成されます。入れ子構造を取ることができ、ある要素の中に別の要素を入れていきます。その場合、外側…

この記事では、HTMLについてざっくり解説したいと思います。 HTMLって何？ HTMLとはWebページに表示する情報を記述する言語のことです。データベースの処理などは行わないため、プログラミング言語ではなく、マークアップ言語に分類されます。 HTMLファイル…