現在、xserver 上で Laravel を動かしています。
私個人用のカード型データベースで画像も保存できるようになっています。
ありとあらゆる情報をここに記録しており、必要に応じていつでも検索できるようになっています。これはとても便利で、これがないと非常に不便な思いをすると思います。
その Laravel アプリを導入する際に vue も、と思ったのですがとても難解であり、慣れている jQuery を利用しました。
しかし、流れは jQuery じゃなくて vue のようです。
と言っても、vue や React がどのようなものかは全く理解できず、まずはやってみようと考えました。
vue のインストールそのものがとても難しい
vue のインストールは難解なので、chatGPT に訊いてみたのですが、chatGPT の答えではインストールさえできませんでした。
私の環境は linux mint 21.3 なのですが、Ubuntu20.04 に vue 3.0 をインストールする qiita のサイトがあったのでそれを実行してみました。
curl -sL https://rpm.nodesource.com/setup_8.x | sudo bash -
sudo apt install -y nodejs npm
node -v
npm -v
sudo npm install -g @vue/cli
vue --version
sudo apt install -y nodejs npm
sudo npm install n -g
sudo n stable
sudo apt purge -y nodejs npm
exec $SHELL -l
node -v # v18.14.0
プロジェクト作成。
vue create hello-vue
でも作成できません。
どうも、yarn というものが必要なようですが、yarn って何?
sudo apt install yarn
でも、これでは version が古すぎてダメなようで、chatGPT に質問すると以下のようにして、yarn をアップグレードするように言われました。
npm uninstall yarn -g
curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
sudo apt update
sudo apt install yarn
yarn --version
プロジェクト作成と起動
プロジェクト作成。
vue create hello-vue
起動。
cd hello-vue
npm run serve
http://localhost:8080/にアクセス。

インストールするだけでとても時間がかかりました。
これは久しぶりに途中でギブアップするかもしれません。