スポンサーLT at GitLab Meetup Tokyo #17 / Sponser LT at GitLab Meetup Tokyo #17

2019/6/6 の GitLab Contribute 2019 recap (Meetup Tokyo #17) で発表した スポンサーLT のスライドです

Transcript

1. スポンサーLT @killerbee 2019/06/06 GitLab Contribute 2019 recap (Meetup Tokyo #17) 令和 最初の
2. GitLab CE の Issue にガン トチャート欲しいよねー ©junpei_ikegami
4. Ultimate / Gold にならある https://docs.gitlab.com/ee/user/group/roadmap/ 10.5で 入った
5. CE でもインストールして使うものならある https://www.ganttlab.org/ まだ触っ てない
8. で、新GitLab 立ち上げのついでに試してみた
9. 超絶簡単なデモ
10. 事前の Wiki ページ
11. 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 ```
12. Issue を API で読み取り、Wiki ページを更新 するCI Pipelineを実行
13. この Issue の内容を読み込んで…
14. 赤枠部分を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 ``` 赤枠以外は 元のまま 赤枠部分は 置換
15. 更新後の Wiki ページ お偉いさんも安心☆
16. • GitLab Issue を API 経由で読み込むjsアプリ • Mermaid コードブロックの中のコードだけを出力する • あとは煮るなり焼くなり • 今回は、wikiをAPIで取得してゴリゴリ置換してAPI で書き換え • もちろん、普通のmermaid のファイルにも埋め込めるはず 何を作ったのか
17. • Gantt を描画するのに足りない情報がある • Description に決まったフォーマットで書く • 開始日時 • 依存関係 • GanttLab もそうしているようだ 気づいたこと
18. ありがとうございました