blog

日常・技術のことを記録する

プログラミング(JavaScript)

MERNスタック

Node.jsにまつわる教材ってDBがMongoDBなことが多い気がする。せっかくMySQLインスコしたのになんなの…と思ったら、「MERNスタック」とかいう開発アーキテクチャがあるらしいことを教えてもらうなど。(PHPでいうMAMPみたいなやつ)MERNM:MongoDBE:Express…

JavaScript 短く書いてみるメモ

trueになるから、条件式自体をreturnすればOK 変更前 'use strict'; { const numbers = [1, 4, 7, 8, 10]; const evenNumbers = numbers.filter(number =>{ if(number % 2 === 0){ return true; }else{ return false; } }); console.log(evenNumbers); } // …

JavaScript 四捨五入とかとか

切り捨てとか四捨五入とかとか Math.floor() - JavaScript | MDN Number.prototype.toFixed() - JavaScript | MDN 'use strict'; { const scores = [10,3,9]; let sum = 0; scores.forEach(score => { sum += score; }); const avg = sum / scores.length; c…

JavaScript split

splitすると配列に格納するのか。 String.prototype.split() - JavaScript | MDN 'use strict'; { const d = [2019,11,14]; console.log(d.join('')); /* 実行結果 20191114 */ const t = '17:08:24'; console.log(t.split(':')); /* 実行結果 [ '17', '08',…

JavaScript forEachめも

forEachめも 'use strict'; { const scores = [10, 20, 30, 40 ]; scores.forEach((score, index) =>{ console.log(`Score: ${index}:${score}`); }); } // 実行結果 Score: 0:10 Score: 1:20 Score: 2:30 Score: 3:40 あるだけブン回すみたいな感じか。 pyt…

JavaScript レスト構文めも

レスト構文 'use strict'; { const scores = [10, 20, 30, 40 ]; const [a,b, ...others] = scores; console.log(a); console.log(b); console.log(others); } // 実行結果 10 20 [ 30, 40 ] スプレッド構文と同じ演算子(...)を使うけど、何が違うの?? と…

JavaScriptで配列の要素だけを配列に格納したい(スプレッド構文)

JavaScriptで、配列に他の配列の要素だけを格納したい場合 だめなケース 'use strict'; { const otherScores = [50, 60]; const scores = [10, 20, 30, 40, otherScores]; console.log(scores); } // 実行結果 [ 10, 20, 30, 40, [ 50, 60 ] ] あれ、配列の…

イベントハンドラってなんや

htmlとjsはじめて、<script>タグの中だけがjsだと思ってた。 けど、そうじゃないらしい。 onclickはもうすでにjsなんだって。 めっちゃ不思議!!htmlじゃん!って思ったのさ。 <html> <head> </head> <body> <button onclick=“clicktest();function clicktest(){alert(‘test’);}“> </body> </html> これで動くの。 <script>の記述ないじゃん!不思議ね。 で、そもそもonclickってなんだろ…

チェックボックスをつけてみる(html)

jsとhtml&cssの課題 JavaScriptはじめのいっぽ - blog これの続き ●課題 ・ラジオボタンをcheckboxにする。 ・1つチェックついてたら、ついてる方の言葉を。2つともチェックついてたら、両方の言葉を、Alertで出すように。 ・ボタンは1つ。 ・関数は1つ…

JavaScriptはじめのいっぽ

なんやかんやでJavaScriptを始めた、ほんとうに最初の記録 あとから見返して成長記録にしたい。 ボタンいっこ動かすのに、何回も教えてもらったよ、、、 1歩目のコード↓ ボタンが1つあって、押したらメッセージが表示される、というもの。 <html> <head> <script> function clic</script></head></html>…