はじめに 前回の記事で、モジュール化するこによって名前空間を狭くすることができ衝突を防ぐという話をしました。 今回は、そのモジュールをファイル分割によって読み込むimport/exportについて考えていきます。 import/exportの種類 import/exportの方法にはいくつか種類があります。 大きく、default import/exportとnamed import/exportの2種類です。 今回はnamed import/exportについて見ていきます。 named import / export まず、事前準備としてscriptタグにtype="module"を設定して、モジュールとして扱えるように設定します。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta name="viewport"