Diagram gallery

構築の設計を図で残す

個人プロジェクトや学習の中で作成したシステム構成図をまとめています。あとから自分でも見返せるよう、構成・経路・制御点を整理しています。

  • Network
  • Linux
  • Security

01 · on-premises

オンプレネットワーク構成図

完成

AX1800 配下の DMZ(192.168.5.x)に外部公開ホストを隔離し、内部は ER605 を境界に VLAN10/20/30/40 へ分割した構成。ゾーン間は ACL で制御し、VLAN20 の Raspberry Pi に置いた Zabbix Server から ER605 と公開サーバを監視しています。

  • DMZ
  • VLAN
  • ACL
  • Zabbix
  • SNMP
  • Linux
2026年9月 · クリックで拡大
オンプレネットワーク構成図

02 · aws / ci-cd

このサイトの構成図

完成

いま見ているこのサイトの構成です。Astro で生成した静的ファイルを S3 に置き、CloudFront から HTTPS で配信しています。問い合わせフォームは Lambda Function URL で受け付けて SES でメールを送り、サーバーを常時動かさない構成にしています。

更新は main への push だけで完結します。GitHub Actions が型の検査とビルドを通した場合にだけ、OIDC で発行される一時的な認証情報で S3 へ同期し、CloudFront のキャッシュを無効化します。長期のアクセスキーをリポジトリに置かずに済み、HTML は毎回更新を確認させ、ファイル名に内容のハッシュが入る CSS・JS・画像は1年間キャッシュすることで、更新の速さと表示の速さを両立しています。

  • CloudFront
  • S3
  • Lambda
  • SES
  • GitHub Actions
  • OIDC
  • Astro
2026年10月 · クリックで拡大
このサイトの構成図。閲覧者のブラウザは CloudFront 経由で S3 の静的ファイルを受け取り、問い合わせは Lambda から SES でメールを送る。GitHub の main への push で GitHub Actions が検査とビルドを行い、成功したときだけ S3 へ同期して CloudFront のキャッシュを無効化する

Upcoming

今後の追加予定

ネットワーク検証構成図など、今後作成する構成図をここに追加していきます。