主にフロントエンド（クライアント）で用いられるファイルの読み込み方法である ES Modules について解説する。ES Modules は ES6 で追加された機能であり、古いブラウザでは動作しない場合がある。 importは、ほかの .js や .ts ファイルを読み込むための機能で ...

モジュールは、関連する機能をまとめたJavaScriptファイルです。これにより、コードが整理され、再利用しやすくなります。 この例では、addとsubtractという2つの関数をエクスポートしています。 つまり、足し算、引き算の関数が外部でも使えるようにしてい ...

モダンJavaScript講座第9回では、Default import/exportの書き方を丁寧に解説します。モジュールの基本を押さえ、効率的でわかりやすいコード作成に役立つテクニックを習得しましょう。 #JavaScript #DefaultImportExport #フロントエンド “金と銀の紙に包まれた小さい ...

HTMLでスクリプトを読み込むときに、type="module" を指定します。 他のファイルで使いたい関数をエクスポートします。 import { sayHello } from "./hello.js"; sayHello(); // こんにちは！ main.js内で、import { 関数名 } from "ファイル名" でインポートできます。 複数の関数を ...

Your browser does not support the audio element. When I started writing JavaScript before 4 years, things were totally different. We use jQuery a lot, use script and ...

After php 7.4 release, I am interested in the new feature, the arrow function. This reminds me when using javascript, I use a lot of arrow functions. Also in javascript can export and import from ...