最近、スマホのWebで、QRコードを読む実装方法について調査したりシたんですが、サンプルが(、ライブラリがnpmのパッケージなので)、SPAな方面の実装だったりすることが多く、HTML / JavaScript / CSSな人はコレを理解できないんですよね。
斯く言う私も、
二年前ぐらいは、全く解っていなかったと思うので、その解らない側の気持ちも、少々、解りますが、今日は、そんな話ではなく、ドウやったら、この様な人達に「なるほど、解った。」と早急に言わせることが出来るか?と言う話です。
と言う事で以下にリストしてみます。
- 最近のJavaScriptライブラリは、Browser上、NodeJS上などで使えるように、NodeJS(CommonJS)で書かれることが多い。
- NodeJSのパッケージ・マネージャは、npmと言い、ココから取得できるパッケージには開発ツールとライブラリが在る。
- npmパッケージのライブラリをHTML上から使用する際は、webpackを使用してbundle処理を行えば良い(webpackのbundle処理を通したモノがネット上に落ちている事もあるが、出処に注意が必要になる)。
- 昨今のモダンなSPAを開発する場合は、
- このNodeJSの開発ツールを使用することが多い。
- なお、ライブラリは、開発ツールと違う方法でインストールする。
- SPAの実装も(、transpile処理等々を経た後)、bundle処理で、1つのJSファイルに纏められてHTMLに仕掛けられる。
...と、こう言う事なので、HTML / JavaScript / CSSな人は、npmでSPAな方面の実装を理解できないケースが多いのではないか?と思います。上記の情報で理解をサポートすることが出来たでしょうか?
詳しくは、以下に纏めていますが、色々とリンク先を辿らないとイケナイので、確かに、理解も難しければ、教えるのも難しいですよね。という話になりそうです。
<参考>