junjunjp– Author –

※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...

AOJで3の倍数と3を含む数字を出力する問題があり、簡単ではあるがメモを残す。まずは3の倍数についてだが、3の倍数は変数iを3で割った余りが0であれば3の倍数なので、 if(i%3===0){ arry.push(i); } で求められる。（配列に格納している理由は後ほど） 次...

AOJ（AIZU ONLINE JUDGE）で条件演算子（三項演算子）を使用する機会があったので備忘のために残そうと思う。 条件演算子（三項演算子）とは ３つの部分から成る特殊な演算子。なので三項演算子とも呼ばれる。形式は下記のような形。 // 条件 ? 値1 : 値2 ...

whileやforと何が違うのか、と思っていたが全然違ったので備忘として記録する。 まず、forEachに関してはループは行うが、メソッドである。かつ、配列に対してのみ実行できるメソッドとなり、引数にコールバック関数を取る。 whileやforに関していうと、条...

配列numsに対して最小値、最大値、合計値を取得する方法。 // 最大値を取得 let max = Math.max(...nums); // 最小値を取得 let min = Math.min(...nums); // 合計値を取得 let sum = nums.reduce((accumulator,currentValue) => accumulator + currentVal...