Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
スポンサーLT at GitLab Meetup Tokyo #17 / Sponser LT...
Search
killerbee
June 06, 2019
Technology
2
1.3k
スポンサーLT at GitLab Meetup Tokyo #17 / Sponser LT at GitLab Meetup Tokyo #17
2019/6/6 の GitLab Contribute 2019 recap (Meetup Tokyo #17) で発表した スポンサーLT のスライドです
killerbee
June 06, 2019
Tweet
Share
More Decks by killerbee
See All by killerbee
3クリックで3分で立てるGitLab / Start the GitLab in 3 minuts and 3 clicks
killerbee
1
610
Other Decks in Technology
See All in Technology
研究開発と製品開発、両利きのロボティクス
youtalk
1
480
今!ソフトウェアエンジニアがハードウェアに手を出すには
mackee
9
4.3k
Autonomous Database - Dedicated 技術詳細 / adb-d_technical_detail_jp
oracle4engineer
PRO
4
9.9k
ChatGPTとPlantUML/Mermaidによるソフトウェア設計
gowhich501
1
120
5分でカオスエンジニアリングを分かった気になろう
pandayumi
0
130
AI開発ツールCreateがAnythingになったよ
tendasato
0
110
「魔法少女まどか☆マギカ Magia Exedra」のグローバル展開を支える、開発チームと翻訳チームの「意識しない協創」を実現するローカライズシステム
gree_tech
PRO
0
570
20250903_1つのAWSアカウントに複数システムがある環境におけるアクセス制御をABACで実現.pdf
yhana
2
360
AIのグローバルトレンド2025 #scrummikawa / global ai trend
kyonmm
PRO
1
240
LLMを搭載したプロダクトの品質保証の模索と学び
qa
0
870
現場で効くClaude Code ─ 最新動向と企業導入
takaakikakei
1
140
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
8.7k
Featured
See All Featured
Unsuck your backbone
ammeep
671
58k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
A Tale of Four Properties
chriscoyier
160
23k
Being A Developer After 40
akosma
90
590k
For a Future-Friendly Web
brad_frost
180
9.9k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
520
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Gamification - CAS2011
davidbonilla
81
5.4k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.2k
Transcript
スポンサーLT @killerbee 2019/06/06 GitLab Contribute 2019 recap (Meetup Tokyo #17)
令和 最初の
GitLab CE の Issue にガン トチャート欲しいよねー ©junpei_ikegami
None
Ultimate / Gold にならある https://docs.gitlab.com/ee/user/group/roadmap/ 10.5で 入った
CE でもインストールして使うものならある https://www.ganttlab.org/ まだ触っ てない
None
None
で、新GitLab 立ち上げのついでに試してみた
超絶簡単なデモ
事前の Wiki ページ
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 ```
Issue を API で読み取り、Wiki ページを更新 するCI Pipelineを実行
この Issue の内容を読み込んで…
赤枠部分を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 ``` 赤枠以外は 元のまま 赤枠部分は 置換
更新後の Wiki ページ お偉いさんも安心☆
• GitLab Issue を API 経由で読み込むjsアプリ • Mermaid コードブロックの中のコードだけを出力する •
あとは煮るなり焼くなり • 今回は、wikiをAPIで取得してゴリゴリ置換してAPI で書き換え • もちろん、普通のmermaid のファイルにも埋め込めるはず 何を作ったのか
• Gantt を描画するのに足りない情報がある • Description に決まったフォーマットで書く • 開始日時 • 依存関係
• GanttLab もそうしているようだ 気づいたこと
ありがとうございました