Gallery-Nuxt3.ver

最初はNuxt2を触っていたのですが、新しい方が良さげに思えてNuxt3で構築することにしました。
Nuxt2から3にアップグレードするには単に上書きすれば出来るかなと思っていたら2と3では大違いでした。
2ではディレクトリはセットで揃っていたのですが、3は自分で必要なものは作らないとないけなくて、名前の法則やデータの役割、パスも決まっています。しかも設定ファイルはTypeScript。tsは初めて触りました。

Nuxtを調べていた時、GSAPというライブラリを見つけました。jQueryでは複雑になりがちなプログラムも簡潔にできそうな作りです。

ライブラリを二重に読み込むのには抵抗があったので、要素はDOMで取得することにしました。jQueryも読み込ませていますがGSAPとは別にしています。

初めて使ってみたので、自分用のチートシートとしてコードを下層ページにアップしておきます。また、Nuxt3でのpagesやコンポーネントのテストも試しています。

jsだけでなくPHPもわからないと色々不便に感じることが多くなりました。
今は配列、関数と仮引数、ループや条件分岐がようやく組めるようになってきたというところです。
Laravelもいつかは使えるようになりたいと思っていますが、その前にオブジェクトの使い方もマスターしなければと課題は山積みです。カプセル化してプラグインも作成してみたいです。

少しづつですがシステム開発も進めてますので、リンクを貼りました。

一般のレンタルサーバはNode.jsを入れられないので、別にVPSを契約するか、諦めてビルドしてサーバUPしようかと迷っていたところ、Netlifyというホスティングサービスを知りました。

GitHubからの連携でNetlifyでデプロイ。GitHubに上げるにはデータが重たかったのでコマンドラインからのssh接続。Gitのインストールからのスタートでした。
しかもローカルではjsちゃんと動いていたのにサーバに移したら呪文のようなエラー表示。はっきり言ってNuxtよりもサーバ公開する方が大変でした。