hello-programmer-world

プログラマー向けの学習コンテンツサイトです。

必要な環境

pnpmがインストールされていない場合は、以下のコマンドでインストールしてください。

npm install -g pnpm

このソースコードの取得

git clone https://git.souken-dev.com/git/h.sakamoto/hello-programmer-world.git

Webページの準備 (ライブラリのインストール)

pnpm install

Webページの起動

pnpm dev

開発サーバーが起動し、ブラウザで http://localhost:4321 にアクセスできます。
ファイルを編集すると、自動的にブラウザがリロードされます。

このサイトは Mermaid の画像生成のために Playwright を利用しています。
そのため、Playwright が公式サポートしていない OS では、pnpm build が失敗することがあります。

その場合は、Playwright 公式イメージの中でビルドしてください。

pnpm build:docker

Podman を使う場合は、以下のコマンドを実行してください。

pnpm build:podman

ビルドが成功すると、成果物がホスト側の ./dist/ に出力されます。
この dist/ を Web サーバーに配置すれば、そのまま公開できます。

静的サイトをそのままコンテナで公開したい場合は、以下のようにビルドして起動できます。

docker build -t hello-programmer-world .
docker run --rm -p 8080:80 hello-programmer-world

起動後は http://localhost:8080 で確認できます。

Podman の場合も、docker を podman に読み替えれば同様に実行できます。

./vagrant/README.md をご確認ください。

PHPの練習用環境はDocker Composeで構築しています。
以下のコマンドを実行して、環境を起動してください。

docker compose up -d

起動が成功すると、以下のURLにアクセスすることでPHPの動作を確認できます。
この環境では、PHPのコードを ./public/sample/ と ./public/playground/ に配置して実行できます。

データベースの環境も同時に起動します。
以下のページにアクセスして、データベースの管理ツールであるPhpMyAdminを利用できます。