ともブロ。

Rails, Vue.js, React.js, JavaScript等、日々学んだ技術・知識を備忘録的に記していきます。

2021-04-01から1ヶ月間の記事一覧

【React】Hooksについてカウントアプリを作成して学ぶ

ReactはHooksの扱い方が重要だと感じた。 Railsからweb開発に入っている為、状態管理についてイメージしにくいため、学んだことを記事化する。 React Hooksとは? version 16.8から新たに追加されたAPI。 Hooksを利用することで、関数コンポーネント(functio…

【React】Fragmentで不要なdivタグを消す

Reactではreturnの後で必ず一つのタグでwrapsされている必要がある。 example) import React from 'react'; export const Users = () => { <div> <h1>Hello, world!</h1> </div> } このようにdivでラップすると、html上でもdivタグが表示され、スマートではないと思っていた。 調…

【Rails】 APIのURLにつける「V1」の意味とは?

RailsをAPIで利用する場合のURLで、 http://localhost:3000/api/v1/hoge のように、v1などの数字を付ける場合が多い。 現在ジョインしている案件でもURLに付けているが、これまでそういう物としか考えずに詮索しなかったが、 気になって調べてみた。 APIは開…

【Rails】Pretty Print(PP)を利用したデバッグ 【API】

実務に於いて、先輩から「PP」をコード内に仕込み、デバッグする方法を教わった。 RailsでAPIを叩いた際、エラーが発生してもどこを直せばよいか分からないことが多いかと思う。 そこで役に立つのが、 pp で、まずは表示されているエラー文からある程度の目…

【Mac 小ネタ】Finderで隠しディレクトリをコマンドで表示させる方法

.sshディレクトリのファイルを送付したい時(相手方と公開鍵のやりとり等)、頻繁にはないと思いますが、メモ的に残す。 command + shift + . finder等で上記3つのキーをホームディレクトリで打つことで一発で表示できる。

Rails(API), Docker利用時、gemを追加した際のコマンド

Docker環境においてRails APIでgemを追加した際のコマンドを忘れがちなのでメモとして残す。 まずはdevelopブランチにおいてgit pullして最新のgitを反映させる。 そして以下のdocker-composeコマンドでgemのupdateなどを行う。 docker-compose run --rm api…

class << self について

通常、モデル内(class)にdef~という形で書くと、 それはインスタンスメソッドとなる。インスタンスメソッドはそのモデル内で使用できる。 ではモデル内でよく見る「class << self」とは何か? class << self def クラスメソッド end end 上記のような場合、 …

 Docker で不具合があった場合の対処

このブログではRailsの実務におけるエラーや技術のことなどを備忘録的に記していきます! 業務でdocker を利用していて偶に各種エラーに遭遇するが、その場合はエラー内容にもよるがDockerを再起動するなどで直る場合が多い。 Docker (右上の鯨)を終了させる…