Array reduce() の使い方
足し算の例 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 […]
8/33ページ
Array to string (DOM)
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) <--> Array.join(glue)
JavaScriptでstring（文字列）をarray（配列）に変換するには、String.split(separator)が使えます。 let apps = "Calculator,Phone,Contacts"; // これは文字列 let appsArray = apps.split(","); // 上の文字列を,で区切って配列にしてね console.log(appsArray […]
- 2022.11.28
What is parameter and arguments in JavaScript?
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 […]
- 2022.11.28
- Django, Python, server-side, WSL,
WSL内にDjango development environment を構築する方法
MDN を見てDjango development environment を構築しようとしたところ、一部上手くいかなくて自分で調べて補った部分があるので、備忘のため全工程をここに記します。 １．Python3のインストール Ubuntu Linux 20.04 LTSにはPython 3.8.10がデフォルトで含まれていますが、ちゃんと入っているかまずは確認します。 ターミナル（ターミナルプレビ […]
- 2022.11.08
- chart.js, JavaScript, vite,
Chart.jsを使おうとして ReferenceError: Chart is not defined が出たときの対処法
起きた問題 グラフを作成するのに便利なchart.jsを使おうとしたが上手くブラウザに表示されずに、Developer Modeを開くと “ReferenceError: Chart is not defined” というエラーが出たときの対処法を記します。 結論としては、htmlファイル内でmain.jsより上にchart.jsを読み込めば解決しました。 <scri […]
Viteが自動更新しない場合の対処法
起きた問題 viteを使っていてhtmlファイルやJavaScriptファイルを更新しても、ブラウザーで反映されない 環境 WSL (Windows Subsystem for Linax）を入れてコマンドラインを使用 WSLがインストールされている場所とは別の場所（Eドライブに作ったディレクトリ）にviteを突っ込んだ 解決策 WSL内にviteを入れて、index.htmlやmain.jsなど […]
- 2022.07.30
- CSS, JavaScript, 反映されない,
変更したはずのCSS/JavaScriptがサイトに反映されない！？ときの対処法
WEBページを作成中にCSSやJavaScriptを更新しサーバーに置いたにもかかわらず、サイトに反映されない！？どうすればいいんだ・・・となったときの対処法です。 ずばり原因は、キャッシュにあります。過去にアクセスしたときの古いCSSやJavaScriptファイルがキャッシュとしてブラウザに保存されており、そっちを読み込んでいるのが原因です。 キャッシュをクリアしてブラウザを更新 […]
- 2022.07.06
- cnn10 student news, command line, windows10, WSL,
/usr/bin/env: ‘bash\r’: No such file or directoryというエラーがWSLを使っていて発生したときの対処法
エラーの発生 MDNのCommand line crash course を学んでいて、 Windows Subsystem for Linux (WSL)をインストールし、 Installing Node.js からLTSをダウンロード・インストール、いざWSL（Ubunts）のコマンドラインで npm install prettier と打ったところ、下記エラーが出ました。 /usr/bin/ […]
- 2022.05.03
- cnn10, cnn10 script, cnn10 student news, cnn10 translation to Japanese, cnn10 和訳,
【和訳】CNN10 May 2, 2022【日本語訳】
海外ニュースの翻訳です。 動画 主要ニュース 新型コロナウイルス対策規制を緩める欧米諸国と、厳しい制限を続ける中国 スライム状のロボットが開発されている（Soft robotics） Pickup words and phrases English 日本語訳 it is out of the emergency phase 緊急段階ではありません pull back from から引き戻す hos […]