.wpress の解凍で学ぶ npm と npx の違い

JavaScript 系でよく使われる npm と npx の違いがピンときていなかった。

よく以下のように説明されている。

npxとはエヌピーエックスと読み、Node Package eXecutor の略語であり、Node.jsパッケージの実行を一時的に行うためのコマンドラインツールです。
簡単に言えば、使いたいパッケージをインストール + 実行 + アンインストールをまとめて行います。
つまり、一時的にパッケージを利用でき、使用後はプログラムが残りません。npmとは違い作業環境を汚さずに利用できる便利なコマンドとなっています。

これを初見で理解できる人はそうはいないような?

私の場合、.wpress (WordPress プラグイン All-in-one-Wp-Migration がワードプレスサイトをインポート/エクスポートするために生成するファイル形式)を解凍する際に npx コマンドを使うケースがあったので、ようやく得心した。

npx wpress-extract filename.wpress

とすると、npx wpress-extract があたかもコマンドラインツールのように .wpress を解凍してくれます。

元々は JavaScript なはずなのに小癪な (^^;)

ところで All-in-one-Wp-Migration の評判が微妙なのは
「WordPress サイトの引越しにはAll-in-one-Wp-Migration プラグインを使え」
ばかりで、この手の情報が流通していないからではないかと思ったりする。

実用的な All-in-one-Wp-Migration の使い方

評判がいいようなので追記。

ある程度のサイトの場合、All-in-one-Wp-Migration を使ったとしてもファイルサイズは数百メガになり、大抵のレンタルサーバーでは、アップロードサイズ上限のためこれを一気にアップロードすることはできない。

で、有償版を購入・・・となる流れなんだが、待ってほしい。

上で書いたように .wpress は npx をうまく使うことでローカル環境で解凍可能だ。だから、

解凍後、必要なファイルのみ FTP などでアップロードした方が現実的

ではないかと思う。

なお、記事内容は database.sql というファイルに入っています。

 

 

新型コロナ対策サイトとフロントエンド開発

新型コロナ対策サイトが大賑わいだが、うまく使いこなせていないグループもあるような・・・。

なにしろ開発に使っているのが Nuxt.js だからなー。

初学者には敷居高いと思う。

Nuxt.js は、拡張子?の js からわかるように JavaScript をベースにしている。

JavaScript というと「ブラウザに動きを与えるためのスクリプト系の言語」という認識で止まっている人は多い。

もちろんブラウザ環境でしか動かないならば、ウェブアプリなぞ作れるわけがない。

少々齧ったことある人なら、「知ってる知ってる、サーバーサイド JavaScript 使っているんだよね」といった反応が返ってきたりもするんだろうが、それだけで例えばコロナ対策サイトを改変できるかというとできないと思う。

現在のフロントエンド開発は、一昔前とは景色が違う

原理的な理解・習得の難しさという観点から見れば、Java や C++ あたりを習得する方がよほど難しいと思うが、違う、違うんだよ、フロントの難しさは。

歴史的に見れば、実行環境、言語自体の洗練化、ライブラリ、フレームワーク・・といったパーツが、割と統一感なく進化してしまったが故に、全体の把握をしにくくなっているのだ。

私としては、やる気のある人はこれを機会に node あたりから入ってほしいなと思うのだった。

 

(追記)

この当時書き溜めていたメモなどをまとめて AXIA というサイトで記事化しました。

イマドキのフロントエンド開発』初学者向けとは思いませんが、手を動かして覚えるならば、それなりに役にたつと思います。

JavaScript の module や class の話』上の記事よりこっちを先に読んだ方がいいかも。まず、ローカルマシンで JavaScript が動くことを実感してほしい。
話はそれから(笑)。