Zenn
Open5

Zennスクラップ

Zenn
スクラップ
Gen.Y.SakaiGen.Y.Sakai

コードブロックの拡張でmarmaid記法を使うことでダイアグラムの記述が可能
すっごく便利です。ありがとうZennさん！！！

flowchart LR
  subgraph TOP
    direction LR
    subgraph SUBXXX
      direction LR
      procedureA --> procedureB
    end
    subgraph SUBYYY
      direction TB
      a --> b
      end
  end

この記述で、このように表示されます

mermaidの文法等は

https://mermaid-js.github.io/mermaid/#/

Gen.Y.SakaiGen.Y.Sakai

Zenn.devとGithub連携概要

  • 投稿を一括ダウンロード（Zennの機能）
  • ローカルで記事を編集(vscode,zenn-cli,Zenn Editor)してpush（gitの機能）
  • GithubとZenn.devが連携（ZennのGithub連携機能）

mermaidの練習を兼ねて書いてみた

Gen.Y.SakaiGen.Y.Sakai

練習兼ねて書いてみた連携概要図は、ツッコミ所満載だけどおいおい直していこう...

ガントチャートも書ける

gantt
  title 計画停電に伴うサーバー再起動予定
  dateFormat MM-DD HH:mm
  axisFormat %m-%d %H:%M
  section マイルストーン
      計画停電開始     :milestone , s, 11-04 08:00, 10m
      計画停電終了     :milestone , e, 11-06 08:00, 10m
  section 各ベンダー
  サーバーシャットダウン作業    :before s, 11-03 20:00, 12h
  サーバーアップ作業           :after e2, 12h
  section ユーザー
  計画停電             :crit, after s , 11-04 08:00, 2d
  Everrun電源投入      :e2, 11-06 08:00, 2h
  営業再開             :rs, 11-07 08:00, 10h