-
プログラミング備忘
【Chat GPT】プロンプトを送信できないエラーを解消する方法
※2024/3/10時点の記事です。 2024/3/10時点では、Chat GPTにメッセージを送ろうとすると、送信ボタンは押されたように見えるものの、返事が返ってこない現象が発生している。 ChatGPTとのやりとりの履歴や再ログインを試しても効果なし。そんなエラー内容... -
プログラミング備忘
【React】スプレッド構文とuseStateを使って配列を追加する
useStateを使用して配列の状態を管理している際に、その配列に対して新しい要素を追加するときに使えるパターンを備忘する。 //そもそもスプレッド構文の使い方 const oldArray = [1, 2, 3]; const newArray = [...oldArray, 4]; // [1, 2, 3,... -
未分類
【css】gridをきちんと理解する。【ジェネレータが最強】
cssのプロパティdisplay:gridが非常に有用なので基本の使い方を整理する。 親要素に当てるcss。 .grid__container { height: 700px; //適当 margin: 20px; //適当 display: grid; place-items: center; //gridアイテムを中央よせする grid-template-column... -
プログラミング備忘
【CSS】background:transparentで透明化させる
学習中にbackground:transparentという値を設定することがあったので備忘として残す。 transparentとは要素を透明にするものであり、transparentを指定すると要素の色が完全に透明になりるが、opacityやrgbaの様に透明度を変更することはできない。 実際の... -
プログラミング備忘
【CSS】gapプロパティの使用方法について
gapプロパティの使い方 cssで要素間の余白を作成するときに、paddingやmarginを使用するが、FlexboxおよびCSS Gridの要素ではgapプロパティーを使用して余白を設定できる。 gap:XXpx YYpx のように要素の行間と列間を別の値で設定することも可能。 margin... -
プログラミング備忘
【Node.js】material UIをreactに導入してアイコンを使う
今回はreactでmaterial UIのアイコンを使用するための導入手順を備忘として残す。 material UIのインストール事前準備 material UIをインストールするプロジェクトを作成する。 npx create-react-app hoge 上記コマンドでreactのプロジェクトを作成する。t... -
プログラミング備忘
【Node.js】3の倍数と3を含む数字を出力する方法
AOJで3の倍数と3を含む数字を出力する問題があり、簡単ではあるがメモを残す。まずは3の倍数についてだが、3の倍数は変数iを3で割った余りが0であれば3の倍数なので、 if(i%3===0){ arry.push(i); } で求められる。(配列に格納している理由は後ほど) 次... -
プログラミング備忘
【Node.js】条件演算子のはてな「?」とコロン「:」について
AOJ(AIZU ONLINE JUDGE)で条件演算子(三項演算子)を使用する機会があったので備忘のために残そうと思う。 条件演算子(三項演算子)とは 3つの部分から成る特殊な演算子。なので三項演算子とも呼ばれる。形式は下記のような形。 // 条件 ? 値1 : 値2 ... -
プログラミング備忘
【Node.js】初学者向けforEachについて
whileやforと何が違うのか、と思っていたが全然違ったので備忘として記録する。 まず、forEachに関してはループは行うが、メソッドである。かつ、配列に対してのみ実行できるメソッドとなり、引数にコールバック関数を取る。 whileやforに関していうと、条... -
プログラミング備忘
【Node.js】配列の数値の最小値、最大値、合計値を取得する
配列numsに対して最小値、最大値、合計値を取得する方法。 // 最大値を取得 let max = Math.max(...nums); // 最小値を取得 let min = Math.min(...nums); // 合計値を取得 let sum = nums.reduce((accumulator,currentValue) => accumulator + currentVal...
12