はるとブログ プログラミング・AIイラスト・英語などについて情報発信しています
Nulish coalescing (ヌリッシュ コアレッシング) とは新しくJavaScriptに導入されたoperatorで、 ?? です。 ?? の左側が null または undefined の場合は、右側に書かれたものをデフォルト値として使います。 ちなみに、null と undefined をまとめてnullish valueといいます。 何言ってるかよくわからないと思うので、早速例で […]
Optional chaining とは オブジェクトに特定のプロパティが存在するかどうかあやしいときには、Optional chainingというものが使えます。 たとえば、 const user = { details: { name: { firstName: "Sam" } }, data: null } というオブジェクトがあったとします。 しかし、あなたはuserというオブジェクトの中 […]
Objectのkeyを抽出するには、Object.keys()を使います const settings = { theme: "Dark", version: "2.4.1", beta: false }; const keys = Object.keys(settings); console.log(keys); // ["theme", "version", "beta"] Object.ke […]
Array destructuring const dimensions = [20, 5] // create variables const [width, height] = dimensions; // log them console.log(width); //20 console.log(height); //5 [20, 5]という配列から、widthに20、heightに5が格納 […]
足し算の例 const grades = [10, 15, 5]; const sum = grades.reduce((total, current) => { return total + current; }, 0); 掛け算の例 const numbers = [5, 2, 10]; const result = numbers.reduce((total, current) =&g […]
Array of object : const users = [{ id: 1, name: "Sakura Miko" }, { id: 2, name: "Usada Pekora" }]; Convert to DOM : const html = `<ul> ${users.map(user => `<li>${user.name}</l […]
JavaScriptでstring（文字列）をarray（配列）に変換するには、String.split(separator)が使えます。 let apps = "Calculator,Phone,Contacts"; // これは文字列 let appsArray = apps.split(","); // 上の文字列を,で区切って配列にしてね console.log(appsArray […]
Here is a simple definition. parameter = a variable in a function definition arguments = the data you pass into the method’s parameters function sum(a, b) { return a + b; } 上の関数でa や b がparameter […]
MDN を見てDjango development environment を構築しようとしたところ、一部上手くいかなくて自分で調べて補った部分があるので、備忘のため全工程をここに記します。 １．Python3のインストール Ubuntu Linux 20.04 LTSにはPython 3.8.10がデフォルトで含まれていますが、ちゃんと入っているかまずは確認します。 ターミナル（ターミナルプレビ […]
起きた問題 グラフを作成するのに便利なchart.jsを使おうとしたが上手くブラウザに表示されずに、Developer Modeを開くと “ReferenceError: Chart is not defined” というエラーが出たときの対処法を記します。 結論としては、htmlファイル内でmain.jsより上にchart.jsを読み込めば解決しました。 <scri […]
