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

Transcript

1. スポンサーLT @killerbee 2019/06/06 GitLab Contribute 2019 recap (Meetup Tokyo #17)

   令和 最初の

2. GitLab CE の Issue にガン トチャート欲しいよねー ©junpei_ikegami

3. None

4. Ultimate / Gold にならある https://docs.gitlab.com/ee/user/group/roadmap/ 10.5で 入った

5. CE でもインストールして使うものならある https://www.ganttlab.org/ まだ触っ てない

6. None
7. None

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. ありがとうございました