Quasarのはじめかた

Node.jsがインストールされていない場合は、公式ウェブサイトからダウンロードしてインストールしてください:https://nodejs.org/

コマンドプロンプトまたはターミナルウィンドウを開き、以下のコマンドを実行してQuasar CLIをインストールします:

npm install -g @quasar/cli

以下のコマンドを実行して、新しいQuasarプロジェクトを作成します:

quasar create my-project

このコマンドにより、”my-project”という名前のディレクトリに新しいQuasarプロジェクトが作成されます。

新しく作成したディレクトリに移動します:

cd my-project

以下のコマンドを実行して、開発サーバーを起動します:

quasar dev

ウェブブラウザを開き、以下のURLにアクセスしてください:

http://localhost:8080

デフォルトのQuasarウェルカムページが表示されます。

以下のコマンドを実行して、新しいページを作成します:

quasar new page hello

これにより、「src/pages」ディレクトリに「Hello」という名前の新しいページが作成されます。

新しく作成された「src/pages/Hello.vue」ファイルを編集し、以下のコードに置き換えてください:

<template>

  <div>
    <h1>Hello, world!</h1>
  </div>
</template>

ファイルを保存してください。

前の「quasar dev」コマンドを停止し、再度実行して開発サーバーを再起動します。

ウェブブラウザを開き、以下のURLにアクセスしてください:

http://localhost:8080/hello

ページに「Hello, world!」というメッセージが表示されます。

おめでとうございます!Quasarが正常にインストールされ、”Hello, world!”のサンプルページが作成されました!

Tomcat 9上でSpring BootのWARファイルをデプロイする際に404エラーが発生する

最近、Spring BootアプリケーションをWARファイルとしてTomcat 9にデプロイした際に、Webブラウザでアプリケーションにアクセスすると404エラーが発生しました。Tomcatログにはデプロイに関するエラーや例外が表示されず、問題の原因が分からなかったため、解決策を探しました。

解決策1: WARファイルと依存関係を確認する

まず最初に、WARファイルとその依存関係が正しいか完全であることを確認しました。WARファイルの内容を二重チェックし、アプリケーションの依存関係を確認しましたが、404エラーの原因となる問題は見つかりませんでした。

解決策2: Tomcatの設定を確認する

次に、Tomcatの設定を確認し、アプリケーションに適切に設定されていることを確認しました。server.xmlファイルをチェックし、正しいポート番号とコンテキストパスが指定されていることを確認しましたが、404エラーが発生しました。

解決策3: Spring Bootの設定を確認する

次に、Spring Bootの設定に注目し、アプリケーションのapplication.propertiesおよびapplication.ymlファイルを確認しました。サーバーポートとコンテキストパスの設定をチェックしましたが、404エラーの原因となる問題は見つかりませんでした。

Tomcat server

解決策4: Spring Bootのコードを確認する

最後に、Spring Bootのコードを確認して、アプリケーションがTomcat上でWARファイルとして正しく構成されていることを確認しました。Spring MVCの設定、Thymeleafのテンプレート、ビューコントローラなどをチェックしましたが、404エラーの原因となる問題は見つかりませんでした。

解決策: Spring Boot 3.0とTomcat 9の互換性の問題

他の可能な解決策を全て試した後、Spring Boot 3.0とTomcat 9の互換性の問題が404エラーの原因であることが判明しました。

Docker上のDevilboxでUbuntuを使用してWindows WSL2にWordPressをインストールする方法

上級ユーザー向けのシンプルなガイド:Ubuntu/Debian上でDockerとDevilboxを簡単にインストールし、その後WordPressをインストールします。これはWindows Subsystem for Linuxと呼ばれるWSL上で実行されます。WSL2を使用してください。技術のピークに到達していないでしょうか?

インストール:

最初にDockerのキーとリポジトリを追加し、Dockerユーザーとグループを作成し、ユーザーをグループに追加します。

curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add -

sudo add-apt-repository "deb [arch=amd64] https://download.docker.com/linux/ubuntu $(lsb_release -cs) stable"
sudo apt update && sudo apt install docker-ce docker-ce-cli containerd.io

sudo groupadd docker && sudo usermod -aG docker $USER

newgrp docker

sudo service docker start

docker run hello-world

Dockerが起動し、hello-worldを実行した後、Dockerはすべてが問題ないと伝える必要があります。

次に、composeコマンドを実行できるように、docker-composeをインストールする必要があります。

ページに移動:https://github.com/docker/compose/releases
リリースの適切なリンクを検索し、クリックして、例えばバージョン2.6.0の場合は以下のように引用符の間に配置します。

sudo curl -L "https://github.com/docker/compose/releases/download/v2.6.0/docker-compose-linux-x86_64" -o /usr/local/bin/docker-compose

sudo chmod +x /usr/local/bin/docker-compose

DEVIL BOX:

次に、devil devilboxをインストールします。

mkdir ~/dev/
cd ~/dev/
git clone https://github.com/cytopia/devilbox

ユーザーIDを取得します。

id -u

および、グループIDを取得します。

id -g

.envをリネームした後、結果を.envの例にコピーします。

cd devilbox
cp env-example .env
nano .env

これらの行を見つけ、それに応じて変更してください。id -gで1001が取得できた場合は、NEW_GIDに入れてください。

NEW_UID=1000
NEW_GID=1001

次に、コンポーズアップします。

docker-compose up

localhostに移動して、悪魔を見ることができるはずです。ポートが使用中になっているというエラーがいくつか表示される場合は、コンピューターで実行されている類似したサービスを確認し、それを停止してください。たとえば、nginxをインストールした場合、nginxを停止します。

次に、最初のウェブサイトを追加し、WordPressをインストールしましょう。

cd data/www
mkdir wordpress
cd wordpress
git clone https://github.com/WordPress/WordPress htdocs
mysql -u root -h 127.0.0.1 -p -e 'CREATE DATABASE wordpress;'

パスワードは必要ありません。

Windowsのホストファイルを編集し、wordpress.loc (または前述のディレクトリ名に加えて .loc)を追加します。これを管理者として編集する必要があります。私はNotepad++を使用しています。通常のユーザーで開き、任意の編集を行い、保存をクリックすると、Notepad++は管理者として再度開くかどうかを尋ねます。はいを選択し、実際の編集と保存を行います。

ホストファイルの場
c:\Windows\System32\Drivers\etc\hosts

Devilbox virtual hosts

最後に次の行を追加してください。

127.0.0.1 wordpress.loc

ブラウザでwordpress.locに移動し、インストールできるはずです。