git・インフラ・環境構築

NVSを使って複数バージョンのNode.jsを扱えるようにする

プライベートと、会社用や、アプリによってなど、環境によってNode.jsのバージョンが異なることがありますよね。そのような場合に、バージョンが異なっているとプログラムが動かなくなってしまいます。 そのような場合の対応策としてNVS(...
プログラミング

【CSS】脱初心者になるために知っておくべきスタイル

line-height テキストの高さ方向のエリアを定めるとき、行間を設定するときに使えるよ! font-weight 文字の太さを設定できるよ! flex-directio...
git・インフラ・環境構築

【VScode】必ず入れたい初期設定

VScodeはカスタマイズ次第でとても便利になる、まさに活かす殺すももあなた次第のツールです。 その中で、入れておくべき設定をまとめました。 設定を変更する方法は、VScode内蔵の設定を変更する方法、拡張機能を追加する方法の...
AWS

【Amplify】Amplify appId mismatch. 解決法

amplifyのbackend構築のために、以下コマンドを実行しますよね。 $ amplify pull --appId XXXXX --envName staging これを実行時に以下の結果が返ってきました。 その際...
React

【React】childrenの使い方 と 型定義propTypes

Reactでは、子要素を扱うときに、そのようなメソッドが存在するわけではないですが、"children"というものを、共通認識で暗黙の了解で使用します。 そのchildrenの使い方についてまとめました。 子要素を渡すという概...
AWS

【Amplify】Fetch data まとめ

Amplifyで、データ取得の際に、めちゃくちゃよく使うこのリファレンスを分かりやすくまとめました! amplifyではqueries, mutations, subscriptionsを自動でsrc/graph...
React

【React】Chakra UI 使ってみた

CSSフレームワークの中で、最近勢い(人気)のある、Chakra UIを使ってみましたので、使い方をまとめました。 まずは、何はともあれinstall。 install方法はこちらの公式ドキュメントに記載されています。 ...
React

【React】バージョン更新!5.0.0

create-react-appをしたら以下のメッセージが出たので、解決法をまとめました。 You are running create-react-app 4.0.3, which is behind the latest re...
React

【React】CSSフレームワーク

ReactでStyle簡単に当てられる便利なフレームワークをまとめました。 Chakra UI Material UI Tailwind CSS ...
JavaScript

【JavaScript】DateTime型をDate型にフォーマット変換

Reactを始めて、初めてJavaScriptを触った私が、JavaScriptでのDateTime型のフォーマットの変更の際にどう躓いたのでその方法をまとめました。 やりたいこと createdAt:"2021-12-16...