iconJavaScriptにも、モジュール機能(import/export)がやってきました!これまではNode.jsなどを用いてモジュールを扱っていましたが、これからはJSの標準機能として使えます。Modulesに対応しているブラウザは以下の通りです。10.3その他のブラウザは未定です。Moduleのimportを使うには、script要素がtype=”module”である必要があります。スクリプト自体は、インラインでも外部ファイルでもかまいません。src="main.js"></script>type=”module”が指定されたスクリプトは、defer属性が付与された場合と同様の扱いになります。オプションとしてasync属性を指定することもできます。強制的にStrictモードになります。type=”module”が指定されたスクリプトの中ではimport文が使えるようになります。import文を利用することで、モジュールの一部オブジェクト(または全て)を読み込むことができます。'module.js'から関数helloをimportする。importした関数を実行する。hello();import文では、読み込むオブジェクト名と、モジュールファイルへのパスを指定します。この例では、module.jsファイルから関数helloをインポートしてます。オブジェクト名は「{}」で囲む必要があることに注意してください。モジュールのパスの指定は、「/」や「./」「../」から始まるパスで行われる必要があります。「module.js」ではなく「./module.js」にする必要があるということです。パスの他にも、URLで指定することも可能です。import文では一度に複数のオブジェクトを読み込むこともできます。その場合は、名前をカンマで区切ります。加えて、asを使うことで別の名前をつけることもできます。'./module.js';この例では、fooとbarとbazをインポートし、barにはmyNameという別名をつけています。アスタリスク記号を使ってすべてのオブジェクトを一度に読み込むこともできます。この場合は、asを使って任意の名前空間に読み込む必要があります。全てのオブジェクトを'Module'に読み込む。'./module.js';Module.hello();この例では、Moduleという名前のオブジェクトに、module.jsがエクスポートするすべてのオブジェクトを一度にインポートしています。import文には、他にも様々な使い方があります。詳しくはMDNのページをご覧ください。exportする側スクリプトファイル内でexport文を使うことで、関数やクラスなどの、任意のオブジェクトを外部へエクスポートすることができます。エクスポートしたオブジェクトは、type=”module”のスクリプトからインポートすることができます。関数をexportする。console.log('hello!');}この例では、関数helloをエクスポートしています。単一の要素だけではなく、複数のオブジェクトをエクスポートすることも可能です。エクスポートしたい要素すべてにexportをつけてください。defaultが利用できます。defaultはそのモジュールのデフォルトとなるオブジェクトで、少し異なった方法でインポートすることができるようになります。defaultは名前無しのエクスポートで、インポートする側で名前をつけることになります。console.log('hello!');}この例では無名関数をモジュールのデフォルトとしてエクスポートしています。名前無しエクスポートとは言いますが、エクスポートするオブジェクトが無名である必要は特にありません。}」ではなく「hello」のように書きます。このとき名前は任意のものを用いることができます。defaultを'hello'という名前で読み込む。defaultを混在して使うこともできます。defaultはひとつのみに限ります。console.log('world!');}このとき両方を同時にインポートすることもできます。defaultを'hello'という名前で読み込む。exportされたworld関数も読み込む。'./module.js';hello();world();export文には他にも様々な使い方があります。詳しくはMDNのページをご覧ください。Modulesの使用例まずは任意のファイル内で必要なオブジェクトをexportして準備します。これをmodule.jsとしてみましょう。classをexportしている。}}この例では2つのクラスをexportしています。これら2つがtype=”module”なスクリプトから利用できるオブジェクトとなります。次にscriptタグにtype=”module”を指定して、そのスクリプトからimportします。このときスクリプトはインラインでも、外部ファイルでも構いません。今回はインラインで書いてみます。'module.js'でexportされたclassをimportする。importしたクラスを使用する。console.log(r.toString());</script>これを実行してみます。interface(暗黙的インターフェイス)について[翻訳]DartにおけるユニットテストDartでWebGL入門-テクスチャ編DartでWebGL入門-3D編RSSプロフィール古都ことふるみやことです。フロントエンドとかいろいろやるよ。