プログラミング備忘– category –

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

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

学習中に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...

とある課題で、標準入力に「1 + 2」のように来たら1+2の結果を出力、「1 - 2」が来たらその結果を出力、「1 ? 2」のように来たら処理を終了するプログラムを作成することになった。 標準入力というと、fsモジュールでの読み込みを主としていたので、下記の...