歴史地図アプリを雑にk3sへデプロイした

Wed, 25 Feb 2026 22:00:00 +0900

React+Vite+MapLibreで作った歴史地図アプリをk3sにデプロイした話。hostPathマウント、Viteの罠、ngrokとTailscaleを駆使したファイル転送など泥臭い記録。

K3s実験環境構築マニュアル：安全に実験→破壊→復元のサイクルを回す

Mon, 19 Jan 2026 10:30:00 +0900

Proxmox上のK3s環境で安全に実験・破壊・復元サイクルを回すための完全ガイド

k3s + Drone CI/CD構築体験記② 手動ビルドでなんとか動いた

Thu, 01 Jan 2026 18:00:00 +0900

前回のハマり話の続編。

今回は実際にCI/CDパイプラインを動かすところまで進めた。結論から言うと、自動化は99%完成したが、最後の1%（Webhook）で詰んだ。

目標設定

理想は当然これ：

GitHub push → Drone検知 → Hugo自動ビルド → Dockerイメージ作成 → k3sデプロイ更新

ただし、私の環境には致命的な制約がある。

制約：外部IP持ってない

自宅サーバーはTailscaleでVPN経由でのみアクセス可能。つまりGitHubからのWebhookが届かない。まあ、DuckDNSでドメインは取ってるけど、それでもTailscale依存の構成。

それでも「やれるとこまでやってみよう」精神で進めた。

.drone.yml 設定

最終的にはこんな感じになった：

kind: pipeline
type: kubernetes
name: hugo-pipeline

steps:
- name: build-hugo
  image: klakegg/hugo:latest
  commands:
  - cd posts
  - hugo --minify
  - ls -la public/

- name: create-docker-context
  image: alpine:latest
  commands:
  - cp -r posts/public ./public
  - ls -la public/

- name: docker-build
  image: plugins/docker
  settings:
    registry: ghcr.io
    repo: ghcr.io/wasuken/tech_blog
    username:
      from_secret: github_username
    password:
      from_secret: github_token
    tags:
    - latest
    - "${DRONE_COMMIT_SHA:0:8}"

- name: deploy-to-k3s
  image: bitnami/kubectl
  environment:
    KUBECONFIG:
      from_secret: kubeconfig
  commands:
    - kubectl set image deployment/hugo-site hugo=ghcr.io/wasuken/tech_blog:latest
    - kubectl rollout status deployment/hugo-site

- name: deploy-complete
  image: alpine:latest
  commands:
  - echo "Hugo build complete!"
  - echo "Image pushed successfully"

ポイントは、HugoビルドからDockerイメージ作成、GHCR（GitHub Container Registry）へのプッシュ、最終的なk3sデプロイまで全部自動化したこと。

Kubernetes on 怠惰技術ブログ

歴史地図アプリを雑にk3sへデプロイした

K3s実験環境構築マニュアル：安全に実験→破壊→復元のサイクルを回す

k3s + Drone CI/CD構築体験記② 手動ビルドでなんとか動いた

目標設定

.drone.yml 設定