Slide 1
Slide 1 text
スポンサーLT
@killerbee
2019/06/06 GitLab Contribute 2019 recap (Meetup Tokyo #17)
令和
最初の
Slide 2
Slide 2 text
GitLab CE の Issue にガン
トチャート欲しいよねー
©junpei_ikegami
Slide 3
Slide 3 text
No content
Slide 4
Slide 4 text
Ultimate / Gold にならある
https://docs.gitlab.com/ee/user/group/roadmap/
10.5で
入った
Slide 5
Slide 5 text
CE でもインストールして使うものならある
https://www.ganttlab.org/ まだ触っ
てない
Slide 6
Slide 6 text
No content
Slide 7
Slide 7 text
No content
Slide 8
Slide 8 text
で、新GitLab 立ち上げのついでに試してみた
Slide 9
Slide 9 text
超絶簡単なデモ
Slide 10
Slide 10 text
事前の Wiki ページ
Slide 11
Slide 11 text
mermaidコード部分抜粋
## 極まってるプロジェクトのスケジュール
```mermaid
gantt
dateFormat YYYY-MM-DD
title ♨ GitLab ガントチャート
section 最初の作業期間
最初にやるべき作業 :done,i26,2019-05-01,2019-05-12
その次にやるべき作業 :done,i33,2019-05-01,2019-05-19
最後にやるべき作業 :i28,2019-05-01,2019-05-24
section 最後の作業期間
仕上げの作業 :i37,2019-05-20,2019-06-03
仕上げの作業の確認 :i38,after i28,2019-06-16
お偉いさんにご報告 :i31,2019-06-16,2019-06-18
```
Slide 12
Slide 12 text
Issue を API で読み取り、Wiki ページを更新
するCI Pipelineを実行
Slide 13
Slide 13 text
この Issue の内容を読み込んで…
Slide 14
Slide 14 text
赤枠部分をCIで生成して置換
## 極まってるプロジェクトのスケジュール
```mermaid
gantt
dateFormat YYYY-MM-DD
title ♨ GitLab ガントチャート
section 最初の作業期間
最初にやるべき作業 : done,i1,2019-05-01,2019-05-12
その次にやるべき作業 : done,i2,2019-05-01,2019-05-19
最後にやるべき作業 : done,i3,2019-05-01,2019-05-24
section 最後の作業期間
仕上げの作業 : done,i4,2019-05-02,2019-06-03
仕上げの作業の確認 : done,i5,after i3,2019-06-16
お偉いさんにご報告 : i6,after i5,2019-06-18
```
赤枠以外は
元のまま
赤枠部分は
置換
Slide 15
Slide 15 text
更新後の Wiki ページ
お偉いさんも安心☆
Slide 16
Slide 16 text
• GitLab Issue を API 経由で読み込むjsアプリ
• Mermaid コードブロックの中のコードだけを出力する
• あとは煮るなり焼くなり
• 今回は、wikiをAPIで取得してゴリゴリ置換してAPI で書き換え
• もちろん、普通のmermaid のファイルにも埋め込めるはず
何を作ったのか
Slide 17
Slide 17 text
• Gantt を描画するのに足りない情報がある
• Description に決まったフォーマットで書く
• 開始日時
• 依存関係
• GanttLab もそうしているようだ
気づいたこと
Slide 18
Slide 18 text
ありがとうございました