コンテンツにスキップ

マーメイド

はじめに

本サイトにつきまして、【IT技術の知見】はじめに - 俺の技術ノート をご認識のほど宜しくお願いいたします。


フローチャート

Terraform の tfstate をプロバイダーのアカウント別に分割し、tfstate 同士が互いに参照し合う関係を点線の矢印で表すフローチャートの例である。

---
title: プロバイダーのアカウント別
---
%%{init:{'theme':'default'}}%%
flowchart LR
    subgraph PagerDuty
        pagerDuty["tfstate"]
    end
    subgraph Healthchecks
        healthchecks["tfstate"]
    end
    subgraph Datadog
        datadog["tfstate"]
    end
    subgraph AWS
        aws["tfstate"]
    end
    aws -...-> datadog
    aws -...-> healthchecks
    aws -...-> pagerDuty
    datadog -...-> aws
    healthchecks -...-> aws
    pagerDuty -...-> aws


Git グラフ

ブランチごとに誰が Plan や Apply を実行したかを、コミットのラベルで表す Git グラフの例である。

---
title: ブランチの作業状況
---
%%{init: { 'theme': "default", 'themeVariables': { 'commitLabelFontSize': '13px' }}}%%
gitGraph
   commit id: "8c8e6"
   commit id: "0e3c3"
     branch feature/foo
     checkout feature/foo
     commit id: "4e9e8"
     commit id: "fooさんがApply"
   checkout main
     branch feature/bar
     commit id: "barさんがPlan"
   checkout main
   commit id: "e74d6"
     branch feature/baz
     commit id: "bazさんがPlan"


ガントチャート

インフラ、バックエンド、フロントエンドの設計、実装、テストの期間が重なる様子を日付で表すガントチャートの例である。

%%{init:{'theme':'default'}}%%
gantt
  title プロジェクトのスケジュール
  %% 現在の日時を表示する
  dateFormat MM-DD

  section インフラ
    設計 : 07-01, 07-14
    実装 : 07-07, 07-21
    テスト : 07-14, 07-31

  section バックエンド
    設計 : 07-01, 07-14
    実装 : 07-07, 07-21
    テスト : 07-14, 07-31

  section フロントエンド
    設計 : 07-01, 07-14
    実装 : 07-07, 07-21
    テスト : 07-14, 07-31