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

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

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

F5bf61e348dda436453b7fb840d7df10?s=128

killerbee

June 06, 2019
Tweet

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