0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Terminalに拒否感がある人にnode.jsを布教する

Last updated at Posted at 2020-02-27

node.jsの布教で、心が折れそうになってきたので書き留めておく。
image.png
(引用元)https://blog.mach3.jp/2017/12/15/kuroigamen.html

「便利」とか言うだけでは、絶対使ってくれない。

PreprosがあればSassのコンパイルできる、と言われると何も言えなくなるので
せめてvue-cli-uiまで行けたら、黒い画面は一切見なくて良いはずなのに。と思った。

相手のmacをちょっと借りてからやること

node.jsと、vue-cli >3は、グローバルにインストールしておく。
※いちいち違うバージョンでパスを通すのは面倒なので nodebrewなどは使わない。
何かvue.jsのリポジトリを1つgitからクローンして持ってくる。

MacのAutometerを使う

image.png
「シェルスクリプトを実行」を選んで

export PATH=$PATH:/usr/local/bin
vue ui

これを書き込んで、保存すると簡易的なアプリケーションになる。

それっぽいツールに見せる

ロボットのアイコンだと、拒否感があるかもしれないので、Vueのアイコンに変えておく。
(Vueのロゴをクリップボードにコピーして、「情報をみる」の中の、アイコンの所をクリックしてペーストすると変わる。)

image.png

これを渡して、Dockに置く。コレをクリックするだけで、ブラウザでGUIでnpmコマンド使える。
image.png

Vue.jsはもちろん、Reactもこれで行ける

vue.jsならコレでserveとかbuildが使える。
image.png

Reactの場合どうなんだろうと思って調べたら、何か足りないけど、普通にできた。
あいや、開けたけど、コレは、エラーで止まった場合にCtrl+Cできないから、詰む。。
ReactはやはりVS Code経由かな。
image.png

ついでに、Webpackは、ログがなるべく出ないようにしておく。
https://qiita.com/DaisukeNishi/items/ee2600de2b424e6a253f

これでターミナル一切使わずnode.jsを布教できる。
これで黒い画面に触ることなくvue.jsとかReactが使えるようになる。

多分。

vue-cli-uiをオフにする時は

killAll node

結局黒い画面使ってますねw

参考記事

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?