コアモジュールをフロントで使いたい

Question

コアモジュール(fs, os)をフロントエンド(React.jsやVue.js)で使用することは可能なのでしょうか?
いろいろ調べてみるとやはりNodeでサーバを建てる方法しか見つからなかったのですか,どうなのでしょうか？

Answer 1

無理です！
これはNode.jsの歴史と絡めるとわかりやすいのでざっくり紹介。

JSをどうしてもRubyのような汎用スクリプト言語として使いたいウィザードさんがいました。

Chromeが公開しているV8エンジンを引っ張ってきました。
でもJSにはファイルの読み書きや外部モジュールの読み込み機能などがまるっと欠けています。
JSって結局DOMを後付けで変更するための言語でしかないんですよ。

つまりJavaScriptをローカルで動かしても何も出来ないゴミです。
じゃあしょうがないとC++で該当するモジュールを開発・組み込んで実現したのがNode.jsです。
魔改造モジュールを勝手に組み込みまくってるって話なんです。

---

Chrome等で動作するWebブラウザはC++製のモジュールなんて当然ありません。
fsモジュールを使おうと呼び出しても
「なんじゃそりゃ？そんな変数ねーよ、そもそもrequire関数なんてねーし、エラー」
……となっておしまいです。

HTML5で導入された「File API」や「Fetch」なんかの機能はブラウザに入っているので、
これらの機能を調べつつ、やりたいことの実現可否を検討するしかないですね。

基本的にはAjaxでサーバーにHTTP通信を送って
サーバ側に保存するなりで何とかしてもらうという感じになるでしょう。
Webサービスが金取らないとやってられないのはこういう世知辛い事情があります。

---

ちなみにNode.jsはWebサーバ建てるのが得意ですが、
Rubyと同じ汎用スクリプト言語なので、
コマンドラインツール作ったりするのも得意ですよ。

仕事で業務用ツールとか作りまくってました。

Comments

[2_34_koki]

めちゃくちゃ納得行きました.ありがとうございます.

[2_34_koki]

ご質問なのですが,それだとSSR時とかにもコアモジュールを使えないということでしょうか？

[miyabi-sun]

基本的にReactやVue等はJSファイルをダウンロードさせ、
テンプレート(HTML風)の文字列を読み込ませて、
変数に応じたふさわしいDOMツリーをJavaScript上で作ってもらおうという思想で作られています。

つまり、SPAは殺風景のHTMLにscriptタグが生えているような状態で、
しばらく真っ白の画面で我慢させる事になるわけですね。
一度表示されれば速いですが。

SSRはこの初回ロード時のHTMLを気の利いたDOMに描画して与えてやるアプローチです。
SSRの一度目は良くても2度目の描画はクライアントのJavaScript上ですよね？
なのでコアな箇所にはfsやosを使うことは出来ません。

使うとしても、それを包む箇所に使う感じになります。