OSS Consortium


 

日本語 | English

開発基盤部会 Blog

開発基盤部会 Blog >> Article details

2020/09/11

HTML / JavaScript / CSSな人を、npmでSPAな方面に引き込むには?

Tweet ThisSend to Facebook | by nishino
 最近、スマホの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な方面の実装を理解できないケースが多いのではないか?と思います。上記の情報で理解をサポートすることが出来たでしょうか?

 詳しくは、以下に纏めていますが、色々とリンク先を辿らないとイケナイので、確かに、理解も難しければ、教えるのも難しいですよね。という話になりそうです。

<参考>


09:00 | Impressed! | Voted(0) | Comment(0) | ご報告