2024年– date –

※2024/3/10時点の記事です。 2024/3/10時点では、Chat GPTにメッセージを送ろうとすると、送信ボタンは押されたように見えるものの、返事が返ってこない現象が発生している。 ChatGPTとのやりとりの履歴や再ログインを試しても効果なし。そんなエラー内容...

useStateを使用して配列の状態を管理している際に、その配列に対して新しい要素を追加するときに使えるパターンを備忘する。 //そもそもスプレッド構文の使い方 const oldArray = [1, 2, 3]; const newArray = [...oldArray, 4]; // [1, 2, 3,...

cssのプロパティdisplay:gridが非常に有用なので基本の使い方を整理する。 親要素に当てるcss。 .grid__container { height: 700px; //適当 margin: 20px; //適当 display: grid; place-items: center; //gridアイテムを中央よせする grid-template-column...

学習中にbackground:transparentという値を設定することがあったので備忘として残す。 transparentとは要素を透明にするものであり、transparentを指定すると要素の色が完全に透明になりるが、opacityやrgbaの様に透明度を変更することはできない。 実際の...

gapプロパティの使い方 cssで要素間の余白を作成するときに、paddingやmarginを使用するが、FlexboxおよびCSS Gridの要素ではgapプロパティーを使用して余白を設定できる。 gap:XXpx YYpx のように要素の行間と列間を別の値で設定することも可能。 margin...

今回はreactでmaterial UIのアイコンを使用するための導入手順を備忘として残す。 material UIのインストール事前準備 material UIをインストールするプロジェクトを作成する。 npx create-react-app hoge 上記コマンドでreactのプロジェクトを作成する。t...